From da2e5ce23950a446e47616b4944cad1fa502cedc Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 14 Aug 2026 11:33:58 -0400
Subject: [PATCH 1/8] docs(usage): update all demos to point to v9

---
 .../v9/accordion/accessibility/animations/demo.html    |  4 ++--
 static/usage/v9/accordion/basic/demo.html              |  4 ++--
 .../customization/advanced-expansion-styles/demo.html  |  4 ++--
 .../accordion/customization/expansion-styles/demo.html |  4 ++--
 .../usage/v9/accordion/customization/icons/demo.html   |  4 ++--
 .../usage/v9/accordion/customization/theming/demo.html |  4 ++--
 static/usage/v9/accordion/disable/group/demo.html      |  4 ++--
 static/usage/v9/accordion/disable/individual/demo.html |  4 ++--
 static/usage/v9/accordion/listen-changes/demo.html     |  4 ++--
 static/usage/v9/accordion/multiple/demo.html           |  4 ++--
 static/usage/v9/accordion/readonly/group/demo.html     |  4 ++--
 .../usage/v9/accordion/readonly/individual/demo.html   |  4 ++--
 static/usage/v9/accordion/toggle/demo.html             |  4 ++--
 static/usage/v9/action-sheet/controller/demo.html      |  4 ++--
 static/usage/v9/action-sheet/inline/isOpen/demo.html   |  4 ++--
 static/usage/v9/action-sheet/inline/trigger/demo.html  |  4 ++--
 .../v9/action-sheet/role-info-on-dismiss/demo.html     |  4 ++--
 .../v9/action-sheet/theming/css-properties/demo.html   |  4 ++--
 static/usage/v9/action-sheet/theming/styling/demo.html |  4 ++--
 static/usage/v9/alert/buttons/demo.html                |  4 ++--
 static/usage/v9/alert/customization/demo.html          |  4 ++--
 static/usage/v9/alert/inputs/radios/demo.html          |  4 ++--
 static/usage/v9/alert/inputs/text-inputs/demo.html     |  4 ++--
 static/usage/v9/alert/presenting/controller/demo.html  |  4 ++--
 static/usage/v9/alert/presenting/isOpen/demo.html      |  4 ++--
 static/usage/v9/alert/presenting/trigger/demo.html     |  4 ++--
 static/usage/v9/animations/basic/demo.html             |  6 +++---
 .../v9/animations/before-and-after-hooks/demo.html     |  6 +++---
 static/usage/v9/animations/chain/demo.html             |  6 +++---
 static/usage/v9/animations/gesture/demo.html           |  6 +++---
 static/usage/v9/animations/group/demo.html             |  6 +++---
 static/usage/v9/animations/keyframes/demo.html         |  6 +++---
 static/usage/v9/animations/modal-override/demo.html    |  6 +++---
 static/usage/v9/animations/preference-based/demo.html  |  6 +++---
 static/usage/v9/app/set-focus/demo.html                |  4 ++--
 static/usage/v9/avatar/basic/demo.html                 |  4 ++--
 static/usage/v9/avatar/chip/demo.html                  |  4 ++--
 static/usage/v9/avatar/item/demo.html                  |  4 ++--
 .../usage/v9/avatar/theming/css-properties/demo.html   |  4 ++--
 static/usage/v9/back-button/basic/demo.html            |  4 ++--
 static/usage/v9/back-button/custom/demo.html           |  4 ++--
 static/usage/v9/backdrop/basic/demo.html               |  4 ++--
 static/usage/v9/backdrop/styling/demo.html             |  4 ++--
 static/usage/v9/badge/basic/demo.html                  |  4 ++--
 static/usage/v9/badge/inside-tab-bar/demo.html         |  4 ++--
 static/usage/v9/badge/theming/colors/demo.html         |  4 ++--
 static/usage/v9/badge/theming/css-properties/demo.html |  4 ++--
 static/usage/v9/breadcrumbs/basic/demo.html            |  4 ++--
 .../collapsing-items/expand-on-click/demo.html         |  4 ++--
 .../collapsing-items/items-before-after/demo.html      |  4 ++--
 .../breadcrumbs/collapsing-items/max-items/demo.html   |  4 ++--
 .../collapsing-items/popover-on-click/demo.html        |  4 ++--
 .../v9/breadcrumbs/icons/custom-separators/demo.html   |  4 ++--
 .../v9/breadcrumbs/icons/icons-on-items/demo.html      |  4 ++--
 static/usage/v9/breadcrumbs/theming/colors/demo.html   |  4 ++--
 .../v9/breadcrumbs/theming/css-properties/demo.html    |  4 ++--
 static/usage/v9/button/basic/demo.html                 |  4 ++--
 static/usage/v9/button/expand/demo.html                |  4 ++--
 static/usage/v9/button/fill/demo.html                  |  4 ++--
 static/usage/v9/button/icons/demo.html                 |  4 ++--
 static/usage/v9/button/shape/demo.html                 |  4 ++--
 static/usage/v9/button/size/demo.html                  |  4 ++--
 static/usage/v9/button/text-wrapping/demo.html         |  4 ++--
 static/usage/v9/button/theming/colors/demo.html        |  4 ++--
 .../usage/v9/button/theming/css-properties/demo.html   |  4 ++--
 static/usage/v9/buttons/basic/demo.html                |  4 ++--
 static/usage/v9/buttons/placement/demo.html            |  4 ++--
 static/usage/v9/buttons/types/demo.html                |  4 ++--
 static/usage/v9/card/basic/demo.html                   |  4 ++--
 static/usage/v9/card/buttons/demo.html                 |  4 ++--
 static/usage/v9/card/list/demo.html                    |  4 ++--
 static/usage/v9/card/media/demo.html                   |  4 ++--
 static/usage/v9/card/theming/colors/demo.html          |  4 ++--
 static/usage/v9/card/theming/css-properties/demo.html  |  4 ++--
 static/usage/v9/checkbox/alignment/demo.html           |  4 ++--
 static/usage/v9/checkbox/basic/demo.html               |  4 ++--
 static/usage/v9/checkbox/helper-error/demo.html        |  4 ++--
 static/usage/v9/checkbox/indeterminate/demo.html       |  4 ++--
 static/usage/v9/checkbox/justify/demo.html             |  4 ++--
 static/usage/v9/checkbox/label-link/demo.html          |  4 ++--
 static/usage/v9/checkbox/label-placement/demo.html     |  4 ++--
 .../usage/v9/checkbox/theming/css-properties/demo.html |  4 ++--
 static/usage/v9/chip/basic/demo.html                   |  4 ++--
 static/usage/v9/chip/slots/demo.html                   |  4 ++--
 static/usage/v9/chip/theming/colors/demo.html          |  4 ++--
 static/usage/v9/chip/theming/css-properties/demo.html  |  4 ++--
 static/usage/v9/common.js                              |  2 +-
 static/usage/v9/config/mode/demo.html                  |  4 ++--
 static/usage/v9/content/basic/demo.html                |  4 ++--
 static/usage/v9/content/fixed/demo.html                |  4 ++--
 static/usage/v9/content/fullscreen/demo.html           |  4 ++--
 static/usage/v9/content/header-footer/demo.html        |  4 ++--
 static/usage/v9/content/scroll-events/demo.html        |  4 ++--
 static/usage/v9/content/scroll-methods/demo.html       |  4 ++--
 static/usage/v9/content/theming/colors/demo.html       |  4 ++--
 .../usage/v9/content/theming/css-properties/demo.html  |  4 ++--
 .../v9/content/theming/css-shadow-parts/demo.html      |  4 ++--
 static/usage/v9/content/theming/safe-area/demo.html    |  4 ++--
 static/usage/v9/datetime-button/basic/demo.html        |  4 ++--
 .../usage/v9/datetime-button/format-options/demo.html  |  4 ++--
 static/usage/v9/datetime/basic/demo.html               |  4 ++--
 .../buttons/customizing-button-texts/demo.html         |  4 ++--
 .../v9/datetime/buttons/customizing-buttons/demo.html  |  4 ++--
 .../buttons/showing-confirmation-buttons/demo.html     |  4 ++--
 .../v9/datetime/date-constraints/advanced/demo.html    |  4 ++--
 .../v9/datetime/date-constraints/max-min/demo.html     |  4 ++--
 .../v9/datetime/date-constraints/values/demo.html      |  4 ++--
 static/usage/v9/datetime/format-options/demo.html      |  4 ++--
 .../usage/v9/datetime/highlightedDates/array/demo.html |  4 ++--
 .../v9/datetime/highlightedDates/callback/demo.html    |  4 ++--
 .../v9/datetime/localization/custom-locale/demo.html   |  4 ++--
 .../datetime/localization/first-day-of-week/demo.html  |  4 ++--
 .../v9/datetime/localization/hour-cycle/demo.html      |  4 ++--
 .../localization/locale-extension-tags/demo.html       |  4 ++--
 .../v9/datetime/localization/time-label/demo.html      |  4 ++--
 static/usage/v9/datetime/multiple/demo.html            |  4 ++--
 static/usage/v9/datetime/presentation/date/demo.html   |  4 ++--
 .../v9/datetime/presentation/month-and-year/demo.html  |  4 ++--
 static/usage/v9/datetime/presentation/time/demo.html   |  4 ++--
 static/usage/v9/datetime/presentation/wheel/demo.html  |  4 ++--
 static/usage/v9/datetime/show-adjacent-days/demo.html  |  4 ++--
 .../usage/v9/datetime/styling/calendar-days/demo.html  |  4 ++--
 .../v9/datetime/styling/calendar-header/demo.html      |  4 ++--
 .../v9/datetime/styling/datetime-header/demo.html      |  4 ++--
 .../usage/v9/datetime/styling/global-theming/demo.html |  4 ++--
 .../usage/v9/datetime/styling/wheel-styling/demo.html  |  4 ++--
 .../v9/datetime/title/customizing-title/demo.html      |  4 ++--
 .../v9/datetime/title/showing-default-title/demo.html  |  4 ++--
 static/usage/v9/fab/basic/demo.html                    |  4 ++--
 static/usage/v9/fab/before-content/demo.html           |  4 ++--
 static/usage/v9/fab/button-sizing/demo.html            |  4 ++--
 static/usage/v9/fab/list-side/demo.html                |  4 ++--
 static/usage/v9/fab/positioning/demo.html              |  4 ++--
 static/usage/v9/fab/safe-area/demo.html                |  4 ++--
 static/usage/v9/fab/theming/colors/demo.html           |  4 ++--
 .../v9/fab/theming/css-custom-properties/demo.html     |  4 ++--
 static/usage/v9/fab/theming/css-shadow-parts/demo.html |  4 ++--
 static/usage/v9/footer/basic/demo.html                 |  4 ++--
 static/usage/v9/footer/custom-scroll-target/demo.html  |  4 ++--
 static/usage/v9/footer/fade/demo.html                  |  4 ++--
 static/usage/v9/footer/no-border/demo.html             |  4 ++--
 static/usage/v9/footer/translucent/demo.html           |  4 ++--
 static/usage/v9/gestures/basic/demo.html               |  6 +++---
 static/usage/v9/gestures/double-click/demo.html        |  6 +++---
 static/usage/v9/grid/basic/demo.html                   |  4 ++--
 .../usage/v9/grid/customizing/column-number/demo.html  |  4 ++--
 static/usage/v9/grid/customizing/padding/demo.html     |  4 ++--
 static/usage/v9/grid/customizing/width/demo.html       |  4 ++--
 static/usage/v9/grid/fixed/demo.html                   |  4 ++--
 static/usage/v9/grid/horizontal-alignment/demo.html    |  4 ++--
 static/usage/v9/grid/offset-responsive/demo.html       |  4 ++--
 static/usage/v9/grid/offset/demo.html                  |  4 ++--
 static/usage/v9/grid/push-pull-responsive/demo.html    |  4 ++--
 static/usage/v9/grid/push-pull/demo.html               |  4 ++--
 static/usage/v9/grid/size-auto/demo.html               |  4 ++--
 static/usage/v9/grid/size-responsive/demo.html         |  4 ++--
 static/usage/v9/grid/size/demo.html                    |  4 ++--
 static/usage/v9/grid/vertical-alignment/demo.html      |  4 ++--
 static/usage/v9/header/basic/demo.html                 |  4 ++--
 static/usage/v9/header/condense/demo.html              |  4 ++--
 static/usage/v9/header/custom-scroll-target/demo.html  |  4 ++--
 static/usage/v9/header/fade/demo.html                  |  4 ++--
 static/usage/v9/header/no-border/demo.html             |  4 ++--
 static/usage/v9/header/translucent/demo.html           |  4 ++--
 static/usage/v9/icon/basic/demo.html                   |  4 ++--
 static/usage/v9/icon/custom-svgs/demo.html             |  4 ++--
 static/usage/v9/icon/font-icons/demo.html              |  4 ++--
 static/usage/v9/img/basic/demo.html                    |  4 ++--
 static/usage/v9/infinite-scroll/basic/demo.html        |  4 ++--
 .../custom-infinite-scroll-content/demo.html           |  4 ++--
 .../infinite-scroll/infinite-scroll-content/demo.html  |  4 ++--
 static/usage/v9/input-otp/basic/demo.html              |  4 ++--
 static/usage/v9/input-otp/fill/demo.html               |  4 ++--
 static/usage/v9/input-otp/pattern/demo.html            |  4 ++--
 static/usage/v9/input-otp/separators/demo.html         |  4 ++--
 static/usage/v9/input-otp/shape/demo.html              |  4 ++--
 static/usage/v9/input-otp/size/demo.html               |  4 ++--
 static/usage/v9/input-otp/states/demo.html             |  4 ++--
 static/usage/v9/input-otp/theming/colors/demo.html     |  4 ++--
 .../v9/input-otp/theming/css-properties/demo.html      |  4 ++--
 static/usage/v9/input-otp/type/demo.html               |  4 ++--
 static/usage/v9/input-password-toggle/basic/demo.html  |  4 ++--
 static/usage/v9/input/basic/demo.html                  |  4 ++--
 static/usage/v9/input/clear/demo.html                  |  4 ++--
 static/usage/v9/input/counter-alignment/demo.html      |  4 ++--
 static/usage/v9/input/counter/demo.html                |  4 ++--
 static/usage/v9/input/fill/demo.html                   |  4 ++--
 static/usage/v9/input/filtering/demo.html              |  4 ++--
 static/usage/v9/input/helper-error/demo.html           |  4 ++--
 static/usage/v9/input/label-placement/demo.html        |  4 ++--
 static/usage/v9/input/label-slot/demo.html             |  4 ++--
 static/usage/v9/input/mask/demo.html                   |  4 ++--
 static/usage/v9/input/no-visible-label/demo.html       |  4 ++--
 static/usage/v9/input/set-focus/demo.html              |  4 ++--
 static/usage/v9/input/start-end-slots/demo.html        |  4 ++--
 static/usage/v9/input/theming/colors/demo.html         |  4 ++--
 static/usage/v9/input/theming/css-properties/demo.html |  4 ++--
 static/usage/v9/input/types/demo.html                  |  4 ++--
 static/usage/v9/item-divider/basic/demo.html           |  4 ++--
 static/usage/v9/item-divider/theming/colors/demo.html  |  4 ++--
 .../v9/item-divider/theming/css-properties/demo.html   |  4 ++--
 static/usage/v9/item-group/basic/demo.html             |  4 ++--
 static/usage/v9/item-group/sliding-items/demo.html     |  4 ++--
 static/usage/v9/item-sliding/basic/demo.html           |  4 ++--
 static/usage/v9/item-sliding/expandable/demo.html      |  4 ++--
 static/usage/v9/item-sliding/icons/demo.html           |  4 ++--
 static/usage/v9/item/basic/demo.html                   |  4 ++--
 static/usage/v9/item/buttons/demo.html                 |  4 ++--
 static/usage/v9/item/clickable/demo.html               |  4 ++--
 static/usage/v9/item/content-types/actions/demo.html   |  4 ++--
 static/usage/v9/item/content-types/controls/demo.html  |  4 ++--
 static/usage/v9/item/content-types/metadata/demo.html  |  4 ++--
 .../v9/item/content-types/supporting-visuals/demo.html |  4 ++--
 static/usage/v9/item/content-types/text/demo.html      |  4 ++--
 static/usage/v9/item/detail-arrows/demo.html           |  4 ++--
 static/usage/v9/item/inputs/demo.html                  |  4 ++--
 static/usage/v9/item/lines/demo.html                   |  4 ++--
 static/usage/v9/item/media/demo.html                   |  4 ++--
 static/usage/v9/item/theming/colors/demo.html          |  4 ++--
 static/usage/v9/item/theming/css-properties/demo.html  |  4 ++--
 .../usage/v9/item/theming/css-shadow-parts/demo.html   |  4 ++--
 static/usage/v9/item/theming/input-highlight/demo.html |  4 ++--
 static/usage/v9/keyboard/enterkeyhint/demo.html        |  4 ++--
 static/usage/v9/keyboard/inputmode/demo.html           |  4 ++--
 static/usage/v9/label/basic/demo.html                  |  4 ++--
 static/usage/v9/label/input/demo.html                  |  4 ++--
 static/usage/v9/label/item/demo.html                   |  4 ++--
 static/usage/v9/label/theming/colors/demo.html         |  4 ++--
 static/usage/v9/layout/dynamic-font-scaling/demo.html  |  4 ++--
 static/usage/v9/list-header/basic/demo.html            |  4 ++--
 static/usage/v9/list-header/buttons/demo.html          |  4 ++--
 static/usage/v9/list-header/lines/demo.html            |  4 ++--
 static/usage/v9/list-header/theming/colors/demo.html   |  4 ++--
 .../v9/list-header/theming/css-properties/demo.html    |  4 ++--
 static/usage/v9/list/basic/demo.html                   |  4 ++--
 static/usage/v9/list/inset/demo.html                   |  4 ++--
 static/usage/v9/list/lines/demo.html                   |  4 ++--
 static/usage/v9/loading/controller/demo.html           |  6 +++---
 static/usage/v9/loading/inline/demo.html               |  4 ++--
 static/usage/v9/loading/spinners/demo.html             |  4 ++--
 static/usage/v9/loading/theming/demo.html              |  6 +++---
 static/usage/v9/menu/basic/demo.html                   |  4 ++--
 static/usage/v9/menu/multiple/demo.html                |  6 +++---
 static/usage/v9/menu/sides/demo.html                   |  4 ++--
 static/usage/v9/menu/theming/demo.html                 |  4 ++--
 static/usage/v9/menu/toggle/demo.html                  |  4 ++--
 static/usage/v9/menu/type/demo.html                    |  4 ++--
 static/usage/v9/modal/can-dismiss/boolean/demo.html    |  4 ++--
 .../usage/v9/modal/can-dismiss/child-state/demo.html   |  4 ++--
 static/usage/v9/modal/can-dismiss/function/demo.html   |  4 ++--
 .../modal/can-dismiss/prevent-swipe-to-close/demo.html |  4 ++--
 static/usage/v9/modal/card/basic/demo.html             |  4 ++--
 static/usage/v9/modal/controller/demo.html             |  6 +++---
 static/usage/v9/modal/custom-dialogs/demo.html         |  4 ++--
 static/usage/v9/modal/drag-move-event/demo.html        |  4 ++--
 static/usage/v9/modal/drag-start-end-events/demo.html  |  4 ++--
 static/usage/v9/modal/inline/basic/demo.html           |  4 ++--
 static/usage/v9/modal/inline/is-open/demo.html         |  4 ++--
 static/usage/v9/modal/performance/mount/demo.html      |  4 ++--
 static/usage/v9/modal/sheet/auto-height/demo.html      |  4 ++--
 .../usage/v9/modal/sheet/background-content/demo.html  |  4 ++--
 static/usage/v9/modal/sheet/basic/demo.html            |  4 ++--
 static/usage/v9/modal/sheet/expand-to-scroll/demo.html |  4 ++--
 static/usage/v9/modal/sheet/handle-behavior/demo.html  |  4 ++--
 static/usage/v9/modal/styling/animations/demo.html     |  6 +++---
 static/usage/v9/modal/styling/theming/demo.html        |  4 ++--
 static/usage/v9/nav/modal-navigation/demo.html         |  4 ++--
 static/usage/v9/nav/nav-link/demo.html                 |  4 ++--
 static/usage/v9/navigation/demo.html                   |  4 ++--
 static/usage/v9/note/basic/demo.html                   |  4 ++--
 static/usage/v9/note/item/demo.html                    |  4 ++--
 static/usage/v9/note/theming/colors/demo.html          |  4 ++--
 static/usage/v9/note/theming/css-properties/demo.html  |  4 ++--
 static/usage/v9/picker/basic/demo.html                 |  4 ++--
 static/usage/v9/picker/modal/demo.html                 |  4 ++--
 static/usage/v9/picker/prefix-suffix/demo.html         |  4 ++--
 .../usage/v9/picker/theming/css-properties/demo.html   |  4 ++--
 .../v9/popover/customization/positioning/demo.html     |  4 ++--
 static/usage/v9/popover/customization/sizing/demo.html |  4 ++--
 .../usage/v9/popover/customization/styling/demo.html   |  4 ++--
 static/usage/v9/popover/nested/demo.html               |  4 ++--
 static/usage/v9/popover/performance/mount/demo.html    |  4 ++--
 .../usage/v9/popover/presenting/controller/demo.html   |  4 ++--
 .../v9/popover/presenting/inline-isopen/demo.html      |  4 ++--
 .../v9/popover/presenting/inline-trigger/demo.html     |  4 ++--
 static/usage/v9/progress-bar/buffer/demo.html          |  4 ++--
 static/usage/v9/progress-bar/determinate/demo.html     |  4 ++--
 static/usage/v9/progress-bar/indeterminate/demo.html   |  4 ++--
 static/usage/v9/progress-bar/theming/colors/demo.html  |  4 ++--
 .../v9/progress-bar/theming/css-properties/demo.html   |  4 ++--
 .../v9/progress-bar/theming/css-shadow-parts/demo.html |  4 ++--
 static/usage/v9/radio/alignment/demo.html              |  4 ++--
 static/usage/v9/radio/basic/demo.html                  |  4 ++--
 static/usage/v9/radio/empty-selection/demo.html        |  4 ++--
 static/usage/v9/radio/helper-error/demo.html           |  4 ++--
 static/usage/v9/radio/justify/demo.html                |  4 ++--
 static/usage/v9/radio/label-placement/demo.html        |  4 ++--
 static/usage/v9/radio/label-wrap/demo.html             |  4 ++--
 static/usage/v9/radio/theming/colors/demo.html         |  4 ++--
 static/usage/v9/radio/theming/css-properties/demo.html |  4 ++--
 .../usage/v9/radio/theming/css-shadow-parts/demo.html  |  4 ++--
 static/usage/v9/radio/using-comparewith/demo.html      |  4 ++--
 static/usage/v9/range/basic/demo.html                  |  4 ++--
 static/usage/v9/range/dual-knobs/demo.html             |  4 ++--
 static/usage/v9/range/ion-change-event/demo.html       |  4 ++--
 static/usage/v9/range/ion-knob-move-event/demo.html    |  4 ++--
 static/usage/v9/range/label-slot/demo.html             |  4 ++--
 static/usage/v9/range/labels/demo.html                 |  4 ++--
 static/usage/v9/range/no-visible-label/demo.html       |  4 ++--
 static/usage/v9/range/pins/demo.html                   |  4 ++--
 static/usage/v9/range/slots/demo.html                  |  4 ++--
 static/usage/v9/range/snapping-ticks/demo.html         |  4 ++--
 static/usage/v9/range/theming/css-properties/demo.html |  4 ++--
 .../usage/v9/range/theming/css-shadow-parts/demo.html  |  4 ++--
 static/usage/v9/refresher/advanced/demo.html           |  4 ++--
 static/usage/v9/refresher/basic/demo.html              |  4 ++--
 static/usage/v9/refresher/custom-content/demo.html     |  4 ++--
 .../usage/v9/refresher/custom-scroll-target/demo.html  |  4 ++--
 static/usage/v9/refresher/pull-properties/demo.html    |  4 ++--
 .../usage/v9/refresher/pull-start-end-events/demo.html |  4 ++--
 static/usage/v9/reorder/basic/demo.html                |  4 ++--
 static/usage/v9/reorder/custom-icon/demo.html          |  4 ++--
 static/usage/v9/reorder/custom-scroll-target/demo.html |  4 ++--
 static/usage/v9/reorder/reorder-move-event/demo.html   |  4 ++--
 .../v9/reorder/reorder-start-end-events/demo.html      |  4 ++--
 static/usage/v9/reorder/toggling-disabled/demo.html    |  4 ++--
 static/usage/v9/reorder/updating-data/demo.html        |  4 ++--
 static/usage/v9/reorder/wrapper/demo.html              |  4 ++--
 static/usage/v9/ripple-effect/basic/demo.html          |  4 ++--
 static/usage/v9/ripple-effect/customizing/demo.html    |  4 ++--
 static/usage/v9/ripple-effect/type/demo.html           |  4 ++--
 static/usage/v9/router/basic/demo.html                 |  4 ++--
 static/usage/v9/router/nav-within-page/demo.html       |  4 ++--
 static/usage/v9/searchbar/basic/demo.html              |  4 ++--
 static/usage/v9/searchbar/cancel-button/demo.html      |  4 ++--
 static/usage/v9/searchbar/clear-button/demo.html       |  4 ++--
 static/usage/v9/searchbar/debounce/demo.html           |  4 ++--
 static/usage/v9/searchbar/search-icon/demo.html        |  4 ++--
 static/usage/v9/searchbar/theming/colors/demo.html     |  4 ++--
 .../v9/searchbar/theming/css-properties/demo.html      |  4 ++--
 static/usage/v9/segment-button/basic/demo.html         |  4 ++--
 static/usage/v9/segment-button/layout/demo.html        |  4 ++--
 .../v9/segment-button/theming/css-properties/demo.html |  4 ++--
 .../segment-button/theming/css-shadow-parts/demo.html  |  4 ++--
 static/usage/v9/segment/basic/demo.html                |  4 ++--
 static/usage/v9/segment/scrollable/demo.html           |  4 ++--
 static/usage/v9/segment/swipeable/demo.html            |  4 ++--
 static/usage/v9/segment/theming/colors/demo.html       |  4 ++--
 .../usage/v9/segment/theming/css-properties/demo.html  |  4 ++--
 .../usage/v9/select/basic/multiple-selection/demo.html |  4 ++--
 .../select/basic/responding-to-interaction/demo.html   |  4 ++--
 .../usage/v9/select/basic/single-selection/demo.html   |  4 ++--
 .../v9/select/customization/button-text/demo.html      |  4 ++--
 .../select/customization/custom-toggle-icons/demo.html |  4 ++--
 .../select/customization/icon-flip-behavior/demo.html  |  4 ++--
 .../select/customization/interface-options/demo.html   |  4 ++--
 .../v9/select/customization/styling-select/demo.html   |  4 ++--
 static/usage/v9/select/fill/demo.html                  |  4 ++--
 static/usage/v9/select/helper-error/demo.html          |  4 ++--
 .../usage/v9/select/interfaces/action-sheet/demo.html  |  4 ++--
 static/usage/v9/select/interfaces/modal/demo.html      |  4 ++--
 static/usage/v9/select/interfaces/popover/demo.html    |  4 ++--
 static/usage/v9/select/justify/demo.html               |  4 ++--
 static/usage/v9/select/label-placement/demo.html       |  4 ++--
 static/usage/v9/select/label-slot/demo.html            |  4 ++--
 static/usage/v9/select/no-visible-label/demo.html      |  4 ++--
 .../objects-as-values/multiple-selection/demo.html     |  4 ++--
 .../objects-as-values/using-comparewith/demo.html      |  4 ++--
 static/usage/v9/select/rich-content-options/demo.html  |  4 ++--
 static/usage/v9/select/start-end-slots/demo.html       |  4 ++--
 static/usage/v9/select/typeahead/demo.html             |  4 ++--
 static/usage/v9/skeleton-text/basic/demo.html          |  4 ++--
 .../v9/skeleton-text/theming/css-properties/demo.html  |  4 ++--
 static/usage/v9/spinner/basic/demo.html                |  4 ++--
 static/usage/v9/spinner/theming/colors/demo.html       |  4 ++--
 .../usage/v9/spinner/theming/css-properties/demo.html  |  4 ++--
 static/usage/v9/spinner/theming/resizing/demo.html     |  4 ++--
 static/usage/v9/split-pane/basic/demo.html             |  4 ++--
 .../v9/split-pane/theming/css-properties/demo.html     |  4 ++--
 static/usage/v9/tabs/basic/demo.html                   |  4 ++--
 static/usage/v9/tabs/router/demo.html                  |  4 ++--
 static/usage/v9/tabs/select-method/demo.html           |  4 ++--
 static/usage/v9/text/basic/demo.html                   |  4 ++--
 static/usage/v9/textarea/autogrow/demo.html            |  4 ++--
 static/usage/v9/textarea/basic/demo.html               |  4 ++--
 static/usage/v9/textarea/clear-on-edit/demo.html       |  4 ++--
 static/usage/v9/textarea/counter/demo.html             |  4 ++--
 static/usage/v9/textarea/fill/demo.html                |  4 ++--
 static/usage/v9/textarea/helper-error/demo.html        |  4 ++--
 static/usage/v9/textarea/label-placement/demo.html     |  4 ++--
 static/usage/v9/textarea/label-slot/demo.html          |  4 ++--
 static/usage/v9/textarea/no-visible-label/demo.html    |  4 ++--
 static/usage/v9/textarea/start-end-slots/demo.html     |  4 ++--
 static/usage/v9/textarea/theming/demo.html             |  4 ++--
 static/usage/v9/theming/always-dark-mode/demo.html     |  6 +++---
 .../v9/theming/always-high-contrast-mode/demo.html     |  6 +++---
 static/usage/v9/theming/class-dark-mode/demo.html      |  6 +++---
 .../v9/theming/class-high-contrast-mode/demo.html      | 10 +++++-----
 static/usage/v9/theming/system-dark-mode/demo.html     |  6 +++---
 .../v9/theming/system-high-contrast-mode/demo.html     | 10 +++++-----
 static/usage/v9/thumbnail/basic/demo.html              |  4 ++--
 static/usage/v9/thumbnail/item/demo.html               |  4 ++--
 .../v9/thumbnail/theming/css-properties/demo.html      |  4 ++--
 static/usage/v9/title/basic/demo.html                  |  4 ++--
 .../v9/title/collapsible-large-title/basic/demo.html   |  4 ++--
 .../v9/title/collapsible-large-title/buttons/demo.html |  4 ++--
 static/usage/v9/title/theming/css-properties/demo.html |  4 ++--
 static/usage/v9/toast/buttons/demo.html                |  4 ++--
 static/usage/v9/toast/icon/demo.html                   |  4 ++--
 static/usage/v9/toast/inline/basic/demo.html           |  4 ++--
 static/usage/v9/toast/inline/is-open/demo.html         |  4 ++--
 static/usage/v9/toast/layout/demo.html                 |  4 ++--
 static/usage/v9/toast/position-anchor/demo.html        |  4 ++--
 static/usage/v9/toast/presenting/controller/demo.html  |  6 +++---
 static/usage/v9/toast/swipe-gesture/demo.html          |  4 ++--
 static/usage/v9/toast/theming/demo.html                |  4 ++--
 static/usage/v9/toggle/alignment/demo.html             |  4 ++--
 static/usage/v9/toggle/basic/demo.html                 |  4 ++--
 static/usage/v9/toggle/helper-error/demo.html          |  4 ++--
 static/usage/v9/toggle/justify/demo.html               |  4 ++--
 static/usage/v9/toggle/label-placement/demo.html       |  4 ++--
 static/usage/v9/toggle/list/demo.html                  |  4 ++--
 static/usage/v9/toggle/on-off/demo.html                |  4 ++--
 static/usage/v9/toggle/theming/colors/demo.html        |  4 ++--
 .../usage/v9/toggle/theming/css-properties/demo.html   |  4 ++--
 .../usage/v9/toggle/theming/css-shadow-parts/demo.html |  4 ++--
 static/usage/v9/toolbar/basic/demo.html                |  4 ++--
 static/usage/v9/toolbar/buttons/demo.html              |  4 ++--
 static/usage/v9/toolbar/progress-bars/demo.html        |  4 ++--
 static/usage/v9/toolbar/searchbars/demo.html           |  4 ++--
 static/usage/v9/toolbar/segments/demo.html             |  4 ++--
 static/usage/v9/toolbar/theming/colors/demo.html       |  4 ++--
 .../usage/v9/toolbar/theming/css-properties/demo.html  |  4 ++--
 433 files changed, 891 insertions(+), 891 deletions(-)

diff --git a/static/usage/v9/accordion/accessibility/animations/demo.html b/static/usage/v9/accordion/accessibility/animations/demo.html
index 52195c84137..689da84fdf7 100644
--- a/static/usage/v9/accordion/accessibility/animations/demo.html
+++ b/static/usage/v9/accordion/accessibility/animations/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/basic/demo.html b/static/usage/v9/accordion/basic/demo.html
index 74304db2f13..40f14137bb2 100644
--- a/static/usage/v9/accordion/basic/demo.html
+++ b/static/usage/v9/accordion/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/customization/advanced-expansion-styles/demo.html b/static/usage/v9/accordion/customization/advanced-expansion-styles/demo.html
index 6763c179b4f..7e992fa6205 100644
--- a/static/usage/v9/accordion/customization/advanced-expansion-styles/demo.html
+++ b/static/usage/v9/accordion/customization/advanced-expansion-styles/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-accordion {
         margin: 0 auto;
diff --git a/static/usage/v9/accordion/customization/expansion-styles/demo.html b/static/usage/v9/accordion/customization/expansion-styles/demo.html
index 6b2d28f5cdd..92759495ccb 100644
--- a/static/usage/v9/accordion/customization/expansion-styles/demo.html
+++ b/static/usage/v9/accordion/customization/expansion-styles/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/customization/icons/demo.html b/static/usage/v9/accordion/customization/icons/demo.html
index 12ce6574312..5893e279ef6 100644
--- a/static/usage/v9/accordion/customization/icons/demo.html
+++ b/static/usage/v9/accordion/customization/icons/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/customization/theming/demo.html b/static/usage/v9/accordion/customization/theming/demo.html
index 41f6a837634..302b087c3a6 100644
--- a/static/usage/v9/accordion/customization/theming/demo.html
+++ b/static/usage/v9/accordion/customization/theming/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       :root {
         --ion-color-rose: #fecdd3;
diff --git a/static/usage/v9/accordion/disable/group/demo.html b/static/usage/v9/accordion/disable/group/demo.html
index 4e609f905f6..abfe36701f0 100644
--- a/static/usage/v9/accordion/disable/group/demo.html
+++ b/static/usage/v9/accordion/disable/group/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/disable/individual/demo.html b/static/usage/v9/accordion/disable/individual/demo.html
index 00e9be13634..49690625b45 100644
--- a/static/usage/v9/accordion/disable/individual/demo.html
+++ b/static/usage/v9/accordion/disable/individual/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/listen-changes/demo.html b/static/usage/v9/accordion/listen-changes/demo.html
index 97c1038c8f4..0ae2737494b 100644
--- a/static/usage/v9/accordion/listen-changes/demo.html
+++ b/static/usage/v9/accordion/listen-changes/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/multiple/demo.html b/static/usage/v9/accordion/multiple/demo.html
index 68f01eb90c1..3861e145be6 100644
--- a/static/usage/v9/accordion/multiple/demo.html
+++ b/static/usage/v9/accordion/multiple/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/readonly/group/demo.html b/static/usage/v9/accordion/readonly/group/demo.html
index 7a963be0d6b..ca9eb585fa6 100644
--- a/static/usage/v9/accordion/readonly/group/demo.html
+++ b/static/usage/v9/accordion/readonly/group/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/readonly/individual/demo.html b/static/usage/v9/accordion/readonly/individual/demo.html
index 744ee7fb795..4fe17640caf 100644
--- a/static/usage/v9/accordion/readonly/individual/demo.html
+++ b/static/usage/v9/accordion/readonly/individual/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-accordion-group {
diff --git a/static/usage/v9/accordion/toggle/demo.html b/static/usage/v9/accordion/toggle/demo.html
index 6fca67d8ba0..dfab9be6194 100644
--- a/static/usage/v9/accordion/toggle/demo.html
+++ b/static/usage/v9/accordion/toggle/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .container {
         flex-direction: column;
diff --git a/static/usage/v9/action-sheet/controller/demo.html b/static/usage/v9/action-sheet/controller/demo.html
index 5d95b289aa0..577b6f2ecb6 100644
--- a/static/usage/v9/action-sheet/controller/demo.html
+++ b/static/usage/v9/action-sheet/controller/demo.html
@@ -6,8 +6,8 @@
     <title>Action Sheet</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/action-sheet/inline/isOpen/demo.html b/static/usage/v9/action-sheet/inline/isOpen/demo.html
index d35c6de4a1f..3aa1424dcee 100644
--- a/static/usage/v9/action-sheet/inline/isOpen/demo.html
+++ b/static/usage/v9/action-sheet/inline/isOpen/demo.html
@@ -6,8 +6,8 @@
     <title>Action Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/action-sheet/inline/trigger/demo.html b/static/usage/v9/action-sheet/inline/trigger/demo.html
index 82b822b46af..ebcec0fad93 100644
--- a/static/usage/v9/action-sheet/inline/trigger/demo.html
+++ b/static/usage/v9/action-sheet/inline/trigger/demo.html
@@ -6,8 +6,8 @@
     <title>Action Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/action-sheet/role-info-on-dismiss/demo.html b/static/usage/v9/action-sheet/role-info-on-dismiss/demo.html
index 4c65ebfc81a..feca048a617 100644
--- a/static/usage/v9/action-sheet/role-info-on-dismiss/demo.html
+++ b/static/usage/v9/action-sheet/role-info-on-dismiss/demo.html
@@ -6,8 +6,8 @@
     <title>Action Sheet</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/action-sheet/theming/css-properties/demo.html b/static/usage/v9/action-sheet/theming/css-properties/demo.html
index 4bd9f9890af..55e2fac1a2f 100644
--- a/static/usage/v9/action-sheet/theming/css-properties/demo.html
+++ b/static/usage/v9/action-sheet/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Action Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-action-sheet.my-custom-class {
diff --git a/static/usage/v9/action-sheet/theming/styling/demo.html b/static/usage/v9/action-sheet/theming/styling/demo.html
index b05f0a68fa3..6b0752521b8 100644
--- a/static/usage/v9/action-sheet/theming/styling/demo.html
+++ b/static/usage/v9/action-sheet/theming/styling/demo.html
@@ -6,8 +6,8 @@
     <title>Action Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-action-sheet.my-custom-class .action-sheet-group {
diff --git a/static/usage/v9/alert/buttons/demo.html b/static/usage/v9/alert/buttons/demo.html
index df74653a2d2..abc6c2e4b80 100644
--- a/static/usage/v9/alert/buttons/demo.html
+++ b/static/usage/v9/alert/buttons/demo.html
@@ -6,8 +6,8 @@
     <title>Alert</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/alert/customization/demo.html b/static/usage/v9/alert/customization/demo.html
index dd64e174ce6..9aeaa9a9c30 100644
--- a/static/usage/v9/alert/customization/demo.html
+++ b/static/usage/v9/alert/customization/demo.html
@@ -6,8 +6,8 @@
     <title>Alert</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-alert.custom-alert {
diff --git a/static/usage/v9/alert/inputs/radios/demo.html b/static/usage/v9/alert/inputs/radios/demo.html
index cf16f38fca9..e5a9500fa2d 100644
--- a/static/usage/v9/alert/inputs/radios/demo.html
+++ b/static/usage/v9/alert/inputs/radios/demo.html
@@ -6,8 +6,8 @@
     <title>Alert</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/alert/inputs/text-inputs/demo.html b/static/usage/v9/alert/inputs/text-inputs/demo.html
index f199dc99a49..6461a3f07cf 100644
--- a/static/usage/v9/alert/inputs/text-inputs/demo.html
+++ b/static/usage/v9/alert/inputs/text-inputs/demo.html
@@ -6,8 +6,8 @@
     <title>Alert</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/alert/presenting/controller/demo.html b/static/usage/v9/alert/presenting/controller/demo.html
index 733a0834396..eb320915923 100644
--- a/static/usage/v9/alert/presenting/controller/demo.html
+++ b/static/usage/v9/alert/presenting/controller/demo.html
@@ -6,8 +6,8 @@
     <title>Alert</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/alert/presenting/isOpen/demo.html b/static/usage/v9/alert/presenting/isOpen/demo.html
index d1177baab8f..07a700ea528 100644
--- a/static/usage/v9/alert/presenting/isOpen/demo.html
+++ b/static/usage/v9/alert/presenting/isOpen/demo.html
@@ -6,8 +6,8 @@
     <title>Alert</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/alert/presenting/trigger/demo.html b/static/usage/v9/alert/presenting/trigger/demo.html
index f7d42a2e29e..54f3a658997 100644
--- a/static/usage/v9/alert/presenting/trigger/demo.html
+++ b/static/usage/v9/alert/presenting/trigger/demo.html
@@ -6,8 +6,8 @@
     <title>Alert</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/animations/basic/demo.html b/static/usage/v9/animations/basic/demo.html
index e1d26629509..5a5cf404b55 100644
--- a/static/usage/v9/animations/basic/demo.html
+++ b/static/usage/v9/animations/basic/demo.html
@@ -6,10 +6,10 @@
     <title>Animation</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createAnimation = createAnimation;
 
       const animation = createAnimation()
diff --git a/static/usage/v9/animations/before-and-after-hooks/demo.html b/static/usage/v9/animations/before-and-after-hooks/demo.html
index 8297890b519..d7f63cc83f5 100644
--- a/static/usage/v9/animations/before-and-after-hooks/demo.html
+++ b/static/usage/v9/animations/before-and-after-hooks/demo.html
@@ -6,11 +6,11 @@
     <title>Animations</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <script type="module">
-      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createAnimation = createAnimation;
 
       const card = createAnimation()
diff --git a/static/usage/v9/animations/chain/demo.html b/static/usage/v9/animations/chain/demo.html
index 74c2d6549bd..a60d1c841a9 100644
--- a/static/usage/v9/animations/chain/demo.html
+++ b/static/usage/v9/animations/chain/demo.html
@@ -6,10 +6,10 @@
     <title>Animation</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createAnimation = createAnimation;
 
       const cardA = createAnimation()
diff --git a/static/usage/v9/animations/gesture/demo.html b/static/usage/v9/animations/gesture/demo.html
index 5fefafc8ed2..055466a7e65 100644
--- a/static/usage/v9/animations/gesture/demo.html
+++ b/static/usage/v9/animations/gesture/demo.html
@@ -6,13 +6,13 @@
     <title>Animation</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
       import {
         createAnimation,
         createGesture,
-      } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createAnimation = createAnimation;
       window.createGesture = createGesture;
 
diff --git a/static/usage/v9/animations/group/demo.html b/static/usage/v9/animations/group/demo.html
index ca2fda33d70..c144314a306 100644
--- a/static/usage/v9/animations/group/demo.html
+++ b/static/usage/v9/animations/group/demo.html
@@ -6,10 +6,10 @@
     <title>Animation</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createAnimation = createAnimation;
 
       const cardA = createAnimation()
diff --git a/static/usage/v9/animations/keyframes/demo.html b/static/usage/v9/animations/keyframes/demo.html
index 521f6eac6eb..055fc6e86ba 100644
--- a/static/usage/v9/animations/keyframes/demo.html
+++ b/static/usage/v9/animations/keyframes/demo.html
@@ -6,10 +6,10 @@
     <title>Keyframe Animations</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
 
       const animation = createAnimation()
         .addElement(document.querySelector('#card'))
diff --git a/static/usage/v9/animations/modal-override/demo.html b/static/usage/v9/animations/modal-override/demo.html
index b1585afb709..06984323b7a 100644
--- a/static/usage/v9/animations/modal-override/demo.html
+++ b/static/usage/v9/animations/modal-override/demo.html
@@ -6,10 +6,10 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createAnimation = createAnimation;
     </script>
   </head>
diff --git a/static/usage/v9/animations/preference-based/demo.html b/static/usage/v9/animations/preference-based/demo.html
index 276cffec8d7..663c410b74a 100644
--- a/static/usage/v9/animations/preference-based/demo.html
+++ b/static/usage/v9/animations/preference-based/demo.html
@@ -6,10 +6,10 @@
     <title>Animation</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createAnimation = createAnimation;
 
       const animation = createAnimation()
diff --git a/static/usage/v9/app/set-focus/demo.html b/static/usage/v9/app/set-focus/demo.html
index 780037033a2..2013de8a276 100644
--- a/static/usage/v9/app/set-focus/demo.html
+++ b/static/usage/v9/app/set-focus/demo.html
@@ -6,8 +6,8 @@
     <title>App</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/avatar/basic/demo.html b/static/usage/v9/avatar/basic/demo.html
index b3957c88ff9..5587cae0ef9 100644
--- a/static/usage/v9/avatar/basic/demo.html
+++ b/static/usage/v9/avatar/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Avatar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/avatar/chip/demo.html b/static/usage/v9/avatar/chip/demo.html
index 7317ea41688..f1d68269b91 100644
--- a/static/usage/v9/avatar/chip/demo.html
+++ b/static/usage/v9/avatar/chip/demo.html
@@ -6,8 +6,8 @@
     <title>Avatar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/avatar/item/demo.html b/static/usage/v9/avatar/item/demo.html
index 97681c9d338..358cc5b6964 100644
--- a/static/usage/v9/avatar/item/demo.html
+++ b/static/usage/v9/avatar/item/demo.html
@@ -6,8 +6,8 @@
     <title>Avatar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/avatar/theming/css-properties/demo.html b/static/usage/v9/avatar/theming/css-properties/demo.html
index 85e967d7198..190924cafba 100644
--- a/static/usage/v9/avatar/theming/css-properties/demo.html
+++ b/static/usage/v9/avatar/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Avatar</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-avatar {
diff --git a/static/usage/v9/back-button/basic/demo.html b/static/usage/v9/back-button/basic/demo.html
index f6b4651d722..c17ed73a3dc 100644
--- a/static/usage/v9/back-button/basic/demo.html
+++ b/static/usage/v9/back-button/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Back Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/back-button/custom/demo.html b/static/usage/v9/back-button/custom/demo.html
index 880e14b570b..e6f40e8c642 100644
--- a/static/usage/v9/back-button/custom/demo.html
+++ b/static/usage/v9/back-button/custom/demo.html
@@ -6,8 +6,8 @@
     <title>Back Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/backdrop/basic/demo.html b/static/usage/v9/backdrop/basic/demo.html
index 29ffef3fb74..61e8116618f 100644
--- a/static/usage/v9/backdrop/basic/demo.html
+++ b/static/usage/v9/backdrop/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Backdrop</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-backdrop {
diff --git a/static/usage/v9/backdrop/styling/demo.html b/static/usage/v9/backdrop/styling/demo.html
index 651a57a56ed..737419f1b91 100644
--- a/static/usage/v9/backdrop/styling/demo.html
+++ b/static/usage/v9/backdrop/styling/demo.html
@@ -6,8 +6,8 @@
     <title>Backdrop</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-backdrop {
         opacity: 0.9;
diff --git a/static/usage/v9/badge/basic/demo.html b/static/usage/v9/badge/basic/demo.html
index 0b655ebd046..8a70b6f4509 100644
--- a/static/usage/v9/badge/basic/demo.html
+++ b/static/usage/v9/badge/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Badge</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/badge/inside-tab-bar/demo.html b/static/usage/v9/badge/inside-tab-bar/demo.html
index dbd8f6c7060..53e73ea5b38 100644
--- a/static/usage/v9/badge/inside-tab-bar/demo.html
+++ b/static/usage/v9/badge/inside-tab-bar/demo.html
@@ -6,8 +6,8 @@
     <title>Badge</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-tab-bar {
diff --git a/static/usage/v9/badge/theming/colors/demo.html b/static/usage/v9/badge/theming/colors/demo.html
index 00c0ecaf435..9e1799634b3 100644
--- a/static/usage/v9/badge/theming/colors/demo.html
+++ b/static/usage/v9/badge/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Badge</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/badge/theming/css-properties/demo.html b/static/usage/v9/badge/theming/css-properties/demo.html
index 0087c8d5fc1..60294dcd8b0 100644
--- a/static/usage/v9/badge/theming/css-properties/demo.html
+++ b/static/usage/v9/badge/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Styling the Select</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/breadcrumbs/basic/demo.html b/static/usage/v9/breadcrumbs/basic/demo.html
index b020db0c855..ef430bf26e9 100644
--- a/static/usage/v9/breadcrumbs/basic/demo.html
+++ b/static/usage/v9/breadcrumbs/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Breadcrumbs</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/demo.html b/static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/demo.html
index 42b9fdd5f9c..f483f726263 100644
--- a/static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/demo.html
+++ b/static/usage/v9/breadcrumbs/collapsing-items/expand-on-click/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/breadcrumbs/collapsing-items/items-before-after/demo.html b/static/usage/v9/breadcrumbs/collapsing-items/items-before-after/demo.html
index 48e51d81781..025ed5eb6a3 100644
--- a/static/usage/v9/breadcrumbs/collapsing-items/items-before-after/demo.html
+++ b/static/usage/v9/breadcrumbs/collapsing-items/items-before-after/demo.html
@@ -6,8 +6,8 @@
     <title>Breadcrumbs</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/breadcrumbs/collapsing-items/max-items/demo.html b/static/usage/v9/breadcrumbs/collapsing-items/max-items/demo.html
index 977e07bfda9..f6701df8604 100644
--- a/static/usage/v9/breadcrumbs/collapsing-items/max-items/demo.html
+++ b/static/usage/v9/breadcrumbs/collapsing-items/max-items/demo.html
@@ -6,8 +6,8 @@
     <title>Breadcrumbs</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/demo.html b/static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/demo.html
index 96200521f32..8b56be4077d 100644
--- a/static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/demo.html
+++ b/static/usage/v9/breadcrumbs/collapsing-items/popover-on-click/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/breadcrumbs/icons/custom-separators/demo.html b/static/usage/v9/breadcrumbs/icons/custom-separators/demo.html
index 356796ea73c..76774918877 100644
--- a/static/usage/v9/breadcrumbs/icons/custom-separators/demo.html
+++ b/static/usage/v9/breadcrumbs/icons/custom-separators/demo.html
@@ -6,8 +6,8 @@
     <title>Breadcrumbs</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/breadcrumbs/icons/icons-on-items/demo.html b/static/usage/v9/breadcrumbs/icons/icons-on-items/demo.html
index a133b29791c..635addfafe8 100644
--- a/static/usage/v9/breadcrumbs/icons/icons-on-items/demo.html
+++ b/static/usage/v9/breadcrumbs/icons/icons-on-items/demo.html
@@ -6,8 +6,8 @@
     <title>Breadcrumbs</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/breadcrumbs/theming/colors/demo.html b/static/usage/v9/breadcrumbs/theming/colors/demo.html
index 0bf60b9b8d9..94d04be5a73 100644
--- a/static/usage/v9/breadcrumbs/theming/colors/demo.html
+++ b/static/usage/v9/breadcrumbs/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Breadcrumbs</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/breadcrumbs/theming/css-properties/demo.html b/static/usage/v9/breadcrumbs/theming/css-properties/demo.html
index 3f1d5b8cc56..a5ec7394ce8 100644
--- a/static/usage/v9/breadcrumbs/theming/css-properties/demo.html
+++ b/static/usage/v9/breadcrumbs/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Breadcrumbs</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-breadcrumb {
diff --git a/static/usage/v9/button/basic/demo.html b/static/usage/v9/button/basic/demo.html
index 8a5c4a70c9a..08f80bf3519 100644
--- a/static/usage/v9/button/basic/demo.html
+++ b/static/usage/v9/button/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/button/expand/demo.html b/static/usage/v9/button/expand/demo.html
index bff732f8015..2abacd29c59 100644
--- a/static/usage/v9/button/expand/demo.html
+++ b/static/usage/v9/button/expand/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/button/fill/demo.html b/static/usage/v9/button/fill/demo.html
index f861e384b73..83796cfb004 100644
--- a/static/usage/v9/button/fill/demo.html
+++ b/static/usage/v9/button/fill/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/button/icons/demo.html b/static/usage/v9/button/icons/demo.html
index 597ea12252b..280c16177aa 100644
--- a/static/usage/v9/button/icons/demo.html
+++ b/static/usage/v9/button/icons/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/button/shape/demo.html b/static/usage/v9/button/shape/demo.html
index ccc374cfb77..af03dfc109c 100644
--- a/static/usage/v9/button/shape/demo.html
+++ b/static/usage/v9/button/shape/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/button/size/demo.html b/static/usage/v9/button/size/demo.html
index a5d0b8c039f..aedc8e8f651 100644
--- a/static/usage/v9/button/size/demo.html
+++ b/static/usage/v9/button/size/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/button/text-wrapping/demo.html b/static/usage/v9/button/text-wrapping/demo.html
index 4f930331abe..af3515fb10a 100644
--- a/static/usage/v9/button/text-wrapping/demo.html
+++ b/static/usage/v9/button/text-wrapping/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/button/theming/colors/demo.html b/static/usage/v9/button/theming/colors/demo.html
index 79e27014015..ea7063cd8f4 100644
--- a/static/usage/v9/button/theming/colors/demo.html
+++ b/static/usage/v9/button/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/button/theming/css-properties/demo.html b/static/usage/v9/button/theming/css-properties/demo.html
index c9f478abf38..5285ab2a1b3 100644
--- a/static/usage/v9/button/theming/css-properties/demo.html
+++ b/static/usage/v9/button/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Button</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-button {
diff --git a/static/usage/v9/buttons/basic/demo.html b/static/usage/v9/buttons/basic/demo.html
index 7888aa64524..7811c47b8ec 100644
--- a/static/usage/v9/buttons/basic/demo.html
+++ b/static/usage/v9/buttons/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Buttons</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/buttons/placement/demo.html b/static/usage/v9/buttons/placement/demo.html
index 2a2b1366f94..af34eeabb3b 100644
--- a/static/usage/v9/buttons/placement/demo.html
+++ b/static/usage/v9/buttons/placement/demo.html
@@ -6,8 +6,8 @@
     <title>Buttons</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/buttons/types/demo.html b/static/usage/v9/buttons/types/demo.html
index c17e433f128..6edf9a71ef6 100644
--- a/static/usage/v9/buttons/types/demo.html
+++ b/static/usage/v9/buttons/types/demo.html
@@ -6,8 +6,8 @@
     <title>Buttons</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/card/basic/demo.html b/static/usage/v9/card/basic/demo.html
index bf913a00183..369a172c9e3 100644
--- a/static/usage/v9/card/basic/demo.html
+++ b/static/usage/v9/card/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Card</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/card/buttons/demo.html b/static/usage/v9/card/buttons/demo.html
index c2d5b30975d..6293462fda9 100644
--- a/static/usage/v9/card/buttons/demo.html
+++ b/static/usage/v9/card/buttons/demo.html
@@ -6,8 +6,8 @@
     <title>Card</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/card/list/demo.html b/static/usage/v9/card/list/demo.html
index de59b40c6e8..659e0805fe5 100644
--- a/static/usage/v9/card/list/demo.html
+++ b/static/usage/v9/card/list/demo.html
@@ -6,8 +6,8 @@
     <title>Card</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/card/media/demo.html b/static/usage/v9/card/media/demo.html
index 7a59c70d23d..443efbb3c22 100644
--- a/static/usage/v9/card/media/demo.html
+++ b/static/usage/v9/card/media/demo.html
@@ -6,8 +6,8 @@
     <title>Card</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/card/theming/colors/demo.html b/static/usage/v9/card/theming/colors/demo.html
index 9abca1fc1fc..b93a24e3e48 100644
--- a/static/usage/v9/card/theming/colors/demo.html
+++ b/static/usage/v9/card/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Card</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/card/theming/css-properties/demo.html b/static/usage/v9/card/theming/css-properties/demo.html
index e2a8813e482..21e42bb77fa 100644
--- a/static/usage/v9/card/theming/css-properties/demo.html
+++ b/static/usage/v9/card/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Card</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/checkbox/alignment/demo.html b/static/usage/v9/checkbox/alignment/demo.html
index 74bef6ba6f3..f4b9124f6c9 100644
--- a/static/usage/v9/checkbox/alignment/demo.html
+++ b/static/usage/v9/checkbox/alignment/demo.html
@@ -6,8 +6,8 @@
     <title>Checkbox</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
   <body>
     <ion-app>
diff --git a/static/usage/v9/checkbox/basic/demo.html b/static/usage/v9/checkbox/basic/demo.html
index 224295b8d83..32aab0133bc 100644
--- a/static/usage/v9/checkbox/basic/demo.html
+++ b/static/usage/v9/checkbox/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Checkbox</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/checkbox/helper-error/demo.html b/static/usage/v9/checkbox/helper-error/demo.html
index f16fd9b8503..015208cdb8b 100644
--- a/static/usage/v9/checkbox/helper-error/demo.html
+++ b/static/usage/v9/checkbox/helper-error/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/checkbox/indeterminate/demo.html b/static/usage/v9/checkbox/indeterminate/demo.html
index ff7ae3a45e9..7423934133c 100644
--- a/static/usage/v9/checkbox/indeterminate/demo.html
+++ b/static/usage/v9/checkbox/indeterminate/demo.html
@@ -6,8 +6,8 @@
     <title>Checkbox</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/checkbox/justify/demo.html b/static/usage/v9/checkbox/justify/demo.html
index f297f896b65..6349478332b 100644
--- a/static/usage/v9/checkbox/justify/demo.html
+++ b/static/usage/v9/checkbox/justify/demo.html
@@ -6,8 +6,8 @@
     <title>Checkbox</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/checkbox/label-link/demo.html b/static/usage/v9/checkbox/label-link/demo.html
index 48c4e5782d7..7dc61409e3e 100644
--- a/static/usage/v9/checkbox/label-link/demo.html
+++ b/static/usage/v9/checkbox/label-link/demo.html
@@ -6,8 +6,8 @@
     <title>Checkbox</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/checkbox/label-placement/demo.html b/static/usage/v9/checkbox/label-placement/demo.html
index 0239412b4f5..bcbf9e06e41 100644
--- a/static/usage/v9/checkbox/label-placement/demo.html
+++ b/static/usage/v9/checkbox/label-placement/demo.html
@@ -6,8 +6,8 @@
     <title>Checkbox</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/checkbox/theming/css-properties/demo.html b/static/usage/v9/checkbox/theming/css-properties/demo.html
index 42f3ff39312..44517bf60b9 100644
--- a/static/usage/v9/checkbox/theming/css-properties/demo.html
+++ b/static/usage/v9/checkbox/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Checkbox</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-checkbox {
         --size: 32px;
diff --git a/static/usage/v9/chip/basic/demo.html b/static/usage/v9/chip/basic/demo.html
index b047533f349..2c3b2fd430f 100644
--- a/static/usage/v9/chip/basic/demo.html
+++ b/static/usage/v9/chip/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Chip</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/chip/slots/demo.html b/static/usage/v9/chip/slots/demo.html
index e794d43ab89..b76fc456ec2 100644
--- a/static/usage/v9/chip/slots/demo.html
+++ b/static/usage/v9/chip/slots/demo.html
@@ -6,8 +6,8 @@
     <title>Chip</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/chip/theming/colors/demo.html b/static/usage/v9/chip/theming/colors/demo.html
index 53f384e51c3..e0f9e454a85 100644
--- a/static/usage/v9/chip/theming/colors/demo.html
+++ b/static/usage/v9/chip/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Chip</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .flex-items {
diff --git a/static/usage/v9/chip/theming/css-properties/demo.html b/static/usage/v9/chip/theming/css-properties/demo.html
index 0c960a177cd..eaf23535d78 100644
--- a/static/usage/v9/chip/theming/css-properties/demo.html
+++ b/static/usage/v9/chip/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Chip</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-chip {
diff --git a/static/usage/v9/common.js b/static/usage/v9/common.js
index 752a7424bb6..486b95aab0c 100644
--- a/static/usage/v9/common.js
+++ b/static/usage/v9/common.js
@@ -1,7 +1,7 @@
 const linkElement = document.createElement('link');
 
 linkElement.rel = 'stylesheet';
-linkElement.href = 'https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/dark.class.css';
+linkElement.href = 'https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/dark.class.css';
 
 document.head.appendChild(linkElement);
 
diff --git a/static/usage/v9/config/mode/demo.html b/static/usage/v9/config/mode/demo.html
index 8762f394ba5..448ef6e333a 100644
--- a/static/usage/v9/config/mode/demo.html
+++ b/static/usage/v9/config/mode/demo.html
@@ -6,8 +6,8 @@
     <title>Ionic Config Mode</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .mode-value {
         margin-top: 16px;
diff --git a/static/usage/v9/content/basic/demo.html b/static/usage/v9/content/basic/demo.html
index 9ab7e7d5bd6..e9cd9887c36 100644
--- a/static/usage/v9/content/basic/demo.html
+++ b/static/usage/v9/content/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/content/fixed/demo.html b/static/usage/v9/content/fixed/demo.html
index 9bae0cc53b9..7d2174bae66 100644
--- a/static/usage/v9/content/fixed/demo.html
+++ b/static/usage/v9/content/fixed/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-button[slot='fixed'] {
diff --git a/static/usage/v9/content/fullscreen/demo.html b/static/usage/v9/content/fullscreen/demo.html
index 755c683e7b1..d8ab852e514 100644
--- a/static/usage/v9/content/fullscreen/demo.html
+++ b/static/usage/v9/content/fullscreen/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-toolbar {
diff --git a/static/usage/v9/content/header-footer/demo.html b/static/usage/v9/content/header-footer/demo.html
index 0de7fbeea16..f39dee43ed1 100644
--- a/static/usage/v9/content/header-footer/demo.html
+++ b/static/usage/v9/content/header-footer/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/content/scroll-events/demo.html b/static/usage/v9/content/scroll-events/demo.html
index 696b4316c85..4a2d4d368ad 100644
--- a/static/usage/v9/content/scroll-events/demo.html
+++ b/static/usage/v9/content/scroll-events/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/content/scroll-methods/demo.html b/static/usage/v9/content/scroll-methods/demo.html
index 536977f6a66..ea77f1e779c 100644
--- a/static/usage/v9/content/scroll-methods/demo.html
+++ b/static/usage/v9/content/scroll-methods/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/content/theming/colors/demo.html b/static/usage/v9/content/theming/colors/demo.html
index c3f3148cf08..efe23b86c0a 100644
--- a/static/usage/v9/content/theming/colors/demo.html
+++ b/static/usage/v9/content/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/content/theming/css-properties/demo.html b/static/usage/v9/content/theming/css-properties/demo.html
index 23637050eba..51e691c9e85 100644
--- a/static/usage/v9/content/theming/css-properties/demo.html
+++ b/static/usage/v9/content/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-content {
diff --git a/static/usage/v9/content/theming/css-shadow-parts/demo.html b/static/usage/v9/content/theming/css-shadow-parts/demo.html
index 5e7de0f6637..e10574cceab 100644
--- a/static/usage/v9/content/theming/css-shadow-parts/demo.html
+++ b/static/usage/v9/content/theming/css-shadow-parts/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-content::part(background) {
diff --git a/static/usage/v9/content/theming/safe-area/demo.html b/static/usage/v9/content/theming/safe-area/demo.html
index 0c1741e8537..ac2d3cbfff7 100644
--- a/static/usage/v9/content/theming/safe-area/demo.html
+++ b/static/usage/v9/content/theming/safe-area/demo.html
@@ -6,8 +6,8 @@
     <title>Content</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-content {
diff --git a/static/usage/v9/datetime-button/basic/demo.html b/static/usage/v9/datetime-button/basic/demo.html
index 10fbe21f532..ee99910d74f 100644
--- a/static/usage/v9/datetime-button/basic/demo.html
+++ b/static/usage/v9/datetime-button/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-modal {
         --border-radius: 8px;
diff --git a/static/usage/v9/datetime-button/format-options/demo.html b/static/usage/v9/datetime-button/format-options/demo.html
index 2690eb274f3..5f2cbd922f6 100644
--- a/static/usage/v9/datetime-button/format-options/demo.html
+++ b/static/usage/v9/datetime-button/format-options/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/datetime/basic/demo.html b/static/usage/v9/datetime/basic/demo.html
index 0c8da6ec6a3..a7fe77e07a3 100644
--- a/static/usage/v9/datetime/basic/demo.html
+++ b/static/usage/v9/datetime/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/buttons/customizing-button-texts/demo.html b/static/usage/v9/datetime/buttons/customizing-button-texts/demo.html
index b5940484e03..d7db49d0ae8 100644
--- a/static/usage/v9/datetime/buttons/customizing-button-texts/demo.html
+++ b/static/usage/v9/datetime/buttons/customizing-button-texts/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/buttons/customizing-buttons/demo.html b/static/usage/v9/datetime/buttons/customizing-buttons/demo.html
index 3eadf209aac..ee2d2acb33d 100644
--- a/static/usage/v9/datetime/buttons/customizing-buttons/demo.html
+++ b/static/usage/v9/datetime/buttons/customizing-buttons/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/buttons/showing-confirmation-buttons/demo.html b/static/usage/v9/datetime/buttons/showing-confirmation-buttons/demo.html
index 7f267bed058..f906aba1cfd 100644
--- a/static/usage/v9/datetime/buttons/showing-confirmation-buttons/demo.html
+++ b/static/usage/v9/datetime/buttons/showing-confirmation-buttons/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/date-constraints/advanced/demo.html b/static/usage/v9/datetime/date-constraints/advanced/demo.html
index 9d56e4c3b27..dd18c0861da 100644
--- a/static/usage/v9/datetime/date-constraints/advanced/demo.html
+++ b/static/usage/v9/datetime/date-constraints/advanced/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/date-constraints/max-min/demo.html b/static/usage/v9/datetime/date-constraints/max-min/demo.html
index dde1425d4a6..e3bbf2c4608 100644
--- a/static/usage/v9/datetime/date-constraints/max-min/demo.html
+++ b/static/usage/v9/datetime/date-constraints/max-min/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/date-constraints/values/demo.html b/static/usage/v9/datetime/date-constraints/values/demo.html
index 840fcff5a65..466485b6301 100644
--- a/static/usage/v9/datetime/date-constraints/values/demo.html
+++ b/static/usage/v9/datetime/date-constraints/values/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/format-options/demo.html b/static/usage/v9/datetime/format-options/demo.html
index b7b00cb6f44..ba2fa11070d 100644
--- a/static/usage/v9/datetime/format-options/demo.html
+++ b/static/usage/v9/datetime/format-options/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/highlightedDates/array/demo.html b/static/usage/v9/datetime/highlightedDates/array/demo.html
index 9f27a6f29c8..73f90536027 100644
--- a/static/usage/v9/datetime/highlightedDates/array/demo.html
+++ b/static/usage/v9/datetime/highlightedDates/array/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/highlightedDates/callback/demo.html b/static/usage/v9/datetime/highlightedDates/callback/demo.html
index 447b01e38f5..e4d8ac56470 100644
--- a/static/usage/v9/datetime/highlightedDates/callback/demo.html
+++ b/static/usage/v9/datetime/highlightedDates/callback/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/localization/custom-locale/demo.html b/static/usage/v9/datetime/localization/custom-locale/demo.html
index e1d1b2b7531..d40c8cdcf91 100644
--- a/static/usage/v9/datetime/localization/custom-locale/demo.html
+++ b/static/usage/v9/datetime/localization/custom-locale/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/localization/first-day-of-week/demo.html b/static/usage/v9/datetime/localization/first-day-of-week/demo.html
index fe89cd25d80..c35b47edfac 100644
--- a/static/usage/v9/datetime/localization/first-day-of-week/demo.html
+++ b/static/usage/v9/datetime/localization/first-day-of-week/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/localization/hour-cycle/demo.html b/static/usage/v9/datetime/localization/hour-cycle/demo.html
index 3960611fe3b..fcf81afe6a5 100644
--- a/static/usage/v9/datetime/localization/hour-cycle/demo.html
+++ b/static/usage/v9/datetime/localization/hour-cycle/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/localization/locale-extension-tags/demo.html b/static/usage/v9/datetime/localization/locale-extension-tags/demo.html
index ea99274035b..cf847f3f334 100644
--- a/static/usage/v9/datetime/localization/locale-extension-tags/demo.html
+++ b/static/usage/v9/datetime/localization/locale-extension-tags/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/localization/time-label/demo.html b/static/usage/v9/datetime/localization/time-label/demo.html
index 6f36b8b8be0..e804c96ecd8 100644
--- a/static/usage/v9/datetime/localization/time-label/demo.html
+++ b/static/usage/v9/datetime/localization/time-label/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/multiple/demo.html b/static/usage/v9/datetime/multiple/demo.html
index cfc94e89e0e..63f1dade7fc 100644
--- a/static/usage/v9/datetime/multiple/demo.html
+++ b/static/usage/v9/datetime/multiple/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/presentation/date/demo.html b/static/usage/v9/datetime/presentation/date/demo.html
index bdeca246b99..4126ea73fa3 100644
--- a/static/usage/v9/datetime/presentation/date/demo.html
+++ b/static/usage/v9/datetime/presentation/date/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/presentation/month-and-year/demo.html b/static/usage/v9/datetime/presentation/month-and-year/demo.html
index a2d381ee21a..54051ff17ff 100644
--- a/static/usage/v9/datetime/presentation/month-and-year/demo.html
+++ b/static/usage/v9/datetime/presentation/month-and-year/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/presentation/time/demo.html b/static/usage/v9/datetime/presentation/time/demo.html
index 1811ae1714b..93132122244 100644
--- a/static/usage/v9/datetime/presentation/time/demo.html
+++ b/static/usage/v9/datetime/presentation/time/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/presentation/wheel/demo.html b/static/usage/v9/datetime/presentation/wheel/demo.html
index b65240a66a5..1cca0f79e69 100644
--- a/static/usage/v9/datetime/presentation/wheel/demo.html
+++ b/static/usage/v9/datetime/presentation/wheel/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/show-adjacent-days/demo.html b/static/usage/v9/datetime/show-adjacent-days/demo.html
index d0879fa4368..2223097f068 100644
--- a/static/usage/v9/datetime/show-adjacent-days/demo.html
+++ b/static/usage/v9/datetime/show-adjacent-days/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/styling/calendar-days/demo.html b/static/usage/v9/datetime/styling/calendar-days/demo.html
index ac5d64023a3..f7234e76905 100644
--- a/static/usage/v9/datetime/styling/calendar-days/demo.html
+++ b/static/usage/v9/datetime/styling/calendar-days/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       /*
diff --git a/static/usage/v9/datetime/styling/calendar-header/demo.html b/static/usage/v9/datetime/styling/calendar-header/demo.html
index 5dfef5ca9bb..3bcef649038 100644
--- a/static/usage/v9/datetime/styling/calendar-header/demo.html
+++ b/static/usage/v9/datetime/styling/calendar-header/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       /*
diff --git a/static/usage/v9/datetime/styling/datetime-header/demo.html b/static/usage/v9/datetime/styling/datetime-header/demo.html
index 45155774edf..63f99c1f244 100644
--- a/static/usage/v9/datetime/styling/datetime-header/demo.html
+++ b/static/usage/v9/datetime/styling/datetime-header/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       /*
diff --git a/static/usage/v9/datetime/styling/global-theming/demo.html b/static/usage/v9/datetime/styling/global-theming/demo.html
index 9b04a4681f7..f6f96d39076 100644
--- a/static/usage/v9/datetime/styling/global-theming/demo.html
+++ b/static/usage/v9/datetime/styling/global-theming/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       :root,
       .ios body.dark,
diff --git a/static/usage/v9/datetime/styling/wheel-styling/demo.html b/static/usage/v9/datetime/styling/wheel-styling/demo.html
index c19c18a8ac8..a162992c999 100644
--- a/static/usage/v9/datetime/styling/wheel-styling/demo.html
+++ b/static/usage/v9/datetime/styling/wheel-styling/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-datetime {
diff --git a/static/usage/v9/datetime/title/customizing-title/demo.html b/static/usage/v9/datetime/title/customizing-title/demo.html
index d306f6760ad..0c4bbcee200 100644
--- a/static/usage/v9/datetime/title/customizing-title/demo.html
+++ b/static/usage/v9/datetime/title/customizing-title/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/datetime/title/showing-default-title/demo.html b/static/usage/v9/datetime/title/showing-default-title/demo.html
index 070b5fa2457..7618244d3d5 100644
--- a/static/usage/v9/datetime/title/showing-default-title/demo.html
+++ b/static/usage/v9/datetime/title/showing-default-title/demo.html
@@ -6,8 +6,8 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-datetime {
         width: 350px;
diff --git a/static/usage/v9/fab/basic/demo.html b/static/usage/v9/fab/basic/demo.html
index b910f385f5d..04615655c91 100644
--- a/static/usage/v9/fab/basic/demo.html
+++ b/static/usage/v9/fab/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Fab</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/fab/before-content/demo.html b/static/usage/v9/fab/before-content/demo.html
index c26615d9e79..e0e9b8254a0 100644
--- a/static/usage/v9/fab/before-content/demo.html
+++ b/static/usage/v9/fab/before-content/demo.html
@@ -6,8 +6,8 @@
     <title>Fab</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/fab/button-sizing/demo.html b/static/usage/v9/fab/button-sizing/demo.html
index a0775d7f35d..9d3cc27c02f 100644
--- a/static/usage/v9/fab/button-sizing/demo.html
+++ b/static/usage/v9/fab/button-sizing/demo.html
@@ -6,8 +6,8 @@
     <title>Fab</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/fab/list-side/demo.html b/static/usage/v9/fab/list-side/demo.html
index bc14e6303f9..9d3ceae1059 100644
--- a/static/usage/v9/fab/list-side/demo.html
+++ b/static/usage/v9/fab/list-side/demo.html
@@ -6,8 +6,8 @@
     <title>Fab</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/fab/positioning/demo.html b/static/usage/v9/fab/positioning/demo.html
index 99d5fc60827..46de89f2f22 100644
--- a/static/usage/v9/fab/positioning/demo.html
+++ b/static/usage/v9/fab/positioning/demo.html
@@ -6,8 +6,8 @@
     <title>Fab</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/fab/safe-area/demo.html b/static/usage/v9/fab/safe-area/demo.html
index f96fb87ddad..45e4523bd77 100644
--- a/static/usage/v9/fab/safe-area/demo.html
+++ b/static/usage/v9/fab/safe-area/demo.html
@@ -6,8 +6,8 @@
     <title>Fab</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-fab {
diff --git a/static/usage/v9/fab/theming/colors/demo.html b/static/usage/v9/fab/theming/colors/demo.html
index a1067ec15ab..27b962188e8 100644
--- a/static/usage/v9/fab/theming/colors/demo.html
+++ b/static/usage/v9/fab/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Fab</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/fab/theming/css-custom-properties/demo.html b/static/usage/v9/fab/theming/css-custom-properties/demo.html
index be9e77c21d3..2053586e290 100644
--- a/static/usage/v9/fab/theming/css-custom-properties/demo.html
+++ b/static/usage/v9/fab/theming/css-custom-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Fab</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-fab-button {
diff --git a/static/usage/v9/fab/theming/css-shadow-parts/demo.html b/static/usage/v9/fab/theming/css-shadow-parts/demo.html
index 97e321a6ce5..50b93d2e0d9 100644
--- a/static/usage/v9/fab/theming/css-shadow-parts/demo.html
+++ b/static/usage/v9/fab/theming/css-shadow-parts/demo.html
@@ -6,8 +6,8 @@
     <title>Fab</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-fab-button::part(native) {
diff --git a/static/usage/v9/footer/basic/demo.html b/static/usage/v9/footer/basic/demo.html
index 055cb5622d8..0a866dbe866 100644
--- a/static/usage/v9/footer/basic/demo.html
+++ b/static/usage/v9/footer/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Footer</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/footer/custom-scroll-target/demo.html b/static/usage/v9/footer/custom-scroll-target/demo.html
index fc375dedf26..55ec7b1666e 100644
--- a/static/usage/v9/footer/custom-scroll-target/demo.html
+++ b/static/usage/v9/footer/custom-scroll-target/demo.html
@@ -6,8 +6,8 @@
     <title>Footer</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .ion-content-scroll-host {
diff --git a/static/usage/v9/footer/fade/demo.html b/static/usage/v9/footer/fade/demo.html
index 116b99dcfff..96bebd85765 100644
--- a/static/usage/v9/footer/fade/demo.html
+++ b/static/usage/v9/footer/fade/demo.html
@@ -6,8 +6,8 @@
     <title>Footer</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/footer/no-border/demo.html b/static/usage/v9/footer/no-border/demo.html
index 37b67905f89..f5ae5a11323 100644
--- a/static/usage/v9/footer/no-border/demo.html
+++ b/static/usage/v9/footer/no-border/demo.html
@@ -6,8 +6,8 @@
     <title>Footer</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/footer/translucent/demo.html b/static/usage/v9/footer/translucent/demo.html
index b50d39c8a7a..8c1d320f28d 100644
--- a/static/usage/v9/footer/translucent/demo.html
+++ b/static/usage/v9/footer/translucent/demo.html
@@ -6,8 +6,8 @@
     <title>Footer</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/gestures/basic/demo.html b/static/usage/v9/gestures/basic/demo.html
index f94dc92540b..83c70296705 100644
--- a/static/usage/v9/gestures/basic/demo.html
+++ b/static/usage/v9/gestures/basic/demo.html
@@ -6,10 +6,10 @@
     <title>Gesture</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { createGesture } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createGesture } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createGesture = createGesture;
 
       const p = document.querySelector('#debug');
diff --git a/static/usage/v9/gestures/double-click/demo.html b/static/usage/v9/gestures/double-click/demo.html
index 1283c508208..9ce6603cef5 100644
--- a/static/usage/v9/gestures/double-click/demo.html
+++ b/static/usage/v9/gestures/double-click/demo.html
@@ -6,11 +6,11 @@
     <title>Double-Click Gestures</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <script type="module">
-      import { createGesture } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createGesture } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createGesture = createGesture;
 
       const DOUBLE_CLICK_THRESHOLD = 500;
diff --git a/static/usage/v9/grid/basic/demo.html b/static/usage/v9/grid/basic/demo.html
index 0a8e133b564..949f7cd5224 100644
--- a/static/usage/v9/grid/basic/demo.html
+++ b/static/usage/v9/grid/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/customizing/column-number/demo.html b/static/usage/v9/grid/customizing/column-number/demo.html
index 17dfe180ed5..0b95ae58454 100644
--- a/static/usage/v9/grid/customizing/column-number/demo.html
+++ b/static/usage/v9/grid/customizing/column-number/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/customizing/padding/demo.html b/static/usage/v9/grid/customizing/padding/demo.html
index 8e4215e27ba..9640b210c58 100644
--- a/static/usage/v9/grid/customizing/padding/demo.html
+++ b/static/usage/v9/grid/customizing/padding/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/customizing/width/demo.html b/static/usage/v9/grid/customizing/width/demo.html
index 2d8a8149062..8eb7d3a4e12 100644
--- a/static/usage/v9/grid/customizing/width/demo.html
+++ b/static/usage/v9/grid/customizing/width/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/fixed/demo.html b/static/usage/v9/grid/fixed/demo.html
index 719b5cb442e..aac4c61db3b 100644
--- a/static/usage/v9/grid/fixed/demo.html
+++ b/static/usage/v9/grid/fixed/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/horizontal-alignment/demo.html b/static/usage/v9/grid/horizontal-alignment/demo.html
index 520000cd028..e64afeff844 100644
--- a/static/usage/v9/grid/horizontal-alignment/demo.html
+++ b/static/usage/v9/grid/horizontal-alignment/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/offset-responsive/demo.html b/static/usage/v9/grid/offset-responsive/demo.html
index 0f8e1952288..1e1afb2885d 100644
--- a/static/usage/v9/grid/offset-responsive/demo.html
+++ b/static/usage/v9/grid/offset-responsive/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/offset/demo.html b/static/usage/v9/grid/offset/demo.html
index 64576c5d1af..8cbdf8a4283 100644
--- a/static/usage/v9/grid/offset/demo.html
+++ b/static/usage/v9/grid/offset/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/push-pull-responsive/demo.html b/static/usage/v9/grid/push-pull-responsive/demo.html
index 1dd91bddc99..a68f6efef01 100644
--- a/static/usage/v9/grid/push-pull-responsive/demo.html
+++ b/static/usage/v9/grid/push-pull-responsive/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/push-pull/demo.html b/static/usage/v9/grid/push-pull/demo.html
index f342c81bc7a..153c11eb74d 100644
--- a/static/usage/v9/grid/push-pull/demo.html
+++ b/static/usage/v9/grid/push-pull/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/size-auto/demo.html b/static/usage/v9/grid/size-auto/demo.html
index 1dd06084e4d..8309adecbfd 100644
--- a/static/usage/v9/grid/size-auto/demo.html
+++ b/static/usage/v9/grid/size-auto/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/size-responsive/demo.html b/static/usage/v9/grid/size-responsive/demo.html
index 5cddc2bddee..4b974007200 100644
--- a/static/usage/v9/grid/size-responsive/demo.html
+++ b/static/usage/v9/grid/size-responsive/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/size/demo.html b/static/usage/v9/grid/size/demo.html
index a5b90d3f79b..7f95e605e2a 100644
--- a/static/usage/v9/grid/size/demo.html
+++ b/static/usage/v9/grid/size/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/grid/vertical-alignment/demo.html b/static/usage/v9/grid/vertical-alignment/demo.html
index 0c96b10cbde..b3066207aa9 100644
--- a/static/usage/v9/grid/vertical-alignment/demo.html
+++ b/static/usage/v9/grid/vertical-alignment/demo.html
@@ -6,8 +6,8 @@
     <title>Grid</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/header/basic/demo.html b/static/usage/v9/header/basic/demo.html
index 6421b0bb28c..77ce77c1b13 100644
--- a/static/usage/v9/header/basic/demo.html
+++ b/static/usage/v9/header/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Header</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/header/condense/demo.html b/static/usage/v9/header/condense/demo.html
index 8449cc02687..e68dd889475 100644
--- a/static/usage/v9/header/condense/demo.html
+++ b/static/usage/v9/header/condense/demo.html
@@ -6,8 +6,8 @@
     <title>Header</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/header/custom-scroll-target/demo.html b/static/usage/v9/header/custom-scroll-target/demo.html
index d80117e07ea..9341e2c07a8 100644
--- a/static/usage/v9/header/custom-scroll-target/demo.html
+++ b/static/usage/v9/header/custom-scroll-target/demo.html
@@ -6,8 +6,8 @@
     <title>Header</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .ion-content-scroll-host {
diff --git a/static/usage/v9/header/fade/demo.html b/static/usage/v9/header/fade/demo.html
index d55733d1174..2158c932198 100644
--- a/static/usage/v9/header/fade/demo.html
+++ b/static/usage/v9/header/fade/demo.html
@@ -6,8 +6,8 @@
     <title>Header</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/header/no-border/demo.html b/static/usage/v9/header/no-border/demo.html
index 2792cd36be7..e561641903a 100644
--- a/static/usage/v9/header/no-border/demo.html
+++ b/static/usage/v9/header/no-border/demo.html
@@ -6,8 +6,8 @@
     <title>Header</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/header/translucent/demo.html b/static/usage/v9/header/translucent/demo.html
index d1bd35d1a9a..8b8ba4e5fd4 100644
--- a/static/usage/v9/header/translucent/demo.html
+++ b/static/usage/v9/header/translucent/demo.html
@@ -6,8 +6,8 @@
     <title>Header</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/icon/basic/demo.html b/static/usage/v9/icon/basic/demo.html
index 6c1c94041b2..ed04a8db2ae 100644
--- a/static/usage/v9/icon/basic/demo.html
+++ b/static/usage/v9/icon/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Icon</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/icon/custom-svgs/demo.html b/static/usage/v9/icon/custom-svgs/demo.html
index 4c586d10eed..c2a0746baa8 100644
--- a/static/usage/v9/icon/custom-svgs/demo.html
+++ b/static/usage/v9/icon/custom-svgs/demo.html
@@ -6,8 +6,8 @@
     <title>Custom SVGs</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/icon/font-icons/demo.html b/static/usage/v9/icon/font-icons/demo.html
index c07f74a0ccb..0cf98072ecb 100644
--- a/static/usage/v9/icon/font-icons/demo.html
+++ b/static/usage/v9/icon/font-icons/demo.html
@@ -6,8 +6,8 @@
     <title>Font Icons</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <!-- Font Awesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
diff --git a/static/usage/v9/img/basic/demo.html b/static/usage/v9/img/basic/demo.html
index ec0e23586ce..baed8638724 100644
--- a/static/usage/v9/img/basic/demo.html
+++ b/static/usage/v9/img/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Image</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-img {
diff --git a/static/usage/v9/infinite-scroll/basic/demo.html b/static/usage/v9/infinite-scroll/basic/demo.html
index 941bca7505b..29b7784e6cf 100644
--- a/static/usage/v9/infinite-scroll/basic/demo.html
+++ b/static/usage/v9/infinite-scroll/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Infinite Scroll</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/infinite-scroll/custom-infinite-scroll-content/demo.html b/static/usage/v9/infinite-scroll/custom-infinite-scroll-content/demo.html
index 0b25042b2ab..95dc010360c 100644
--- a/static/usage/v9/infinite-scroll/custom-infinite-scroll-content/demo.html
+++ b/static/usage/v9/infinite-scroll/custom-infinite-scroll-content/demo.html
@@ -6,8 +6,8 @@
     <title>Infinite Scroll</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       svg {
         width: 20px;
diff --git a/static/usage/v9/infinite-scroll/infinite-scroll-content/demo.html b/static/usage/v9/infinite-scroll/infinite-scroll-content/demo.html
index 941d572aa69..de95908d8d8 100644
--- a/static/usage/v9/infinite-scroll/infinite-scroll-content/demo.html
+++ b/static/usage/v9/infinite-scroll/infinite-scroll-content/demo.html
@@ -6,8 +6,8 @@
     <title>Infinite Scroll</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/input-otp/basic/demo.html b/static/usage/v9/input-otp/basic/demo.html
index be646a035d6..5bb3b201172 100644
--- a/static/usage/v9/input-otp/basic/demo.html
+++ b/static/usage/v9/input-otp/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Input OTP</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-otp/fill/demo.html b/static/usage/v9/input-otp/fill/demo.html
index 423aaee7236..629bb749df3 100644
--- a/static/usage/v9/input-otp/fill/demo.html
+++ b/static/usage/v9/input-otp/fill/demo.html
@@ -6,8 +6,8 @@
     <title>Input OTP</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-otp/pattern/demo.html b/static/usage/v9/input-otp/pattern/demo.html
index 5019730b2d3..a6bcb682824 100644
--- a/static/usage/v9/input-otp/pattern/demo.html
+++ b/static/usage/v9/input-otp/pattern/demo.html
@@ -6,8 +6,8 @@
     <title>Input OTP</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-otp/separators/demo.html b/static/usage/v9/input-otp/separators/demo.html
index a57752e221e..adb5a1e2f8b 100644
--- a/static/usage/v9/input-otp/separators/demo.html
+++ b/static/usage/v9/input-otp/separators/demo.html
@@ -6,8 +6,8 @@
     <title>Input OTP</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-otp/shape/demo.html b/static/usage/v9/input-otp/shape/demo.html
index 62fc1acbf3f..0631c515b2d 100644
--- a/static/usage/v9/input-otp/shape/demo.html
+++ b/static/usage/v9/input-otp/shape/demo.html
@@ -6,8 +6,8 @@
     <title>Input OTP</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-otp/size/demo.html b/static/usage/v9/input-otp/size/demo.html
index 3ae1161802b..46f9893937d 100644
--- a/static/usage/v9/input-otp/size/demo.html
+++ b/static/usage/v9/input-otp/size/demo.html
@@ -6,8 +6,8 @@
     <title>Input OTP</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-otp/states/demo.html b/static/usage/v9/input-otp/states/demo.html
index 838bf479a76..165db912d02 100644
--- a/static/usage/v9/input-otp/states/demo.html
+++ b/static/usage/v9/input-otp/states/demo.html
@@ -6,8 +6,8 @@
     <title>Input OTP</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-otp/theming/colors/demo.html b/static/usage/v9/input-otp/theming/colors/demo.html
index a233207d980..1ca302e79f3 100644
--- a/static/usage/v9/input-otp/theming/colors/demo.html
+++ b/static/usage/v9/input-otp/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Badge</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-otp/theming/css-properties/demo.html b/static/usage/v9/input-otp/theming/css-properties/demo.html
index 9fc0093c966..b606feb1137 100644
--- a/static/usage/v9/input-otp/theming/css-properties/demo.html
+++ b/static/usage/v9/input-otp/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Styling the Select</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-otp/type/demo.html b/static/usage/v9/input-otp/type/demo.html
index 2c73352d1bf..77fd034270c 100644
--- a/static/usage/v9/input-otp/type/demo.html
+++ b/static/usage/v9/input-otp/type/demo.html
@@ -7,8 +7,8 @@
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
 
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input-password-toggle/basic/demo.html b/static/usage/v9/input-password-toggle/basic/demo.html
index c6c52b35303..620fa0c3a91 100644
--- a/static/usage/v9/input-password-toggle/basic/demo.html
+++ b/static/usage/v9/input-password-toggle/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-input.custom-input {
diff --git a/static/usage/v9/input/basic/demo.html b/static/usage/v9/input/basic/demo.html
index 88571ec2ac7..63b2c737d62 100644
--- a/static/usage/v9/input/basic/demo.html
+++ b/static/usage/v9/input/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/input/clear/demo.html b/static/usage/v9/input/clear/demo.html
index 61ee5401842..09d36e52439 100644
--- a/static/usage/v9/input/clear/demo.html
+++ b/static/usage/v9/input/clear/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/input/counter-alignment/demo.html b/static/usage/v9/input/counter-alignment/demo.html
index aa0e88ec28a..aed09e45535 100644
--- a/static/usage/v9/input/counter-alignment/demo.html
+++ b/static/usage/v9/input/counter-alignment/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/input/counter/demo.html b/static/usage/v9/input/counter/demo.html
index 15582e0fbd1..0fb81c1b2db 100644
--- a/static/usage/v9/input/counter/demo.html
+++ b/static/usage/v9/input/counter/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input/fill/demo.html b/static/usage/v9/input/fill/demo.html
index 7bbd26ae242..dd3607da870 100644
--- a/static/usage/v9/input/fill/demo.html
+++ b/static/usage/v9/input/fill/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input/filtering/demo.html b/static/usage/v9/input/filtering/demo.html
index e5f3a58c562..6c4ef5c8736 100644
--- a/static/usage/v9/input/filtering/demo.html
+++ b/static/usage/v9/input/filtering/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/input/helper-error/demo.html b/static/usage/v9/input/helper-error/demo.html
index aeca87c3852..a489cb11a3f 100644
--- a/static/usage/v9/input/helper-error/demo.html
+++ b/static/usage/v9/input/helper-error/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .container ion-input {
         width: 300px;
diff --git a/static/usage/v9/input/label-placement/demo.html b/static/usage/v9/input/label-placement/demo.html
index 8c792ebd86a..7953ec266a7 100644
--- a/static/usage/v9/input/label-placement/demo.html
+++ b/static/usage/v9/input/label-placement/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/input/label-slot/demo.html b/static/usage/v9/input/label-slot/demo.html
index fc87d06e2c1..00d5652a23c 100644
--- a/static/usage/v9/input/label-slot/demo.html
+++ b/static/usage/v9/input/label-slot/demo.html
@@ -6,8 +6,8 @@
     <title>input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/input/mask/demo.html b/static/usage/v9/input/mask/demo.html
index 4087dc69324..dc45874e043 100644
--- a/static/usage/v9/input/mask/demo.html
+++ b/static/usage/v9/input/mask/demo.html
@@ -6,13 +6,13 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
     <script type="module">
       import { Maskito, maskitoTransform } from 'https://cdn.jsdelivr.net/npm/@maskito/core/index.esm.js';
       window.Maskito = Maskito;
       window.maskitoTransform = maskitoTransform;
     </script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/input/no-visible-label/demo.html b/static/usage/v9/input/no-visible-label/demo.html
index 6970d161891..cb90ecfe0c7 100644
--- a/static/usage/v9/input/no-visible-label/demo.html
+++ b/static/usage/v9/input/no-visible-label/demo.html
@@ -6,8 +6,8 @@
     <title>input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/input/set-focus/demo.html b/static/usage/v9/input/set-focus/demo.html
index 62fd9d1821e..97c172db82f 100644
--- a/static/usage/v9/input/set-focus/demo.html
+++ b/static/usage/v9/input/set-focus/demo.html
@@ -6,8 +6,8 @@
     <title>setFocus</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/input/start-end-slots/demo.html b/static/usage/v9/input/start-end-slots/demo.html
index e8e76a8885d..c327f737abe 100644
--- a/static/usage/v9/input/start-end-slots/demo.html
+++ b/static/usage/v9/input/start-end-slots/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/input/theming/colors/demo.html b/static/usage/v9/input/theming/colors/demo.html
index 16c5f9797af..97cfc345a51 100644
--- a/static/usage/v9/input/theming/colors/demo.html
+++ b/static/usage/v9/input/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input/theming/css-properties/demo.html b/static/usage/v9/input/theming/css-properties/demo.html
index 642515f7c66..d82461b2113 100644
--- a/static/usage/v9/input/theming/css-properties/demo.html
+++ b/static/usage/v9/input/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/input/types/demo.html b/static/usage/v9/input/types/demo.html
index 141dfb2c90f..a73aa8cd7fd 100644
--- a/static/usage/v9/input/types/demo.html
+++ b/static/usage/v9/input/types/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/item-divider/basic/demo.html b/static/usage/v9/item-divider/basic/demo.html
index c00d3658bf5..ce5fb25eab6 100644
--- a/static/usage/v9/item-divider/basic/demo.html
+++ b/static/usage/v9/item-divider/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Item Divider</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item-divider/theming/colors/demo.html b/static/usage/v9/item-divider/theming/colors/demo.html
index c7cffbee565..24dc0354eee 100644
--- a/static/usage/v9/item-divider/theming/colors/demo.html
+++ b/static/usage/v9/item-divider/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Item Divider</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item-divider/theming/css-properties/demo.html b/static/usage/v9/item-divider/theming/css-properties/demo.html
index 400e32f35d6..7f5e55bad5b 100644
--- a/static/usage/v9/item-divider/theming/css-properties/demo.html
+++ b/static/usage/v9/item-divider/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Item Divider</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-item-divider {
diff --git a/static/usage/v9/item-group/basic/demo.html b/static/usage/v9/item-group/basic/demo.html
index a1e68490d32..748afc90ee8 100644
--- a/static/usage/v9/item-group/basic/demo.html
+++ b/static/usage/v9/item-group/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Item Group</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item-group/sliding-items/demo.html b/static/usage/v9/item-group/sliding-items/demo.html
index 3b712ee6bc0..9b1438916e5 100644
--- a/static/usage/v9/item-group/sliding-items/demo.html
+++ b/static/usage/v9/item-group/sliding-items/demo.html
@@ -6,8 +6,8 @@
     <title>Item Group</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item-sliding/basic/demo.html b/static/usage/v9/item-sliding/basic/demo.html
index ef1c3abd925..2f26e0e210d 100644
--- a/static/usage/v9/item-sliding/basic/demo.html
+++ b/static/usage/v9/item-sliding/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Item Sliding</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item-sliding/expandable/demo.html b/static/usage/v9/item-sliding/expandable/demo.html
index c206827a1db..6ceebea9641 100644
--- a/static/usage/v9/item-sliding/expandable/demo.html
+++ b/static/usage/v9/item-sliding/expandable/demo.html
@@ -6,8 +6,8 @@
     <title>Item Sliding</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item-sliding/icons/demo.html b/static/usage/v9/item-sliding/icons/demo.html
index 0940635e008..a2d58f248e1 100644
--- a/static/usage/v9/item-sliding/icons/demo.html
+++ b/static/usage/v9/item-sliding/icons/demo.html
@@ -6,8 +6,8 @@
     <title>Item Sliding</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/basic/demo.html b/static/usage/v9/item/basic/demo.html
index 01611f42d94..1530a541672 100644
--- a/static/usage/v9/item/basic/demo.html
+++ b/static/usage/v9/item/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/buttons/demo.html b/static/usage/v9/item/buttons/demo.html
index 28ba1772ab2..25b0613c0f4 100644
--- a/static/usage/v9/item/buttons/demo.html
+++ b/static/usage/v9/item/buttons/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/clickable/demo.html b/static/usage/v9/item/clickable/demo.html
index 8d5d32efebc..b2e63e391c5 100644
--- a/static/usage/v9/item/clickable/demo.html
+++ b/static/usage/v9/item/clickable/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/content-types/actions/demo.html b/static/usage/v9/item/content-types/actions/demo.html
index 342ed80a206..f5ba56e5c0d 100644
--- a/static/usage/v9/item/content-types/actions/demo.html
+++ b/static/usage/v9/item/content-types/actions/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/item/content-types/controls/demo.html b/static/usage/v9/item/content-types/controls/demo.html
index 84d466383f3..0514f72d6ca 100644
--- a/static/usage/v9/item/content-types/controls/demo.html
+++ b/static/usage/v9/item/content-types/controls/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/item/content-types/metadata/demo.html b/static/usage/v9/item/content-types/metadata/demo.html
index 747744f9b5e..2475f5cd5f0 100644
--- a/static/usage/v9/item/content-types/metadata/demo.html
+++ b/static/usage/v9/item/content-types/metadata/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .unread-indicator {
         background: var(--ion-color-primary);
diff --git a/static/usage/v9/item/content-types/supporting-visuals/demo.html b/static/usage/v9/item/content-types/supporting-visuals/demo.html
index 9d680f21e31..0e18c634ab5 100644
--- a/static/usage/v9/item/content-types/supporting-visuals/demo.html
+++ b/static/usage/v9/item/content-types/supporting-visuals/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/item/content-types/text/demo.html b/static/usage/v9/item/content-types/text/demo.html
index 4245b0d0f78..7681665a339 100644
--- a/static/usage/v9/item/content-types/text/demo.html
+++ b/static/usage/v9/item/content-types/text/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-note {
         display: block;
diff --git a/static/usage/v9/item/detail-arrows/demo.html b/static/usage/v9/item/detail-arrows/demo.html
index b4f705dbe80..a757c9eb853 100644
--- a/static/usage/v9/item/detail-arrows/demo.html
+++ b/static/usage/v9/item/detail-arrows/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/inputs/demo.html b/static/usage/v9/item/inputs/demo.html
index d686f651400..d09da10eb5a 100644
--- a/static/usage/v9/item/inputs/demo.html
+++ b/static/usage/v9/item/inputs/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/lines/demo.html b/static/usage/v9/item/lines/demo.html
index 21f2141c8f9..0abd1628eb1 100644
--- a/static/usage/v9/item/lines/demo.html
+++ b/static/usage/v9/item/lines/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/media/demo.html b/static/usage/v9/item/media/demo.html
index bfbe7dfc541..99ef636e6c3 100644
--- a/static/usage/v9/item/media/demo.html
+++ b/static/usage/v9/item/media/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/theming/colors/demo.html b/static/usage/v9/item/theming/colors/demo.html
index 09ee448979d..71cc7d275ba 100644
--- a/static/usage/v9/item/theming/colors/demo.html
+++ b/static/usage/v9/item/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/theming/css-properties/demo.html b/static/usage/v9/item/theming/css-properties/demo.html
index 420b41fd19b..549555682d2 100644
--- a/static/usage/v9/item/theming/css-properties/demo.html
+++ b/static/usage/v9/item/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/theming/css-shadow-parts/demo.html b/static/usage/v9/item/theming/css-shadow-parts/demo.html
index a655e9bed5c..1b5f723eeaf 100644
--- a/static/usage/v9/item/theming/css-shadow-parts/demo.html
+++ b/static/usage/v9/item/theming/css-shadow-parts/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/item/theming/input-highlight/demo.html b/static/usage/v9/item/theming/input-highlight/demo.html
index b939ff6d0aa..065f7f4d151 100644
--- a/static/usage/v9/item/theming/input-highlight/demo.html
+++ b/static/usage/v9/item/theming/input-highlight/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/keyboard/enterkeyhint/demo.html b/static/usage/v9/keyboard/enterkeyhint/demo.html
index 8d23e90a757..c5db385acf0 100644
--- a/static/usage/v9/keyboard/enterkeyhint/demo.html
+++ b/static/usage/v9/keyboard/enterkeyhint/demo.html
@@ -6,8 +6,8 @@
     <title>Keyboard</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/keyboard/inputmode/demo.html b/static/usage/v9/keyboard/inputmode/demo.html
index 79ed8b2ff02..af9eab2c697 100644
--- a/static/usage/v9/keyboard/inputmode/demo.html
+++ b/static/usage/v9/keyboard/inputmode/demo.html
@@ -6,8 +6,8 @@
     <title>Keyboard</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/label/basic/demo.html b/static/usage/v9/label/basic/demo.html
index ae7d221320a..5acfa6924f0 100644
--- a/static/usage/v9/label/basic/demo.html
+++ b/static/usage/v9/label/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Label</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/label/input/demo.html b/static/usage/v9/label/input/demo.html
index 8bdfa8729a7..4bdb561eeaa 100644
--- a/static/usage/v9/label/input/demo.html
+++ b/static/usage/v9/label/input/demo.html
@@ -6,8 +6,8 @@
     <title>Label</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/label/item/demo.html b/static/usage/v9/label/item/demo.html
index 55e8eebef74..d552e11ed07 100644
--- a/static/usage/v9/label/item/demo.html
+++ b/static/usage/v9/label/item/demo.html
@@ -6,8 +6,8 @@
     <title>Label</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/label/theming/colors/demo.html b/static/usage/v9/label/theming/colors/demo.html
index ac45da4d902..a560d6c5876 100644
--- a/static/usage/v9/label/theming/colors/demo.html
+++ b/static/usage/v9/label/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Label</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-label {
diff --git a/static/usage/v9/layout/dynamic-font-scaling/demo.html b/static/usage/v9/layout/dynamic-font-scaling/demo.html
index 5247c5cc2b3..a486f91572d 100644
--- a/static/usage/v9/layout/dynamic-font-scaling/demo.html
+++ b/static/usage/v9/layout/dynamic-font-scaling/demo.html
@@ -6,8 +6,8 @@
     <title>Dynamic Font Scaling</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/list-header/basic/demo.html b/static/usage/v9/list-header/basic/demo.html
index e8e8afffcba..88c71bf4f86 100644
--- a/static/usage/v9/list-header/basic/demo.html
+++ b/static/usage/v9/list-header/basic/demo.html
@@ -6,8 +6,8 @@
     <title>List Header</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/list-header/buttons/demo.html b/static/usage/v9/list-header/buttons/demo.html
index be49efea0a5..42a91202bca 100644
--- a/static/usage/v9/list-header/buttons/demo.html
+++ b/static/usage/v9/list-header/buttons/demo.html
@@ -6,8 +6,8 @@
     <title>List Header</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/list-header/lines/demo.html b/static/usage/v9/list-header/lines/demo.html
index 7bb3dc185ba..c283438c153 100644
--- a/static/usage/v9/list-header/lines/demo.html
+++ b/static/usage/v9/list-header/lines/demo.html
@@ -6,8 +6,8 @@
     <title>List Header</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/list-header/theming/colors/demo.html b/static/usage/v9/list-header/theming/colors/demo.html
index 907a43ff414..3f5dd6c4c85 100644
--- a/static/usage/v9/list-header/theming/colors/demo.html
+++ b/static/usage/v9/list-header/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>List Header</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/list-header/theming/css-properties/demo.html b/static/usage/v9/list-header/theming/css-properties/demo.html
index 2ff7ab62e50..6e729e4ccea 100644
--- a/static/usage/v9/list-header/theming/css-properties/demo.html
+++ b/static/usage/v9/list-header/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>List Header</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list-header {
diff --git a/static/usage/v9/list/basic/demo.html b/static/usage/v9/list/basic/demo.html
index 220eb7a2a81..05a81de43e4 100644
--- a/static/usage/v9/list/basic/demo.html
+++ b/static/usage/v9/list/basic/demo.html
@@ -6,8 +6,8 @@
     <title>List</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/list/inset/demo.html b/static/usage/v9/list/inset/demo.html
index 7944fd95163..34ff4ef6b48 100644
--- a/static/usage/v9/list/inset/demo.html
+++ b/static/usage/v9/list/inset/demo.html
@@ -6,8 +6,8 @@
     <title>List</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/list/lines/demo.html b/static/usage/v9/list/lines/demo.html
index 306e202d617..2c5de893e77 100644
--- a/static/usage/v9/list/lines/demo.html
+++ b/static/usage/v9/list/lines/demo.html
@@ -6,8 +6,8 @@
     <title>List</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/loading/controller/demo.html b/static/usage/v9/loading/controller/demo.html
index 2b87474931d..8d4fc9231e0 100644
--- a/static/usage/v9/loading/controller/demo.html
+++ b/static/usage/v9/loading/controller/demo.html
@@ -6,10 +6,10 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { loadingController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { loadingController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.loadingController = loadingController;
     </script>
   </head>
diff --git a/static/usage/v9/loading/inline/demo.html b/static/usage/v9/loading/inline/demo.html
index b853999f158..55e15f89200 100644
--- a/static/usage/v9/loading/inline/demo.html
+++ b/static/usage/v9/loading/inline/demo.html
@@ -6,8 +6,8 @@
     <title>Loading</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/loading/spinners/demo.html b/static/usage/v9/loading/spinners/demo.html
index d85d0c68d7a..d2d5360512b 100644
--- a/static/usage/v9/loading/spinners/demo.html
+++ b/static/usage/v9/loading/spinners/demo.html
@@ -6,8 +6,8 @@
     <title>Loading</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/loading/theming/demo.html b/static/usage/v9/loading/theming/demo.html
index 0fe11b32008..053bcfff292 100644
--- a/static/usage/v9/loading/theming/demo.html
+++ b/static/usage/v9/loading/theming/demo.html
@@ -6,10 +6,10 @@
     <title>Datetime</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { loadingController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { loadingController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.loadingController = loadingController;
     </script>
     <style>
diff --git a/static/usage/v9/menu/basic/demo.html b/static/usage/v9/menu/basic/demo.html
index a642486467b..1a1a2f26ab2 100644
--- a/static/usage/v9/menu/basic/demo.html
+++ b/static/usage/v9/menu/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Menu</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/menu/multiple/demo.html b/static/usage/v9/menu/multiple/demo.html
index fe2029b7514..3f21bbe58f0 100644
--- a/static/usage/v9/menu/multiple/demo.html
+++ b/static/usage/v9/menu/multiple/demo.html
@@ -6,11 +6,11 @@
     <title>Menu</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <script type="module">
-      import { menuController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { menuController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.menuController = menuController;
     </script>
   </head>
diff --git a/static/usage/v9/menu/sides/demo.html b/static/usage/v9/menu/sides/demo.html
index 43033b5d018..43523316a70 100644
--- a/static/usage/v9/menu/sides/demo.html
+++ b/static/usage/v9/menu/sides/demo.html
@@ -6,8 +6,8 @@
     <title>Menu</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/menu/theming/demo.html b/static/usage/v9/menu/theming/demo.html
index a4d48cd2a3b..5b89ad39cc1 100644
--- a/static/usage/v9/menu/theming/demo.html
+++ b/static/usage/v9/menu/theming/demo.html
@@ -6,8 +6,8 @@
     <title>Menu</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-menu::part(backdrop) {
         background-color: rgba(255, 0, 255, 0.5);
diff --git a/static/usage/v9/menu/toggle/demo.html b/static/usage/v9/menu/toggle/demo.html
index 7ac349921f8..9fff9da463b 100644
--- a/static/usage/v9/menu/toggle/demo.html
+++ b/static/usage/v9/menu/toggle/demo.html
@@ -6,8 +6,8 @@
     <title>Menu - Toggle</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/menu/type/demo.html b/static/usage/v9/menu/type/demo.html
index 77f50fa39d5..3a948b0a9e2 100644
--- a/static/usage/v9/menu/type/demo.html
+++ b/static/usage/v9/menu/type/demo.html
@@ -6,8 +6,8 @@
     <title>Menu - Type</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/can-dismiss/boolean/demo.html b/static/usage/v9/modal/can-dismiss/boolean/demo.html
index 530926ccee0..1ce0224555e 100644
--- a/static/usage/v9/modal/can-dismiss/boolean/demo.html
+++ b/static/usage/v9/modal/can-dismiss/boolean/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Can Dismiss</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/can-dismiss/child-state/demo.html b/static/usage/v9/modal/can-dismiss/child-state/demo.html
index 2e2dc6def50..100ca0c7e23 100644
--- a/static/usage/v9/modal/can-dismiss/child-state/demo.html
+++ b/static/usage/v9/modal/can-dismiss/child-state/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Can Dismiss</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/can-dismiss/function/demo.html b/static/usage/v9/modal/can-dismiss/function/demo.html
index 90339b5fb85..b8f5e67ff17 100644
--- a/static/usage/v9/modal/can-dismiss/function/demo.html
+++ b/static/usage/v9/modal/can-dismiss/function/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Can Dismiss</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/demo.html b/static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/demo.html
index 74ffbb0112d..2fc3602abde 100644
--- a/static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/demo.html
+++ b/static/usage/v9/modal/can-dismiss/prevent-swipe-to-close/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Can Dismiss</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/card/basic/demo.html b/static/usage/v9/modal/card/basic/demo.html
index 263bfc35421..06ca3cf1c08 100644
--- a/static/usage/v9/modal/card/basic/demo.html
+++ b/static/usage/v9/modal/card/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Card</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/controller/demo.html b/static/usage/v9/modal/controller/demo.html
index c053be9dd28..05806f85021 100644
--- a/static/usage/v9/modal/controller/demo.html
+++ b/static/usage/v9/modal/controller/demo.html
@@ -6,10 +6,10 @@
     <title>Modal | Controller</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { modalController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { modalController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.modalController = modalController;
     </script>
   </head>
diff --git a/static/usage/v9/modal/custom-dialogs/demo.html b/static/usage/v9/modal/custom-dialogs/demo.html
index 4719e1993e0..84e140e29c1 100644
--- a/static/usage/v9/modal/custom-dialogs/demo.html
+++ b/static/usage/v9/modal/custom-dialogs/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Custom Dialog</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-modal {
         --width: fit-content;
diff --git a/static/usage/v9/modal/drag-move-event/demo.html b/static/usage/v9/modal/drag-move-event/demo.html
index ec285ca79ed..f3f66678787 100644
--- a/static/usage/v9/modal/drag-move-event/demo.html
+++ b/static/usage/v9/modal/drag-move-event/demo.html
@@ -6,8 +6,8 @@
     <title>Modal</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/drag-start-end-events/demo.html b/static/usage/v9/modal/drag-start-end-events/demo.html
index 5e6f2aac600..da98b7dbe7b 100644
--- a/static/usage/v9/modal/drag-start-end-events/demo.html
+++ b/static/usage/v9/modal/drag-start-end-events/demo.html
@@ -6,8 +6,8 @@
     <title>Modal</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/inline/basic/demo.html b/static/usage/v9/modal/inline/basic/demo.html
index 48bdf4053be..41cf89f5bac 100644
--- a/static/usage/v9/modal/inline/basic/demo.html
+++ b/static/usage/v9/modal/inline/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Inline</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/inline/is-open/demo.html b/static/usage/v9/modal/inline/is-open/demo.html
index 3365b9f2482..6407b93fa0e 100644
--- a/static/usage/v9/modal/inline/is-open/demo.html
+++ b/static/usage/v9/modal/inline/is-open/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Inline</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/performance/mount/demo.html b/static/usage/v9/modal/performance/mount/demo.html
index 5fdff0d6c82..53a8965dbfd 100644
--- a/static/usage/v9/modal/performance/mount/demo.html
+++ b/static/usage/v9/modal/performance/mount/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Performance</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/sheet/auto-height/demo.html b/static/usage/v9/modal/sheet/auto-height/demo.html
index 7a66c36b6f6..3b48d58123d 100644
--- a/static/usage/v9/modal/sheet/auto-height/demo.html
+++ b/static/usage/v9/modal/sheet/auto-height/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .block {
         width: 100%;
diff --git a/static/usage/v9/modal/sheet/background-content/demo.html b/static/usage/v9/modal/sheet/background-content/demo.html
index bfd21bb399a..298fdf37955 100644
--- a/static/usage/v9/modal/sheet/background-content/demo.html
+++ b/static/usage/v9/modal/sheet/background-content/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .counter__section {
         display: flex;
diff --git a/static/usage/v9/modal/sheet/basic/demo.html b/static/usage/v9/modal/sheet/basic/demo.html
index 07ed5d95ab8..4999820d9ee 100644
--- a/static/usage/v9/modal/sheet/basic/demo.html
+++ b/static/usage/v9/modal/sheet/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/sheet/expand-to-scroll/demo.html b/static/usage/v9/modal/sheet/expand-to-scroll/demo.html
index 2b783358701..b8ba7f12aa8 100644
--- a/static/usage/v9/modal/sheet/expand-to-scroll/demo.html
+++ b/static/usage/v9/modal/sheet/expand-to-scroll/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/sheet/handle-behavior/demo.html b/static/usage/v9/modal/sheet/handle-behavior/demo.html
index c4a097ffbfc..351f54bebf1 100644
--- a/static/usage/v9/modal/sheet/handle-behavior/demo.html
+++ b/static/usage/v9/modal/sheet/handle-behavior/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/modal/styling/animations/demo.html b/static/usage/v9/modal/styling/animations/demo.html
index f60ff691e1d..f3d9ad18c0f 100644
--- a/static/usage/v9/modal/styling/animations/demo.html
+++ b/static/usage/v9/modal/styling/animations/demo.html
@@ -6,10 +6,10 @@
     <title>Modal | Animations</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <script type="module">
-      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { createAnimation } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.createAnimation = createAnimation;
     </script>
   </head>
diff --git a/static/usage/v9/modal/styling/theming/demo.html b/static/usage/v9/modal/styling/theming/demo.html
index d9d5cef629c..2177a2b783a 100644
--- a/static/usage/v9/modal/styling/theming/demo.html
+++ b/static/usage/v9/modal/styling/theming/demo.html
@@ -6,8 +6,8 @@
     <title>Modal | Theming</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-modal {
         --height: 50%;
diff --git a/static/usage/v9/nav/modal-navigation/demo.html b/static/usage/v9/nav/modal-navigation/demo.html
index e902a709f11..d85c343110c 100644
--- a/static/usage/v9/nav/modal-navigation/demo.html
+++ b/static/usage/v9/nav/modal-navigation/demo.html
@@ -7,8 +7,8 @@
     <title>Nav | Modal Navigation</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/nav/nav-link/demo.html b/static/usage/v9/nav/nav-link/demo.html
index 810f5d749c7..426e1ba9832 100644
--- a/static/usage/v9/nav/nav-link/demo.html
+++ b/static/usage/v9/nav/nav-link/demo.html
@@ -7,8 +7,8 @@
     <title>Nav | NavLink</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/navigation/demo.html b/static/usage/v9/navigation/demo.html
index 0388e0788dd..9defa527e6e 100644
--- a/static/usage/v9/navigation/demo.html
+++ b/static/usage/v9/navigation/demo.html
@@ -6,8 +6,8 @@
     <title>Navigation</title>
     <link rel="stylesheet" href="../common.css" />
     <script src="../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/note/basic/demo.html b/static/usage/v9/note/basic/demo.html
index 8bbe5cf3495..7176e55bea8 100644
--- a/static/usage/v9/note/basic/demo.html
+++ b/static/usage/v9/note/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Note</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/note/item/demo.html b/static/usage/v9/note/item/demo.html
index 93073294937..91f0932efc8 100644
--- a/static/usage/v9/note/item/demo.html
+++ b/static/usage/v9/note/item/demo.html
@@ -6,8 +6,8 @@
     <title>Note</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/note/theming/colors/demo.html b/static/usage/v9/note/theming/colors/demo.html
index e816dfb1d34..4f7a685575e 100644
--- a/static/usage/v9/note/theming/colors/demo.html
+++ b/static/usage/v9/note/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Note</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .flex-items {
diff --git a/static/usage/v9/note/theming/css-properties/demo.html b/static/usage/v9/note/theming/css-properties/demo.html
index 2d477569a4e..f8144a332dd 100644
--- a/static/usage/v9/note/theming/css-properties/demo.html
+++ b/static/usage/v9/note/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Note</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-note {
diff --git a/static/usage/v9/picker/basic/demo.html b/static/usage/v9/picker/basic/demo.html
index d4af8c6924c..400d92577b3 100644
--- a/static/usage/v9/picker/basic/demo.html
+++ b/static/usage/v9/picker/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Picker | Basic</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/picker/modal/demo.html b/static/usage/v9/picker/modal/demo.html
index cee2bc082d0..76e185f5186 100644
--- a/static/usage/v9/picker/modal/demo.html
+++ b/static/usage/v9/picker/modal/demo.html
@@ -6,8 +6,8 @@
     <title>Picker | Basic</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-modal {
         --height: auto;
diff --git a/static/usage/v9/picker/prefix-suffix/demo.html b/static/usage/v9/picker/prefix-suffix/demo.html
index 2f2243cce40..1e1d6247242 100644
--- a/static/usage/v9/picker/prefix-suffix/demo.html
+++ b/static/usage/v9/picker/prefix-suffix/demo.html
@@ -6,8 +6,8 @@
     <title>Picker | Slot</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/picker/theming/css-properties/demo.html b/static/usage/v9/picker/theming/css-properties/demo.html
index 556a0e02ab8..2fd7347c427 100644
--- a/static/usage/v9/picker/theming/css-properties/demo.html
+++ b/static/usage/v9/picker/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Picker | CSS Variables</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-picker {
diff --git a/static/usage/v9/popover/customization/positioning/demo.html b/static/usage/v9/popover/customization/positioning/demo.html
index 6b7408dcb39..aca0602e8bf 100644
--- a/static/usage/v9/popover/customization/positioning/demo.html
+++ b/static/usage/v9/popover/customization/positioning/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/popover/customization/sizing/demo.html b/static/usage/v9/popover/customization/sizing/demo.html
index 03e3c937e76..4876e653120 100644
--- a/static/usage/v9/popover/customization/sizing/demo.html
+++ b/static/usage/v9/popover/customization/sizing/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/popover/customization/styling/demo.html b/static/usage/v9/popover/customization/styling/demo.html
index cae38b8fcc7..c1555920896 100644
--- a/static/usage/v9/popover/customization/styling/demo.html
+++ b/static/usage/v9/popover/customization/styling/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-popover {
diff --git a/static/usage/v9/popover/nested/demo.html b/static/usage/v9/popover/nested/demo.html
index 4994e4a28d2..84417d0d48a 100644
--- a/static/usage/v9/popover/nested/demo.html
+++ b/static/usage/v9/popover/nested/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/popover/performance/mount/demo.html b/static/usage/v9/popover/performance/mount/demo.html
index 5d7abac1ac0..3835634aed8 100644
--- a/static/usage/v9/popover/performance/mount/demo.html
+++ b/static/usage/v9/popover/performance/mount/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/popover/presenting/controller/demo.html b/static/usage/v9/popover/presenting/controller/demo.html
index 15d30b05f33..c3c20b10171 100644
--- a/static/usage/v9/popover/presenting/controller/demo.html
+++ b/static/usage/v9/popover/presenting/controller/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/popover/presenting/inline-isopen/demo.html b/static/usage/v9/popover/presenting/inline-isopen/demo.html
index 0a82653d61f..cb71301248a 100644
--- a/static/usage/v9/popover/presenting/inline-isopen/demo.html
+++ b/static/usage/v9/popover/presenting/inline-isopen/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/popover/presenting/inline-trigger/demo.html b/static/usage/v9/popover/presenting/inline-trigger/demo.html
index 4a9b1ea88ca..e46ef091d2b 100644
--- a/static/usage/v9/popover/presenting/inline-trigger/demo.html
+++ b/static/usage/v9/popover/presenting/inline-trigger/demo.html
@@ -6,8 +6,8 @@
     <title>Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/progress-bar/buffer/demo.html b/static/usage/v9/progress-bar/buffer/demo.html
index 8ba7550d8f3..0d0ae7db1cb 100644
--- a/static/usage/v9/progress-bar/buffer/demo.html
+++ b/static/usage/v9/progress-bar/buffer/demo.html
@@ -6,8 +6,8 @@
     <title>Progress Bar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/progress-bar/determinate/demo.html b/static/usage/v9/progress-bar/determinate/demo.html
index 70c808a8e88..a01fb81b19c 100644
--- a/static/usage/v9/progress-bar/determinate/demo.html
+++ b/static/usage/v9/progress-bar/determinate/demo.html
@@ -6,8 +6,8 @@
     <title>Progress Bar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/progress-bar/indeterminate/demo.html b/static/usage/v9/progress-bar/indeterminate/demo.html
index c949ca3088d..dd53c6d929b 100644
--- a/static/usage/v9/progress-bar/indeterminate/demo.html
+++ b/static/usage/v9/progress-bar/indeterminate/demo.html
@@ -6,8 +6,8 @@
     <title>Progress Bar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/progress-bar/theming/colors/demo.html b/static/usage/v9/progress-bar/theming/colors/demo.html
index 53161f597a2..595d2ebcfe2 100644
--- a/static/usage/v9/progress-bar/theming/colors/demo.html
+++ b/static/usage/v9/progress-bar/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Progress Bar</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/progress-bar/theming/css-properties/demo.html b/static/usage/v9/progress-bar/theming/css-properties/demo.html
index d72e6f2b724..24ff2792f6d 100644
--- a/static/usage/v9/progress-bar/theming/css-properties/demo.html
+++ b/static/usage/v9/progress-bar/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Progress Bar</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/progress-bar/theming/css-shadow-parts/demo.html b/static/usage/v9/progress-bar/theming/css-shadow-parts/demo.html
index 1afb6f5c24d..17cbe574a21 100644
--- a/static/usage/v9/progress-bar/theming/css-shadow-parts/demo.html
+++ b/static/usage/v9/progress-bar/theming/css-shadow-parts/demo.html
@@ -6,8 +6,8 @@
     <title>Progress Bar</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/radio/alignment/demo.html b/static/usage/v9/radio/alignment/demo.html
index 74415a2e592..173204e3a54 100644
--- a/static/usage/v9/radio/alignment/demo.html
+++ b/static/usage/v9/radio/alignment/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/radio/basic/demo.html b/static/usage/v9/radio/basic/demo.html
index 83090b6fbb4..093b9202674 100644
--- a/static/usage/v9/radio/basic/demo.html
+++ b/static/usage/v9/radio/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/radio/empty-selection/demo.html b/static/usage/v9/radio/empty-selection/demo.html
index b56d2fd929c..ba31bd2f99f 100644
--- a/static/usage/v9/radio/empty-selection/demo.html
+++ b/static/usage/v9/radio/empty-selection/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/radio/helper-error/demo.html b/static/usage/v9/radio/helper-error/demo.html
index 7a8d6abfccf..15cdf69bd2f 100644
--- a/static/usage/v9/radio/helper-error/demo.html
+++ b/static/usage/v9/radio/helper-error/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-radio-group {
diff --git a/static/usage/v9/radio/justify/demo.html b/static/usage/v9/radio/justify/demo.html
index d5325dc4c0a..75ca8653f85 100644
--- a/static/usage/v9/radio/justify/demo.html
+++ b/static/usage/v9/radio/justify/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/radio/label-placement/demo.html b/static/usage/v9/radio/label-placement/demo.html
index c14409d3a9e..9feca78040f 100644
--- a/static/usage/v9/radio/label-placement/demo.html
+++ b/static/usage/v9/radio/label-placement/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/radio/label-wrap/demo.html b/static/usage/v9/radio/label-wrap/demo.html
index 6f8f030bcf2..2141ba26a94 100644
--- a/static/usage/v9/radio/label-wrap/demo.html
+++ b/static/usage/v9/radio/label-wrap/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/radio/theming/colors/demo.html b/static/usage/v9/radio/theming/colors/demo.html
index 65f86a3518b..7a4604744bb 100644
--- a/static/usage/v9/radio/theming/colors/demo.html
+++ b/static/usage/v9/radio/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/radio/theming/css-properties/demo.html b/static/usage/v9/radio/theming/css-properties/demo.html
index 5615a8aafd8..349e869aa18 100644
--- a/static/usage/v9/radio/theming/css-properties/demo.html
+++ b/static/usage/v9/radio/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-radio {
diff --git a/static/usage/v9/radio/theming/css-shadow-parts/demo.html b/static/usage/v9/radio/theming/css-shadow-parts/demo.html
index 4a82c7ac384..a8412932acf 100644
--- a/static/usage/v9/radio/theming/css-shadow-parts/demo.html
+++ b/static/usage/v9/radio/theming/css-shadow-parts/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-radio::part(container) {
diff --git a/static/usage/v9/radio/using-comparewith/demo.html b/static/usage/v9/radio/using-comparewith/demo.html
index 39805ea0b92..5babdc3581d 100644
--- a/static/usage/v9/radio/using-comparewith/demo.html
+++ b/static/usage/v9/radio/using-comparewith/demo.html
@@ -6,8 +6,8 @@
     <title>Radio</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/range/basic/demo.html b/static/usage/v9/range/basic/demo.html
index a3290fae5b7..6ea180f8cba 100644
--- a/static/usage/v9/range/basic/demo.html
+++ b/static/usage/v9/range/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-range {
         max-width: 320px;
diff --git a/static/usage/v9/range/dual-knobs/demo.html b/static/usage/v9/range/dual-knobs/demo.html
index 693a4ad1523..f33e710c3a3 100644
--- a/static/usage/v9/range/dual-knobs/demo.html
+++ b/static/usage/v9/range/dual-knobs/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-range {
         max-width: 320px;
diff --git a/static/usage/v9/range/ion-change-event/demo.html b/static/usage/v9/range/ion-change-event/demo.html
index c5fcf4f7dc7..05e8f25fd12 100644
--- a/static/usage/v9/range/ion-change-event/demo.html
+++ b/static/usage/v9/range/ion-change-event/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .demo {
         max-width: 320px;
diff --git a/static/usage/v9/range/ion-knob-move-event/demo.html b/static/usage/v9/range/ion-knob-move-event/demo.html
index 06c9715e5a9..3613382516c 100644
--- a/static/usage/v9/range/ion-knob-move-event/demo.html
+++ b/static/usage/v9/range/ion-knob-move-event/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .demo {
         max-width: 320px;
diff --git a/static/usage/v9/range/label-slot/demo.html b/static/usage/v9/range/label-slot/demo.html
index 8233280e6e6..c55cd3b0cc5 100644
--- a/static/usage/v9/range/label-slot/demo.html
+++ b/static/usage/v9/range/label-slot/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-range {
         max-width: 400px;
diff --git a/static/usage/v9/range/labels/demo.html b/static/usage/v9/range/labels/demo.html
index 89a7403d9d4..723b04abdfc 100644
--- a/static/usage/v9/range/labels/demo.html
+++ b/static/usage/v9/range/labels/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .wrapper {
         width: calc(100% - 100px);
diff --git a/static/usage/v9/range/no-visible-label/demo.html b/static/usage/v9/range/no-visible-label/demo.html
index a3290fae5b7..6ea180f8cba 100644
--- a/static/usage/v9/range/no-visible-label/demo.html
+++ b/static/usage/v9/range/no-visible-label/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-range {
         max-width: 320px;
diff --git a/static/usage/v9/range/pins/demo.html b/static/usage/v9/range/pins/demo.html
index e1a278802c4..0900182fe62 100644
--- a/static/usage/v9/range/pins/demo.html
+++ b/static/usage/v9/range/pins/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-range {
         max-width: 320px;
diff --git a/static/usage/v9/range/slots/demo.html b/static/usage/v9/range/slots/demo.html
index e307600e28d..c1282a6af00 100644
--- a/static/usage/v9/range/slots/demo.html
+++ b/static/usage/v9/range/slots/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-range {
         max-width: 320px;
diff --git a/static/usage/v9/range/snapping-ticks/demo.html b/static/usage/v9/range/snapping-ticks/demo.html
index d9d3ac5ada4..4ccb446bf09 100644
--- a/static/usage/v9/range/snapping-ticks/demo.html
+++ b/static/usage/v9/range/snapping-ticks/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-range {
         max-width: 320px;
diff --git a/static/usage/v9/range/theming/css-properties/demo.html b/static/usage/v9/range/theming/css-properties/demo.html
index c451db4e0c0..ef65494795f 100644
--- a/static/usage/v9/range/theming/css-properties/demo.html
+++ b/static/usage/v9/range/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-range {
         --bar-background: #a2d2ff;
diff --git a/static/usage/v9/range/theming/css-shadow-parts/demo.html b/static/usage/v9/range/theming/css-shadow-parts/demo.html
index bfa8f9e3ed6..f4d74237093 100644
--- a/static/usage/v9/range/theming/css-shadow-parts/demo.html
+++ b/static/usage/v9/range/theming/css-shadow-parts/demo.html
@@ -6,8 +6,8 @@
     <title>Range</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .container {
         flex-direction: column;
diff --git a/static/usage/v9/refresher/advanced/demo.html b/static/usage/v9/refresher/advanced/demo.html
index 289e6637457..43e2acd0868 100644
--- a/static/usage/v9/refresher/advanced/demo.html
+++ b/static/usage/v9/refresher/advanced/demo.html
@@ -6,8 +6,8 @@
     <title>Refresher</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-item {
diff --git a/static/usage/v9/refresher/basic/demo.html b/static/usage/v9/refresher/basic/demo.html
index c08439a7d37..1a5c27fedb7 100644
--- a/static/usage/v9/refresher/basic/demo.html
+++ b/static/usage/v9/refresher/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Refresher</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/refresher/custom-content/demo.html b/static/usage/v9/refresher/custom-content/demo.html
index 016f4a94ac4..b1d6fca3437 100644
--- a/static/usage/v9/refresher/custom-content/demo.html
+++ b/static/usage/v9/refresher/custom-content/demo.html
@@ -6,8 +6,8 @@
     <title>Refresher</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/refresher/custom-scroll-target/demo.html b/static/usage/v9/refresher/custom-scroll-target/demo.html
index ab49a64fdc5..626d30aaf4b 100644
--- a/static/usage/v9/refresher/custom-scroll-target/demo.html
+++ b/static/usage/v9/refresher/custom-scroll-target/demo.html
@@ -6,8 +6,8 @@
     <title>Refresher</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .ion-content-scroll-host {
diff --git a/static/usage/v9/refresher/pull-properties/demo.html b/static/usage/v9/refresher/pull-properties/demo.html
index 8cb12c8d4dc..941e844dac5 100644
--- a/static/usage/v9/refresher/pull-properties/demo.html
+++ b/static/usage/v9/refresher/pull-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Refresher</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/refresher/pull-start-end-events/demo.html b/static/usage/v9/refresher/pull-start-end-events/demo.html
index a246d308ec6..c65f95214a0 100644
--- a/static/usage/v9/refresher/pull-start-end-events/demo.html
+++ b/static/usage/v9/refresher/pull-start-end-events/demo.html
@@ -6,8 +6,8 @@
     <title>Refresher</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/reorder/basic/demo.html b/static/usage/v9/reorder/basic/demo.html
index 7b8abca0b96..3b2f1777444 100644
--- a/static/usage/v9/reorder/basic/demo.html
+++ b/static/usage/v9/reorder/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Reorder</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/reorder/custom-icon/demo.html b/static/usage/v9/reorder/custom-icon/demo.html
index b089815bd07..0ecd4984d33 100644
--- a/static/usage/v9/reorder/custom-icon/demo.html
+++ b/static/usage/v9/reorder/custom-icon/demo.html
@@ -6,8 +6,8 @@
     <title>Reorder</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/reorder/custom-scroll-target/demo.html b/static/usage/v9/reorder/custom-scroll-target/demo.html
index fb66a69e0ce..149e8963f83 100644
--- a/static/usage/v9/reorder/custom-scroll-target/demo.html
+++ b/static/usage/v9/reorder/custom-scroll-target/demo.html
@@ -6,8 +6,8 @@
     <title>Reorder</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/reorder/reorder-move-event/demo.html b/static/usage/v9/reorder/reorder-move-event/demo.html
index 8ebcd5984ae..2b1c106344b 100644
--- a/static/usage/v9/reorder/reorder-move-event/demo.html
+++ b/static/usage/v9/reorder/reorder-move-event/demo.html
@@ -6,8 +6,8 @@
     <title>Reorder</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/reorder/reorder-start-end-events/demo.html b/static/usage/v9/reorder/reorder-start-end-events/demo.html
index 72e214b83fe..a9bcf896da6 100644
--- a/static/usage/v9/reorder/reorder-start-end-events/demo.html
+++ b/static/usage/v9/reorder/reorder-start-end-events/demo.html
@@ -6,8 +6,8 @@
     <title>Reorder</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/reorder/toggling-disabled/demo.html b/static/usage/v9/reorder/toggling-disabled/demo.html
index 4b5dc99e6e8..8aa545d2886 100644
--- a/static/usage/v9/reorder/toggling-disabled/demo.html
+++ b/static/usage/v9/reorder/toggling-disabled/demo.html
@@ -6,8 +6,8 @@
     <title>Reorder</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/reorder/updating-data/demo.html b/static/usage/v9/reorder/updating-data/demo.html
index a01deb9600c..ed7390761de 100644
--- a/static/usage/v9/reorder/updating-data/demo.html
+++ b/static/usage/v9/reorder/updating-data/demo.html
@@ -6,8 +6,8 @@
     <title>Reorder</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/reorder/wrapper/demo.html b/static/usage/v9/reorder/wrapper/demo.html
index e4520630556..afa510ec24f 100644
--- a/static/usage/v9/reorder/wrapper/demo.html
+++ b/static/usage/v9/reorder/wrapper/demo.html
@@ -6,8 +6,8 @@
     <title>Reorder</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/ripple-effect/basic/demo.html b/static/usage/v9/ripple-effect/basic/demo.html
index 6f5a6be89a1..4f7c43d45b7 100644
--- a/static/usage/v9/ripple-effect/basic/demo.html
+++ b/static/usage/v9/ripple-effect/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Ripple Effect</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .wrapper {
diff --git a/static/usage/v9/ripple-effect/customizing/demo.html b/static/usage/v9/ripple-effect/customizing/demo.html
index 044155f9dec..021e0edd2d6 100644
--- a/static/usage/v9/ripple-effect/customizing/demo.html
+++ b/static/usage/v9/ripple-effect/customizing/demo.html
@@ -6,8 +6,8 @@
     <title>Ripple Effect</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .wrapper {
diff --git a/static/usage/v9/ripple-effect/type/demo.html b/static/usage/v9/ripple-effect/type/demo.html
index 4c6b3486bf2..44d78bcc8ae 100644
--- a/static/usage/v9/ripple-effect/type/demo.html
+++ b/static/usage/v9/ripple-effect/type/demo.html
@@ -6,8 +6,8 @@
     <title>Ripple Effect</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .wrapper {
diff --git a/static/usage/v9/router/basic/demo.html b/static/usage/v9/router/basic/demo.html
index f617f60ea75..8edf1c1e482 100644
--- a/static/usage/v9/router/basic/demo.html
+++ b/static/usage/v9/router/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Router</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/router/nav-within-page/demo.html b/static/usage/v9/router/nav-within-page/demo.html
index 3d043e183fc..458073deacf 100644
--- a/static/usage/v9/router/nav-within-page/demo.html
+++ b/static/usage/v9/router/nav-within-page/demo.html
@@ -8,11 +8,11 @@
     <script src="../../common.js"></script>
     <script
       type="module"
-      src="https://cdn.jsdelivr.net/npm/@ionic/core@8.8.14-dev.11784216165.1ecbf364/dist/ionic/ionic.esm.js"
+      src="https://cdn.jsdelivr.net/npm/@ionic/core@9.8.14-dev.11784216165.1ecbf364/dist/ionic/ionic.esm.js"
     ></script>
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@ionic/core@8.8.14-dev.11784216165.1ecbf364/css/ionic.bundle.css"
+      href="https://cdn.jsdelivr.net/npm/@ionic/core@9.8.14-dev.11784216165.1ecbf364/css/ionic.bundle.css"
     />
   </head>
 
diff --git a/static/usage/v9/searchbar/basic/demo.html b/static/usage/v9/searchbar/basic/demo.html
index cf8eb7f6502..31bc6073b6e 100644
--- a/static/usage/v9/searchbar/basic/demo.html
+++ b/static/usage/v9/searchbar/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Searchbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/searchbar/cancel-button/demo.html b/static/usage/v9/searchbar/cancel-button/demo.html
index 89603d3ad08..9d82b08b4e4 100644
--- a/static/usage/v9/searchbar/cancel-button/demo.html
+++ b/static/usage/v9/searchbar/cancel-button/demo.html
@@ -6,8 +6,8 @@
     <title>Searchbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/searchbar/clear-button/demo.html b/static/usage/v9/searchbar/clear-button/demo.html
index aa2b981919a..db394f21954 100644
--- a/static/usage/v9/searchbar/clear-button/demo.html
+++ b/static/usage/v9/searchbar/clear-button/demo.html
@@ -6,8 +6,8 @@
     <title>Searchbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/searchbar/debounce/demo.html b/static/usage/v9/searchbar/debounce/demo.html
index 976b3f4f159..72005241fdf 100644
--- a/static/usage/v9/searchbar/debounce/demo.html
+++ b/static/usage/v9/searchbar/debounce/demo.html
@@ -6,8 +6,8 @@
     <title>Searchbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/searchbar/search-icon/demo.html b/static/usage/v9/searchbar/search-icon/demo.html
index c2aec330191..351598906cd 100644
--- a/static/usage/v9/searchbar/search-icon/demo.html
+++ b/static/usage/v9/searchbar/search-icon/demo.html
@@ -6,8 +6,8 @@
     <title>Searchbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/searchbar/theming/colors/demo.html b/static/usage/v9/searchbar/theming/colors/demo.html
index 68de7279566..41d65627a75 100644
--- a/static/usage/v9/searchbar/theming/colors/demo.html
+++ b/static/usage/v9/searchbar/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Searchbar</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/searchbar/theming/css-properties/demo.html b/static/usage/v9/searchbar/theming/css-properties/demo.html
index 8b632b5dc6a..f0872db25ef 100644
--- a/static/usage/v9/searchbar/theming/css-properties/demo.html
+++ b/static/usage/v9/searchbar/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Searchbar</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/segment-button/basic/demo.html b/static/usage/v9/segment-button/basic/demo.html
index 06a21d94086..5082662f11f 100644
--- a/static/usage/v9/segment-button/basic/demo.html
+++ b/static/usage/v9/segment-button/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Segment Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/segment-button/layout/demo.html b/static/usage/v9/segment-button/layout/demo.html
index 5455536e0c9..3466803b89f 100644
--- a/static/usage/v9/segment-button/layout/demo.html
+++ b/static/usage/v9/segment-button/layout/demo.html
@@ -6,8 +6,8 @@
     <title>Segment Button</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/segment-button/theming/css-properties/demo.html b/static/usage/v9/segment-button/theming/css-properties/demo.html
index 1be672fe27c..51ff1da044d 100644
--- a/static/usage/v9/segment-button/theming/css-properties/demo.html
+++ b/static/usage/v9/segment-button/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Segment Button</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/segment-button/theming/css-shadow-parts/demo.html b/static/usage/v9/segment-button/theming/css-shadow-parts/demo.html
index 58677cc0795..0d255ee0167 100644
--- a/static/usage/v9/segment-button/theming/css-shadow-parts/demo.html
+++ b/static/usage/v9/segment-button/theming/css-shadow-parts/demo.html
@@ -6,8 +6,8 @@
     <title>Segment Button</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/segment/basic/demo.html b/static/usage/v9/segment/basic/demo.html
index 017a202b5f5..6173a699e8a 100644
--- a/static/usage/v9/segment/basic/demo.html
+++ b/static/usage/v9/segment/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Segment</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/segment/scrollable/demo.html b/static/usage/v9/segment/scrollable/demo.html
index 1ae472521bd..2e47883b646 100644
--- a/static/usage/v9/segment/scrollable/demo.html
+++ b/static/usage/v9/segment/scrollable/demo.html
@@ -6,8 +6,8 @@
     <title>Segment</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/segment/swipeable/demo.html b/static/usage/v9/segment/swipeable/demo.html
index cd7b789a00e..1e4fde4d117 100644
--- a/static/usage/v9/segment/swipeable/demo.html
+++ b/static/usage/v9/segment/swipeable/demo.html
@@ -6,8 +6,8 @@
     <title>Segment - Swipeable</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-segment-view {
diff --git a/static/usage/v9/segment/theming/colors/demo.html b/static/usage/v9/segment/theming/colors/demo.html
index bf3ec701fb2..8d0d6e5ce5c 100644
--- a/static/usage/v9/segment/theming/colors/demo.html
+++ b/static/usage/v9/segment/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Segment</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/segment/theming/css-properties/demo.html b/static/usage/v9/segment/theming/css-properties/demo.html
index bb4dc9df63b..52905adb687 100644
--- a/static/usage/v9/segment/theming/css-properties/demo.html
+++ b/static/usage/v9/segment/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Note</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/select/basic/multiple-selection/demo.html b/static/usage/v9/select/basic/multiple-selection/demo.html
index 4a8387f1b4c..b95ba95efae 100644
--- a/static/usage/v9/select/basic/multiple-selection/demo.html
+++ b/static/usage/v9/select/basic/multiple-selection/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Multiple Selection</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/basic/responding-to-interaction/demo.html b/static/usage/v9/select/basic/responding-to-interaction/demo.html
index 12a9a675c65..ca555896f32 100644
--- a/static/usage/v9/select/basic/responding-to-interaction/demo.html
+++ b/static/usage/v9/select/basic/responding-to-interaction/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Responding to Interaction</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/basic/single-selection/demo.html b/static/usage/v9/select/basic/single-selection/demo.html
index d6892dd1f08..1b3cfede270 100644
--- a/static/usage/v9/select/basic/single-selection/demo.html
+++ b/static/usage/v9/select/basic/single-selection/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Single Selection</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/customization/button-text/demo.html b/static/usage/v9/select/customization/button-text/demo.html
index 33386836448..89ce1e8355a 100644
--- a/static/usage/v9/select/customization/button-text/demo.html
+++ b/static/usage/v9/select/customization/button-text/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Button Text</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/customization/custom-toggle-icons/demo.html b/static/usage/v9/select/customization/custom-toggle-icons/demo.html
index 92abc933396..18ea9a45b47 100644
--- a/static/usage/v9/select/customization/custom-toggle-icons/demo.html
+++ b/static/usage/v9/select/customization/custom-toggle-icons/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Custom Toggle Icons</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/customization/icon-flip-behavior/demo.html b/static/usage/v9/select/customization/icon-flip-behavior/demo.html
index d00b376d88b..2e883c680dc 100644
--- a/static/usage/v9/select/customization/icon-flip-behavior/demo.html
+++ b/static/usage/v9/select/customization/icon-flip-behavior/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Icon Flip Behavior</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-select.always-flip::part(icon) {
diff --git a/static/usage/v9/select/customization/interface-options/demo.html b/static/usage/v9/select/customization/interface-options/demo.html
index 5b861edbeb7..b09f8780556 100644
--- a/static/usage/v9/select/customization/interface-options/demo.html
+++ b/static/usage/v9/select/customization/interface-options/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Interface Options</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container > ion-list {
diff --git a/static/usage/v9/select/customization/styling-select/demo.html b/static/usage/v9/select/customization/styling-select/demo.html
index 503410820bd..3e5e660c6bb 100644
--- a/static/usage/v9/select/customization/styling-select/demo.html
+++ b/static/usage/v9/select/customization/styling-select/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Styling the Select</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-select {
diff --git a/static/usage/v9/select/fill/demo.html b/static/usage/v9/select/fill/demo.html
index f8513ed8410..611f95cbf62 100644
--- a/static/usage/v9/select/fill/demo.html
+++ b/static/usage/v9/select/fill/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/select/helper-error/demo.html b/static/usage/v9/select/helper-error/demo.html
index 1d3a8647b97..b9b893275fc 100644
--- a/static/usage/v9/select/helper-error/demo.html
+++ b/static/usage/v9/select/helper-error/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/interfaces/action-sheet/demo.html b/static/usage/v9/select/interfaces/action-sheet/demo.html
index 45e3b0deaf9..21c7d002a2d 100644
--- a/static/usage/v9/select/interfaces/action-sheet/demo.html
+++ b/static/usage/v9/select/interfaces/action-sheet/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Action Sheet</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/interfaces/modal/demo.html b/static/usage/v9/select/interfaces/modal/demo.html
index 925d2405685..5d81ee10860 100644
--- a/static/usage/v9/select/interfaces/modal/demo.html
+++ b/static/usage/v9/select/interfaces/modal/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Modal</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/interfaces/popover/demo.html b/static/usage/v9/select/interfaces/popover/demo.html
index 53915ab670c..768298d7637 100644
--- a/static/usage/v9/select/interfaces/popover/demo.html
+++ b/static/usage/v9/select/interfaces/popover/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Popover</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/justify/demo.html b/static/usage/v9/select/justify/demo.html
index a0931dacee9..d175225c686 100644
--- a/static/usage/v9/select/justify/demo.html
+++ b/static/usage/v9/select/justify/demo.html
@@ -6,8 +6,8 @@
     <title>select</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/select/label-placement/demo.html b/static/usage/v9/select/label-placement/demo.html
index 4f776c7ade2..c407e2310d7 100644
--- a/static/usage/v9/select/label-placement/demo.html
+++ b/static/usage/v9/select/label-placement/demo.html
@@ -6,8 +6,8 @@
     <title>select</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/select/label-slot/demo.html b/static/usage/v9/select/label-slot/demo.html
index e077eb46339..076d932ec3a 100644
--- a/static/usage/v9/select/label-slot/demo.html
+++ b/static/usage/v9/select/label-slot/demo.html
@@ -6,8 +6,8 @@
     <title>select</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/no-visible-label/demo.html b/static/usage/v9/select/no-visible-label/demo.html
index a3fb5dcdb7e..bbaaf4956a6 100644
--- a/static/usage/v9/select/no-visible-label/demo.html
+++ b/static/usage/v9/select/no-visible-label/demo.html
@@ -6,8 +6,8 @@
     <title>select</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/objects-as-values/multiple-selection/demo.html b/static/usage/v9/select/objects-as-values/multiple-selection/demo.html
index b703f2b9219..64ffeaa327d 100644
--- a/static/usage/v9/select/objects-as-values/multiple-selection/demo.html
+++ b/static/usage/v9/select/objects-as-values/multiple-selection/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Object Values and Multiple Selection</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/objects-as-values/using-comparewith/demo.html b/static/usage/v9/select/objects-as-values/using-comparewith/demo.html
index 0d4258ca24d..54218949ed9 100644
--- a/static/usage/v9/select/objects-as-values/using-comparewith/demo.html
+++ b/static/usage/v9/select/objects-as-values/using-comparewith/demo.html
@@ -6,8 +6,8 @@
     <title>Select - Using compareWith</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/select/rich-content-options/demo.html b/static/usage/v9/select/rich-content-options/demo.html
index 05281012295..9bc45a69c20 100644
--- a/static/usage/v9/select/rich-content-options/demo.html
+++ b/static/usage/v9/select/rich-content-options/demo.html
@@ -17,8 +17,8 @@
         },
       };
     </script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container > ion-list {
diff --git a/static/usage/v9/select/start-end-slots/demo.html b/static/usage/v9/select/start-end-slots/demo.html
index 72885a6b03c..3661bde204b 100644
--- a/static/usage/v9/select/start-end-slots/demo.html
+++ b/static/usage/v9/select/start-end-slots/demo.html
@@ -6,8 +6,8 @@
     <title>Select</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/select/typeahead/demo.html b/static/usage/v9/select/typeahead/demo.html
index d067398d5ed..ff5915ddb9f 100644
--- a/static/usage/v9/select/typeahead/demo.html
+++ b/static/usage/v9/select/typeahead/demo.html
@@ -6,8 +6,8 @@
     <title>Select</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/skeleton-text/basic/demo.html b/static/usage/v9/skeleton-text/basic/demo.html
index 4d8853c9657..1a29180e73f 100644
--- a/static/usage/v9/skeleton-text/basic/demo.html
+++ b/static/usage/v9/skeleton-text/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/skeleton-text/theming/css-properties/demo.html b/static/usage/v9/skeleton-text/theming/css-properties/demo.html
index 9061a80c4b6..c7b8c229dae 100644
--- a/static/usage/v9/skeleton-text/theming/css-properties/demo.html
+++ b/static/usage/v9/skeleton-text/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Accordion</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/spinner/basic/demo.html b/static/usage/v9/spinner/basic/demo.html
index 961f964f0f4..b93f88ab8cf 100644
--- a/static/usage/v9/spinner/basic/demo.html
+++ b/static/usage/v9/spinner/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Spinner</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/spinner/theming/colors/demo.html b/static/usage/v9/spinner/theming/colors/demo.html
index 4d9974ab344..0a1beca6bf8 100644
--- a/static/usage/v9/spinner/theming/colors/demo.html
+++ b/static/usage/v9/spinner/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Spinner</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/spinner/theming/css-properties/demo.html b/static/usage/v9/spinner/theming/css-properties/demo.html
index 7bf25d63fd2..48993da0299 100644
--- a/static/usage/v9/spinner/theming/css-properties/demo.html
+++ b/static/usage/v9/spinner/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Spinner</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-spinner {
diff --git a/static/usage/v9/spinner/theming/resizing/demo.html b/static/usage/v9/spinner/theming/resizing/demo.html
index 2cc30356e74..314a5ed2248 100644
--- a/static/usage/v9/spinner/theming/resizing/demo.html
+++ b/static/usage/v9/spinner/theming/resizing/demo.html
@@ -6,8 +6,8 @@
     <title>Spinner</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-spinner {
diff --git a/static/usage/v9/split-pane/basic/demo.html b/static/usage/v9/split-pane/basic/demo.html
index 7dd67bfbb11..78ff2beed37 100644
--- a/static/usage/v9/split-pane/basic/demo.html
+++ b/static/usage/v9/split-pane/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Spinner</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/split-pane/theming/css-properties/demo.html b/static/usage/v9/split-pane/theming/css-properties/demo.html
index 6cb91e790dd..d4dd6e05ff4 100644
--- a/static/usage/v9/split-pane/theming/css-properties/demo.html
+++ b/static/usage/v9/split-pane/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Spinner</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       ion-split-pane {
         --side-width: 350px;
diff --git a/static/usage/v9/tabs/basic/demo.html b/static/usage/v9/tabs/basic/demo.html
index cab067dd7b0..7025c4f8222 100644
--- a/static/usage/v9/tabs/basic/demo.html
+++ b/static/usage/v9/tabs/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Tabs</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .example-content {
         display: flex;
diff --git a/static/usage/v9/tabs/router/demo.html b/static/usage/v9/tabs/router/demo.html
index 19b9f797b5c..db3aa7fbdd6 100644
--- a/static/usage/v9/tabs/router/demo.html
+++ b/static/usage/v9/tabs/router/demo.html
@@ -6,8 +6,8 @@
     <title>Tabs</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .example-content {
         display: flex;
diff --git a/static/usage/v9/tabs/select-method/demo.html b/static/usage/v9/tabs/select-method/demo.html
index 84d7c253db4..0ba933d0ec7 100644
--- a/static/usage/v9/tabs/select-method/demo.html
+++ b/static/usage/v9/tabs/select-method/demo.html
@@ -6,8 +6,8 @@
     <title>Tabs</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .example-content {
         display: flex;
diff --git a/static/usage/v9/text/basic/demo.html b/static/usage/v9/text/basic/demo.html
index da913cd909f..3ccf505c17e 100644
--- a/static/usage/v9/text/basic/demo.html
+++ b/static/usage/v9/text/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Text</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/textarea/autogrow/demo.html b/static/usage/v9/textarea/autogrow/demo.html
index 145c83dd26c..34282ea0028 100644
--- a/static/usage/v9/textarea/autogrow/demo.html
+++ b/static/usage/v9/textarea/autogrow/demo.html
@@ -6,8 +6,8 @@
     <title>Textarea - Autogrow</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/textarea/basic/demo.html b/static/usage/v9/textarea/basic/demo.html
index 86b133e9142..3ae7a1dc7a7 100644
--- a/static/usage/v9/textarea/basic/demo.html
+++ b/static/usage/v9/textarea/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Textarea - Basic Usage</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/textarea/clear-on-edit/demo.html b/static/usage/v9/textarea/clear-on-edit/demo.html
index b310cc9e82b..9e1adb02600 100644
--- a/static/usage/v9/textarea/clear-on-edit/demo.html
+++ b/static/usage/v9/textarea/clear-on-edit/demo.html
@@ -6,8 +6,8 @@
     <title>Textarea - Clear on Edit</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/textarea/counter/demo.html b/static/usage/v9/textarea/counter/demo.html
index 443e9640607..9906c72bd61 100644
--- a/static/usage/v9/textarea/counter/demo.html
+++ b/static/usage/v9/textarea/counter/demo.html
@@ -6,8 +6,8 @@
     <title>Textarea</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/textarea/fill/demo.html b/static/usage/v9/textarea/fill/demo.html
index 41def170dd8..56632fd3bc5 100644
--- a/static/usage/v9/textarea/fill/demo.html
+++ b/static/usage/v9/textarea/fill/demo.html
@@ -6,8 +6,8 @@
     <title>Textarea</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/textarea/helper-error/demo.html b/static/usage/v9/textarea/helper-error/demo.html
index 9717f30e60d..8d25366c317 100644
--- a/static/usage/v9/textarea/helper-error/demo.html
+++ b/static/usage/v9/textarea/helper-error/demo.html
@@ -6,8 +6,8 @@
     <title>Textarea</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .container ion-textarea {
         width: 300px;
diff --git a/static/usage/v9/textarea/label-placement/demo.html b/static/usage/v9/textarea/label-placement/demo.html
index 785f661eb28..8202caf78b9 100644
--- a/static/usage/v9/textarea/label-placement/demo.html
+++ b/static/usage/v9/textarea/label-placement/demo.html
@@ -6,8 +6,8 @@
     <title>Textarea</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/textarea/label-slot/demo.html b/static/usage/v9/textarea/label-slot/demo.html
index 8896c7d185b..aa0bcb144fd 100644
--- a/static/usage/v9/textarea/label-slot/demo.html
+++ b/static/usage/v9/textarea/label-slot/demo.html
@@ -6,8 +6,8 @@
     <title>textarea</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/textarea/no-visible-label/demo.html b/static/usage/v9/textarea/no-visible-label/demo.html
index cd10187f1fc..f3e99ffb188 100644
--- a/static/usage/v9/textarea/no-visible-label/demo.html
+++ b/static/usage/v9/textarea/no-visible-label/demo.html
@@ -6,8 +6,8 @@
     <title>textarea</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/textarea/start-end-slots/demo.html b/static/usage/v9/textarea/start-end-slots/demo.html
index 6020ec56cf8..960bf0fdae9 100644
--- a/static/usage/v9/textarea/start-end-slots/demo.html
+++ b/static/usage/v9/textarea/start-end-slots/demo.html
@@ -6,8 +6,8 @@
     <title>Textarea</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/textarea/theming/demo.html b/static/usage/v9/textarea/theming/demo.html
index b5b4e025708..b9a60aef458 100644
--- a/static/usage/v9/textarea/theming/demo.html
+++ b/static/usage/v9/textarea/theming/demo.html
@@ -6,8 +6,8 @@
     <title>Textarea - Theming</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
     <style>
       .container {
         padding: 0 40px;
diff --git a/static/usage/v9/theming/always-dark-mode/demo.html b/static/usage/v9/theming/always-dark-mode/demo.html
index 0db36e5cb09..0d0dedcc68d 100644
--- a/static/usage/v9/theming/always-dark-mode/demo.html
+++ b/static/usage/v9/theming/always-dark-mode/demo.html
@@ -6,9 +6,9 @@
     <title>Theming</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/dark.always.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/dark.always.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/theming/always-high-contrast-mode/demo.html b/static/usage/v9/theming/always-high-contrast-mode/demo.html
index 43aff2721f4..215dff44cb7 100644
--- a/static/usage/v9/theming/always-high-contrast-mode/demo.html
+++ b/static/usage/v9/theming/always-high-contrast-mode/demo.html
@@ -6,9 +6,9 @@
     <title>Theming</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/high-contrast.always.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/high-contrast.always.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/theming/class-dark-mode/demo.html b/static/usage/v9/theming/class-dark-mode/demo.html
index 4a1709c0c81..87e0d0b736c 100644
--- a/static/usage/v9/theming/class-dark-mode/demo.html
+++ b/static/usage/v9/theming/class-dark-mode/demo.html
@@ -6,9 +6,9 @@
     <title>Theming</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/dark.class.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/dark.class.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/theming/class-high-contrast-mode/demo.html b/static/usage/v9/theming/class-high-contrast-mode/demo.html
index e8e53a85019..89ba2a9589c 100644
--- a/static/usage/v9/theming/class-high-contrast-mode/demo.html
+++ b/static/usage/v9/theming/class-high-contrast-mode/demo.html
@@ -6,13 +6,13 @@
     <title>Theming</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/dark.class.css" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/high-contrast.class.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/dark.class.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/high-contrast.class.css" />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/high-contrast-dark.class.css"
+      href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/high-contrast-dark.class.css"
     />
   </head>
 
diff --git a/static/usage/v9/theming/system-dark-mode/demo.html b/static/usage/v9/theming/system-dark-mode/demo.html
index 02940ae8895..d5d601958bb 100644
--- a/static/usage/v9/theming/system-dark-mode/demo.html
+++ b/static/usage/v9/theming/system-dark-mode/demo.html
@@ -6,9 +6,9 @@
     <title>Theming</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/dark.system.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/dark.system.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/theming/system-high-contrast-mode/demo.html b/static/usage/v9/theming/system-high-contrast-mode/demo.html
index 541a1f56609..e2d9b99b627 100644
--- a/static/usage/v9/theming/system-high-contrast-mode/demo.html
+++ b/static/usage/v9/theming/system-high-contrast-mode/demo.html
@@ -6,16 +6,16 @@
     <title>Theming</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/dark.system.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/dark.system.css" />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/high-contrast-light.system.css"
+      href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/high-contrast-light.system.css"
     />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/palettes/high-contrast-dark.system.css"
+      href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/palettes/high-contrast-dark.system.css"
     />
   </head>
 
diff --git a/static/usage/v9/thumbnail/basic/demo.html b/static/usage/v9/thumbnail/basic/demo.html
index 0cce5eb58f8..2439ff95144 100644
--- a/static/usage/v9/thumbnail/basic/demo.html
+++ b/static/usage/v9/thumbnail/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Thumbnail</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/thumbnail/item/demo.html b/static/usage/v9/thumbnail/item/demo.html
index 860d90f5e60..f12b63f1305 100644
--- a/static/usage/v9/thumbnail/item/demo.html
+++ b/static/usage/v9/thumbnail/item/demo.html
@@ -6,8 +6,8 @@
     <title>Thumbnail</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/thumbnail/theming/css-properties/demo.html b/static/usage/v9/thumbnail/theming/css-properties/demo.html
index e49ab0cf499..98292371a3c 100644
--- a/static/usage/v9/thumbnail/theming/css-properties/demo.html
+++ b/static/usage/v9/thumbnail/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Thumbnail</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-thumbnail {
diff --git a/static/usage/v9/title/basic/demo.html b/static/usage/v9/title/basic/demo.html
index 269fdbe7229..4aaf479ec67 100644
--- a/static/usage/v9/title/basic/demo.html
+++ b/static/usage/v9/title/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Title</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/title/collapsible-large-title/basic/demo.html b/static/usage/v9/title/collapsible-large-title/basic/demo.html
index ba862352c54..69ad58b121d 100644
--- a/static/usage/v9/title/collapsible-large-title/basic/demo.html
+++ b/static/usage/v9/title/collapsible-large-title/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Title</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/title/collapsible-large-title/buttons/demo.html b/static/usage/v9/title/collapsible-large-title/buttons/demo.html
index 4bb06a20347..b7056cc806c 100644
--- a/static/usage/v9/title/collapsible-large-title/buttons/demo.html
+++ b/static/usage/v9/title/collapsible-large-title/buttons/demo.html
@@ -6,8 +6,8 @@
     <title>Title</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/title/theming/css-properties/demo.html b/static/usage/v9/title/theming/css-properties/demo.html
index 8606c6ab242..8ac5b24b4dc 100644
--- a/static/usage/v9/title/theming/css-properties/demo.html
+++ b/static/usage/v9/title/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Title</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-title.title-large {
diff --git a/static/usage/v9/toast/buttons/demo.html b/static/usage/v9/toast/buttons/demo.html
index c9db7414c53..3c65a948735 100644
--- a/static/usage/v9/toast/buttons/demo.html
+++ b/static/usage/v9/toast/buttons/demo.html
@@ -6,8 +6,8 @@
     <title>Toast</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toast/icon/demo.html b/static/usage/v9/toast/icon/demo.html
index 8f83337b9ce..315d7efe1b3 100644
--- a/static/usage/v9/toast/icon/demo.html
+++ b/static/usage/v9/toast/icon/demo.html
@@ -6,8 +6,8 @@
     <title>Toast</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toast/inline/basic/demo.html b/static/usage/v9/toast/inline/basic/demo.html
index 3c0352c785a..2b0d1a341e9 100644
--- a/static/usage/v9/toast/inline/basic/demo.html
+++ b/static/usage/v9/toast/inline/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Toast | Inline</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toast/inline/is-open/demo.html b/static/usage/v9/toast/inline/is-open/demo.html
index 0135e272713..2b27059edd0 100644
--- a/static/usage/v9/toast/inline/is-open/demo.html
+++ b/static/usage/v9/toast/inline/is-open/demo.html
@@ -6,8 +6,8 @@
     <title>Toast | Inline</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toast/layout/demo.html b/static/usage/v9/toast/layout/demo.html
index cd744266a6a..be94676fefd 100644
--- a/static/usage/v9/toast/layout/demo.html
+++ b/static/usage/v9/toast/layout/demo.html
@@ -6,8 +6,8 @@
     <title>Toast</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toast/position-anchor/demo.html b/static/usage/v9/toast/position-anchor/demo.html
index cc681d0bef9..5ff69598002 100644
--- a/static/usage/v9/toast/position-anchor/demo.html
+++ b/static/usage/v9/toast/position-anchor/demo.html
@@ -6,8 +6,8 @@
     <title>Toast</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/toast/presenting/controller/demo.html b/static/usage/v9/toast/presenting/controller/demo.html
index 8ae2ea55fb1..a1acf67c4e5 100644
--- a/static/usage/v9/toast/presenting/controller/demo.html
+++ b/static/usage/v9/toast/presenting/controller/demo.html
@@ -6,8 +6,8 @@
     <title>Toast</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
@@ -33,7 +33,7 @@
     </ion-app>
 
     <script type="module">
-      import { toastController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/index.esm.js';
+      import { toastController } from 'https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/index.esm.js';
       window.toastController = toastController;
     </script>
 
diff --git a/static/usage/v9/toast/swipe-gesture/demo.html b/static/usage/v9/toast/swipe-gesture/demo.html
index d2cebd4a95e..cdead06dd5c 100644
--- a/static/usage/v9/toast/swipe-gesture/demo.html
+++ b/static/usage/v9/toast/swipe-gesture/demo.html
@@ -6,8 +6,8 @@
     <title>Toast</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toast/theming/demo.html b/static/usage/v9/toast/theming/demo.html
index 1ed49e6c73b..65f8547bed3 100644
--- a/static/usage/v9/toast/theming/demo.html
+++ b/static/usage/v9/toast/theming/demo.html
@@ -6,8 +6,8 @@
     <title>Toast</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-toast.custom-toast {
diff --git a/static/usage/v9/toggle/alignment/demo.html b/static/usage/v9/toggle/alignment/demo.html
index bd8872aa9bb..2f6eec49277 100644
--- a/static/usage/v9/toggle/alignment/demo.html
+++ b/static/usage/v9/toggle/alignment/demo.html
@@ -6,8 +6,8 @@
     <title>Toggle</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toggle/basic/demo.html b/static/usage/v9/toggle/basic/demo.html
index 742fe5f4f18..660a809a31c 100644
--- a/static/usage/v9/toggle/basic/demo.html
+++ b/static/usage/v9/toggle/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Toggle</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toggle/helper-error/demo.html b/static/usage/v9/toggle/helper-error/demo.html
index 25c9bd8ec59..7e7cf7b2034 100644
--- a/static/usage/v9/toggle/helper-error/demo.html
+++ b/static/usage/v9/toggle/helper-error/demo.html
@@ -6,8 +6,8 @@
     <title>Input</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toggle/justify/demo.html b/static/usage/v9/toggle/justify/demo.html
index adac73e6a4c..844488ea58d 100644
--- a/static/usage/v9/toggle/justify/demo.html
+++ b/static/usage/v9/toggle/justify/demo.html
@@ -6,8 +6,8 @@
     <title>Toggle</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-list {
diff --git a/static/usage/v9/toggle/label-placement/demo.html b/static/usage/v9/toggle/label-placement/demo.html
index 035d4db5d79..805a7bacfd2 100644
--- a/static/usage/v9/toggle/label-placement/demo.html
+++ b/static/usage/v9/toggle/label-placement/demo.html
@@ -6,8 +6,8 @@
     <title>Toggle</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toggle/list/demo.html b/static/usage/v9/toggle/list/demo.html
index 3f0db9d2af2..5dd70b2ff21 100644
--- a/static/usage/v9/toggle/list/demo.html
+++ b/static/usage/v9/toggle/list/demo.html
@@ -6,8 +6,8 @@
     <title>Toggle</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toggle/on-off/demo.html b/static/usage/v9/toggle/on-off/demo.html
index dd19bd2fb5c..60cde1df7e9 100644
--- a/static/usage/v9/toggle/on-off/demo.html
+++ b/static/usage/v9/toggle/on-off/demo.html
@@ -6,8 +6,8 @@
     <title>Toggle</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toggle/theming/colors/demo.html b/static/usage/v9/toggle/theming/colors/demo.html
index 06beb784080..a9f59b5e6b1 100644
--- a/static/usage/v9/toggle/theming/colors/demo.html
+++ b/static/usage/v9/toggle/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Toggle</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toggle/theming/css-properties/demo.html b/static/usage/v9/toggle/theming/css-properties/demo.html
index c582447669e..72db756b63b 100644
--- a/static/usage/v9/toggle/theming/css-properties/demo.html
+++ b/static/usage/v9/toggle/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-toggle {
diff --git a/static/usage/v9/toggle/theming/css-shadow-parts/demo.html b/static/usage/v9/toggle/theming/css-shadow-parts/demo.html
index 696de2121fc..fddcc35400f 100644
--- a/static/usage/v9/toggle/theming/css-shadow-parts/demo.html
+++ b/static/usage/v9/toggle/theming/css-shadow-parts/demo.html
@@ -6,8 +6,8 @@
     <title>Item</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       ion-toggle {
diff --git a/static/usage/v9/toolbar/basic/demo.html b/static/usage/v9/toolbar/basic/demo.html
index b9873e484db..344095d39e9 100644
--- a/static/usage/v9/toolbar/basic/demo.html
+++ b/static/usage/v9/toolbar/basic/demo.html
@@ -6,8 +6,8 @@
     <title>Toolbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toolbar/buttons/demo.html b/static/usage/v9/toolbar/buttons/demo.html
index dd27e1d0198..eb78f943d2f 100644
--- a/static/usage/v9/toolbar/buttons/demo.html
+++ b/static/usage/v9/toolbar/buttons/demo.html
@@ -6,8 +6,8 @@
     <title>Toolbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/toolbar/progress-bars/demo.html b/static/usage/v9/toolbar/progress-bars/demo.html
index 3b4401698e3..f30ccd42ca2 100644
--- a/static/usage/v9/toolbar/progress-bars/demo.html
+++ b/static/usage/v9/toolbar/progress-bars/demo.html
@@ -6,8 +6,8 @@
     <title>Toolbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toolbar/searchbars/demo.html b/static/usage/v9/toolbar/searchbars/demo.html
index 8a2933af781..565d6b68c6b 100644
--- a/static/usage/v9/toolbar/searchbars/demo.html
+++ b/static/usage/v9/toolbar/searchbars/demo.html
@@ -6,8 +6,8 @@
     <title>Toolbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toolbar/segments/demo.html b/static/usage/v9/toolbar/segments/demo.html
index 70587a19bbc..7580bf51736 100644
--- a/static/usage/v9/toolbar/segments/demo.html
+++ b/static/usage/v9/toolbar/segments/demo.html
@@ -6,8 +6,8 @@
     <title>Toolbar</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>
diff --git a/static/usage/v9/toolbar/theming/colors/demo.html b/static/usage/v9/toolbar/theming/colors/demo.html
index c8906e7fa4c..daab82e33e7 100644
--- a/static/usage/v9/toolbar/theming/colors/demo.html
+++ b/static/usage/v9/toolbar/theming/colors/demo.html
@@ -6,8 +6,8 @@
     <title>Toolbar</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {
diff --git a/static/usage/v9/toolbar/theming/css-properties/demo.html b/static/usage/v9/toolbar/theming/css-properties/demo.html
index c4d84c5ff6b..fdb73e31a9b 100644
--- a/static/usage/v9/toolbar/theming/css-properties/demo.html
+++ b/static/usage/v9/toolbar/theming/css-properties/demo.html
@@ -6,8 +6,8 @@
     <title>Toolbar</title>
     <link rel="stylesheet" href="../../../common.css" />
     <script src="../../../common.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
 
     <style>
       .container {

From 790423aa62172231a4af92f89bbca054defe09ac Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 14 Aug 2026 11:38:52 -0400
Subject: [PATCH 2/8] docs(stackblitz): update ionic versions to use v9

---
 .../code/stackblitz/v9/angular/package-lock.json   | 10 +++++-----
 static/code/stackblitz/v9/angular/package.json     |  4 ++--
 static/code/stackblitz/v9/html/package-lock.json   |  4 ++--
 static/code/stackblitz/v9/html/package.json        |  2 +-
 static/code/stackblitz/v9/react/package-lock.json  | 14 +++++++-------
 static/code/stackblitz/v9/react/package.json       |  4 ++--
 static/code/stackblitz/v9/vue/package-lock.json    | 14 +++++++-------
 static/code/stackblitz/v9/vue/package.json         |  4 ++--
 8 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/static/code/stackblitz/v9/angular/package-lock.json b/static/code/stackblitz/v9/angular/package-lock.json
index 97a585ab181..3c8e52fb9b1 100644
--- a/static/code/stackblitz/v9/angular/package-lock.json
+++ b/static/code/stackblitz/v9/angular/package-lock.json
@@ -14,8 +14,8 @@
         "@angular/platform-browser": "^22.0.0",
         "@angular/platform-browser-dynamic": "^22.0.0",
         "@angular/router": "^22.0.0",
-        "@ionic/angular": "8.8.16-dev.11785274070.1b3387c9",
-        "@ionic/core": "8.8.16-dev.11785274070.1b3387c9",
+        "@ionic/angular": "9.0.0",
+        "@ionic/core": "9.0.0",
         "ionicons": "8.1.0",
         "rxjs": "^7.8.1",
         "tslib": "^2.5.0"
@@ -2578,10 +2578,10 @@
       }
     },
     "node_modules/@ionic/angular": {
-      "version": "8.8.16-dev.11785274070.1b3387c9",
+      "version": "9.0.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.8.16-dev.11785274070.1b3387c9",
+        "@ionic/core": "9.0.0",
         "ionicons": "^8.0.13",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -2600,7 +2600,7 @@
       }
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.16-dev.11785274070.1b3387c9",
+      "version": "9.0.0",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.43.5",
diff --git a/static/code/stackblitz/v9/angular/package.json b/static/code/stackblitz/v9/angular/package.json
index 14ca327fd6b..428883636a4 100644
--- a/static/code/stackblitz/v9/angular/package.json
+++ b/static/code/stackblitz/v9/angular/package.json
@@ -15,8 +15,8 @@
     "@angular/platform-browser": "^22.0.0",
     "@angular/platform-browser-dynamic": "^22.0.0",
     "@angular/router": "^22.0.0",
-    "@ionic/angular": "8.8.16-dev.11785274070.1b3387c9",
-    "@ionic/core": "8.8.16-dev.11785274070.1b3387c9",
+    "@ionic/angular": "9.0.0",
+    "@ionic/core": "9.0.0",
     "ionicons": "8.1.0",
     "rxjs": "^7.8.1",
     "tslib": "^2.5.0"
diff --git a/static/code/stackblitz/v9/html/package-lock.json b/static/code/stackblitz/v9/html/package-lock.json
index 12e82524358..ea715a74614 100644
--- a/static/code/stackblitz/v9/html/package-lock.json
+++ b/static/code/stackblitz/v9/html/package-lock.json
@@ -6,7 +6,7 @@
     "": {
       "name": "html-starter",
       "dependencies": {
-        "@ionic/core": "8.8.16-dev.11785274070.1b3387c9",
+        "@ionic/core": "9.0.0",
         "ionicons": "8.1.0"
       },
       "devDependencies": {
@@ -16,7 +16,7 @@
       }
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.16-dev.11785274070.1b3387c9",
+      "version": "9.0.0",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.43.5",
diff --git a/static/code/stackblitz/v9/html/package.json b/static/code/stackblitz/v9/html/package.json
index bc907dec2c1..24028b0a433 100644
--- a/static/code/stackblitz/v9/html/package.json
+++ b/static/code/stackblitz/v9/html/package.json
@@ -9,7 +9,7 @@
     "start": "vite preview"
   },
   "dependencies": {
-    "@ionic/core": "8.8.16-dev.11785274070.1b3387c9",
+    "@ionic/core": "9.0.0",
     "ionicons": "8.1.0"
   },
   "devDependencies": {
diff --git a/static/code/stackblitz/v9/react/package-lock.json b/static/code/stackblitz/v9/react/package-lock.json
index cf7e7a5258b..7e26ca203d7 100644
--- a/static/code/stackblitz/v9/react/package-lock.json
+++ b/static/code/stackblitz/v9/react/package-lock.json
@@ -8,8 +8,8 @@
       "name": "vite-react-typescript",
       "version": "0.1.0",
       "dependencies": {
-        "@ionic/react": "8.8.16-dev.11785274070.1b3387c9",
-        "@ionic/react-router": "8.8.16-dev.11785274070.1b3387c9",
+        "@ionic/react": "9.0.0",
+        "@ionic/react-router": "9.0.0",
         "@types/node": "^24.0.0",
         "@types/react": "^19.0.0",
         "@types/react-dom": "^19.0.0",
@@ -254,7 +254,7 @@
       "license": "MIT"
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.16-dev.11785274070.1b3387c9",
+      "version": "9.0.0",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.43.5",
@@ -266,10 +266,10 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "8.8.16-dev.11785274070.1b3387c9",
+      "version": "9.0.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.8.16-dev.11785274070.1b3387c9",
+        "@ionic/core": "9.0.0",
         "@stencil/react-output-target": "^1.5.2",
         "ionicons": "^8.0.13",
         "tslib": "*"
@@ -280,10 +280,10 @@
       }
     },
     "node_modules/@ionic/react-router": {
-      "version": "8.8.16-dev.11785274070.1b3387c9",
+      "version": "9.0.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "8.8.16-dev.11785274070.1b3387c9",
+        "@ionic/react": "9.0.0",
         "tslib": "*"
       },
       "peerDependencies": {
diff --git a/static/code/stackblitz/v9/react/package.json b/static/code/stackblitz/v9/react/package.json
index e7b90047e43..24bce9ef9c3 100644
--- a/static/code/stackblitz/v9/react/package.json
+++ b/static/code/stackblitz/v9/react/package.json
@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@ionic/react": "8.8.16-dev.11785274070.1b3387c9",
-    "@ionic/react-router": "8.8.16-dev.11785274070.1b3387c9",
+    "@ionic/react": "9.0.0",
+    "@ionic/react-router": "9.0.0",
     "@types/node": "^24.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
diff --git a/static/code/stackblitz/v9/vue/package-lock.json b/static/code/stackblitz/v9/vue/package-lock.json
index a71edbce4a5..43ec86a5a90 100644
--- a/static/code/stackblitz/v9/vue/package-lock.json
+++ b/static/code/stackblitz/v9/vue/package-lock.json
@@ -8,8 +8,8 @@
       "name": "vite-vue-starter",
       "version": "0.0.0",
       "dependencies": {
-        "@ionic/vue": "8.8.16-dev.11785274070.1b3387c9",
-        "@ionic/vue-router": "8.8.16-dev.11785274070.1b3387c9",
+        "@ionic/vue": "9.0.0",
+        "@ionic/vue-router": "9.0.0",
         "vue": "^3.2.25",
         "vue-router": "5.1.0"
       },
@@ -112,7 +112,7 @@
       }
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.16-dev.11785274070.1b3387c9",
+      "version": "9.0.0",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.43.5",
@@ -124,19 +124,19 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "8.8.16-dev.11785274070.1b3387c9",
+      "version": "9.0.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.8.16-dev.11785274070.1b3387c9",
+        "@ionic/core": "9.0.0",
         "@stencil/vue-output-target": "0.13.1",
         "ionicons": "^8.0.13"
       }
     },
     "node_modules/@ionic/vue-router": {
-      "version": "8.8.16-dev.11785274070.1b3387c9",
+      "version": "9.0.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "8.8.16-dev.11785274070.1b3387c9"
+        "@ionic/vue": "9.0.0"
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
diff --git a/static/code/stackblitz/v9/vue/package.json b/static/code/stackblitz/v9/vue/package.json
index c69fe58449b..5adf29f0b8a 100644
--- a/static/code/stackblitz/v9/vue/package.json
+++ b/static/code/stackblitz/v9/vue/package.json
@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ionic/vue": "8.8.16-dev.11785274070.1b3387c9",
-    "@ionic/vue-router": "8.8.16-dev.11785274070.1b3387c9",
+    "@ionic/vue": "9.0.0",
+    "@ionic/vue-router": "9.0.0",
     "vue": "^3.2.25",
     "vue-router": "5.1.0"
   },

From 69c1e08dac12d7f2c24d3ac05c8fab8851907797 Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 14 Aug 2026 11:39:21 -0400
Subject: [PATCH 3/8] docs(docusaurus): usage latest for v9 docs

---
 plugins/docusaurus-plugin-ionic-component-api/index.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/plugins/docusaurus-plugin-ionic-component-api/index.js b/plugins/docusaurus-plugin-ionic-component-api/index.js
index d4dc286f1c2..0eedab78337 100644
--- a/plugins/docusaurus-plugin-ionic-component-api/index.js
+++ b/plugins/docusaurus-plugin-ionic-component-api/index.js
@@ -54,9 +54,7 @@ module.exports = function (context, options) {
         await generateMarkdownForVersion(version, npmTag, context.i18n.currentLocale, false);
       }
 
-      // TODO(FW-7097): Replace this with `latest` when v9 is released.
-      // Dev build from the `major-9.0` branch of `ionic-framework` (sha a334b43).
-      let npmTag = '8.8.16-dev.11784913436.1a334b43';
+      let npmTag = 'latest';
       if (currentVersion.banner === 'unreleased') {
         npmTag = 'next';
       } else if (currentVersion.path !== undefined) {

From 4c98b3e66fb1bd7437a6406c25f3f10b0227f512 Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 14 Aug 2026 11:44:40 -0400
Subject: [PATCH 4/8] docs(support): update support tables for v9 release

---
 docs/reference/support.md                      | 4 ++--
 versioned_docs/version-v8/reference/support.md | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/reference/support.md b/docs/reference/support.md
index b31fa83956b..944bc112f6c 100644
--- a/docs/reference/support.md
+++ b/docs/reference/support.md
@@ -22,8 +22,8 @@ The current status of each Ionic Framework version is:
 
 | Version |     Status     |   Released   | Maintenance Ends | Ext. Support Ends |
 | :-----: | :------------: | :----------: | :--------------: | :---------------: |
-|   V9    |   **Active**   |     TBD      |       TBD        |        TBD        |
-|   V8    |  Maintenance   | Apr 17, 2024 |       TBD        |        TBD        |
+|   V9    |   **Active**   | Aug 17, 2026 |       TBD        |        TBD        |
+|   V8    |  Maintenance   | Apr 17, 2024 |   Feb 17, 2027   |   Aug 17, 2027    |
 |   V7    | End of Support | Mar 29, 2023 |   Oct 17, 2024   |   Apr 17, 2025    |
 |   V6    | End of Support | Dec 8, 2021  |   Sep 29, 2023   |   Mar 29, 2024    |
 |   V5    | End of Support | Feb 11, 2020 |   June 8, 2022   |    Dec 8, 2022    |
diff --git a/versioned_docs/version-v8/reference/support.md b/versioned_docs/version-v8/reference/support.md
index e8544c69a58..cf1e964287f 100644
--- a/versioned_docs/version-v8/reference/support.md
+++ b/versioned_docs/version-v8/reference/support.md
@@ -22,7 +22,7 @@ The current status of each Ionic Framework version is:
 
 | Version |     Status      |   Released   | Maintenance Ends | Ext. Support Ends |
 | :-----: | :-------------: | :----------: | :--------------: | :---------------: |
-|   V8    | **Maintenance** | Apr 17, 2024 |       TBD        |        TBD        |
+|   V8    | **Maintenance** | Apr 17, 2024 |   Feb 17, 2026   |   Aug 17, 2027    |
 |   V7    | End of Support  | Mar 29, 2023 |   Oct 17, 2024   |   Apr 17, 2025    |
 |   V6    | End of Support  | Dec 8, 2021  |   Sep 29, 2023   |   Mar 29, 2024    |
 |   V5    | End of Support  | Feb 11, 2020 |   June 8, 2022   |    Dec 8, 2022    |

From 18c6776d3d04072902fc5ee7b925cb4a0585b72d Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 14 Aug 2026 11:54:31 -0400
Subject: [PATCH 5/8] docs(v9): update to v9 references everywhere

---
 _templates/README.md                             |  2 +-
 _templates/playground/new/index.js               |  4 ++--
 docs/vue/overview.md                             |  2 +-
 static/usage/v9/router/nav-within-page/demo.html | 10 ++--------
 4 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/_templates/README.md b/_templates/README.md
index 60a3ebef83d..7f5e1fe828a 100644
--- a/_templates/README.md
+++ b/_templates/README.md
@@ -26,7 +26,7 @@ Once you've generated your playground, you need to add it to the main markdown f
 ```
 ## Feature
 
-import Feature from '@site/static/usage/v8/button/feature/index.md';
+import Feature from '@site/static/usage/v9/button/feature/index.md';
 
 <Feature />
 ```
diff --git a/_templates/playground/new/index.js b/_templates/playground/new/index.js
index c6f9fb53b6c..c69d04db737 100644
--- a/_templates/playground/new/index.js
+++ b/_templates/playground/new/index.js
@@ -54,8 +54,8 @@ module.exports = {
               type: 'select',
               name: 'version',
               message: 'Select the Ionic Framework version for the playground',
-              initial: '8',
-              choices: ['6', '7', '8'],
+              initial: '9',
+              choices: ['6', '7', '8', '9'],
             },
             {
               type: 'toggle',
diff --git a/docs/vue/overview.md b/docs/vue/overview.md
index 63bf3db74f7..f867fe05796 100644
--- a/docs/vue/overview.md
+++ b/docs/vue/overview.md
@@ -18,7 +18,7 @@ import DocsCards from '@components/global/DocsCards';
 
 ## Vue Version Support
 
-Ionic Vue v8 supports Vue 3.x. For detailed information on supported versions and our support policy, refer to the [Ionic Vue Support Policy](/docs/reference/support#ionic-vue).
+Ionic Vue v9 supports Vue 3.5 and later. For detailed information on supported versions and our support policy, refer to the [Ionic Vue Support Policy](/docs/reference/support#ionic-vue).
 
 ## Vue Tooling
 
diff --git a/static/usage/v9/router/nav-within-page/demo.html b/static/usage/v9/router/nav-within-page/demo.html
index 458073deacf..487ee4376d6 100644
--- a/static/usage/v9/router/nav-within-page/demo.html
+++ b/static/usage/v9/router/nav-within-page/demo.html
@@ -6,14 +6,8 @@
     <title>Router | ion-nav within a Routed Page</title>
     <link rel="stylesheet" href="../../common.css" />
     <script src="../../common.js"></script>
-    <script
-      type="module"
-      src="https://cdn.jsdelivr.net/npm/@ionic/core@9.8.14-dev.11784216165.1ecbf364/dist/ionic/ionic.esm.js"
-    ></script>
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@ionic/core@9.8.14-dev.11784216165.1ecbf364/css/ionic.bundle.css"
-    />
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@9/dist/ionic/ionic.esm.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@9/css/ionic.bundle.css" />
   </head>
 
   <body>

From f8e4e72777dafcfcfcb04ead1ba34524bc024737 Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 14 Aug 2026 11:56:03 -0400
Subject: [PATCH 6/8] docs(angular): update to include 22 as a supported
 version

---
 docs/angular/overview.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/angular/overview.md b/docs/angular/overview.md
index 8bc9107a9d5..7cf13ffcdb8 100644
--- a/docs/angular/overview.md
+++ b/docs/angular/overview.md
@@ -18,7 +18,7 @@ import DocsCards from '@components/global/DocsCards';
 
 ## Angular Version Support
 
-Ionic Angular v9 supports Angular versions 18 through 21. For detailed information on supported versions and our support policy, refer to the [Ionic Angular Support Policy](/docs/reference/support#ionic-angular).
+Ionic Angular v9 supports Angular versions 18 through 22. For detailed information on supported versions and our support policy, refer to the [Ionic Angular Support Policy](/docs/reference/support#ionic-angular).
 
 ## Angular Tooling
 

From 3491b2ad9e8eb2463defa64aac3d7a4af1fa6429 Mon Sep 17 00:00:00 2001
From: Brandy Smith <brandyscarney@users.noreply.github.com>
Date: Fri, 14 Aug 2026 13:14:57 -0400
Subject: [PATCH 7/8] Update versioned_docs/version-v8/reference/support.md

Co-authored-by: Shane <shane@shanessite.net>
---
 versioned_docs/version-v8/reference/support.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/versioned_docs/version-v8/reference/support.md b/versioned_docs/version-v8/reference/support.md
index cf1e964287f..54a7427fcfd 100644
--- a/versioned_docs/version-v8/reference/support.md
+++ b/versioned_docs/version-v8/reference/support.md
@@ -22,7 +22,7 @@ The current status of each Ionic Framework version is:
 
 | Version |     Status      |   Released   | Maintenance Ends | Ext. Support Ends |
 | :-----: | :-------------: | :----------: | :--------------: | :---------------: |
-|   V8    | **Maintenance** | Apr 17, 2024 |   Feb 17, 2026   |   Aug 17, 2027    |
+|   V8    | **Maintenance** | Apr 17, 2024 |   Feb 17, 2027   |   Aug 17, 2027    |
 |   V7    | End of Support  | Mar 29, 2023 |   Oct 17, 2024   |   Apr 17, 2025    |
 |   V6    | End of Support  | Dec 8, 2021  |   Sep 29, 2023   |   Mar 29, 2024    |
 |   V5    | End of Support  | Feb 11, 2020 |   June 8, 2022   |    Dec 8, 2022    |

From 9a22a9f36b9214f4351de35d71a5253dabcb022c Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 14 Aug 2026 13:18:33 -0400
Subject: [PATCH 8/8] docs(vercel): update redirect links from v8 to v9

---
 vercel.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/vercel.json b/vercel.json
index 8c7509aaf63..ea4a0e6d7de 100644
--- a/vercel.json
+++ b/vercel.json
@@ -41,13 +41,13 @@
       "source": "/docs/ja/",
       "destination": "/docs/ja"
     },
-    { "source": "/docs/ja/v8/:match*", "destination": "/docs/ja/:match*" },
+    { "source": "/docs/ja/v9/:match*", "destination": "/docs/ja/:match*" },
     {
       "source": "/docs/(v5|next)?/developer-resources/:path*",
       "destination": "https://ionic.io/resources"
     },
     { "source": "/docs/next/:match*", "destination": "/docs/:match*" },
-    { "source": "/docs/v8/:match*", "destination": "/docs/:match*" },
+    { "source": "/docs/v9/:match*", "destination": "/docs/:match*" },
     {
       "source": "/docs/react",
       "destination": "/docs/react/overview"