@ionic/core 8.8.7-dev.11779467048.1641d05e → 8.8.7-dev.11779921691.1777274a

package/dist/cjs/{overlays-C54DhaTC.js → overlays-H4z8xPi9.js}

@@ -3,10 +3,9 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var index = require('./index-CzcLEdQ5.js');
-var frameworkDelegate = require('./framework-delegate-Dx9FrqAC.js');
+var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
+var focusVisible = require('./index-BDthk8R7.js');
+var frameworkDelegate = require('./framework-delegate-C1LqXDzY.js');
 var gestureController = require('./gesture-controller-dtqlP_q4.js');
 
 /**
@@ -92,7 +91,7 @@ const focusElementInContext = (hostToFocus, fallbackElement) => {
             radioGroup.setFocus();
         }
         else {
-            helpers.focusVisibleElement(elementToFocus);
+            focusVisible.focusVisibleElement(elementToFocus);
         }
     }
     else {
@@ -104,101 +103,8 @@ const focusElementInContext = (hostToFocus, fallbackElement) => {
 let lastOverlayIndex = 0;
 let lastId = 0;
 const activeAnimations = new WeakMap();
-const OVERLAY_FOCUS_TRAP_SELECTOR = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker-legacy,ion-popover';
-const ION_SELECT_MODAL_SELECTOR = 'ion-select-modal';
-const isSelectModalOptionControl = (el) => el.tagName === 'ION-RADIO' || el.tagName === 'ION-CHECKBOX';
 /**
- * Returns the currently focused element for keyboard focus checks.
- *
- * Starts from `document.activeElement` (non-shadow / light DOM focus).
- * If focus is inside one or more open shadow roots
- * (e.g. native control inside `ion-radio`), walks through nested
- * `shadowRoot.activeElement` values until the innermost focused node is reached.
- */
-const getActiveElement = (ownerDoc) => {
-    var _a;
-    let active = ownerDoc.activeElement;
-    if (!active) {
-        return null;
-    }
-    while ((_a = active.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) {
-        active = active.shadowRoot.activeElement;
-    }
-    return active;
-};
-/**
- * Walks from a focused node (possibly deep inside shadow roots)
- * up to the nearest `ion-radio` / `ion-checkbox` host.
- */
-const getOptionControlHost = (active) => {
-    let n = active;
-    while (n) {
-        if (isSelectModalOptionControl(n)) {
-            return n;
-        }
-        const root = n.getRootNode();
-        if (root instanceof ShadowRoot && root.host instanceof HTMLElement) {
-            n = root.host;
-        }
-        else {
-            return null;
-        }
-    }
-    return null;
-};
-/**
- * Sheet modals can have visual order that differs from DOM order.
- * Without sorting, Tab can skip the handle after option traversal.
- *
- * Order: option controls (radio/checkbox) → sheet handle → end-slot
- * header button. Any other focusables are appended after.
- */
-const sortSheetModalFocusables = (overlay, elements) => {
-    const optionControls = elements.filter((el) => {
-        return overlay.contains(el) && isSelectModalOptionControl(el) && el.tabIndex >= 0;
-    });
-    const cancelControl = elements.find((el) => overlay.contains(el) &&
-        el.tagName === 'ION-BUTTON' &&
-        el.closest('ion-header ion-buttons[slot="end"]') !== null);
-    const handleControl = elements.find((el) => el.classList.contains('modal-handle'));
-    const sortByGeometry = (els) => [...els].sort((a, b) => {
-        const ra = a.getBoundingClientRect();
-        const rb = b.getBoundingClientRect();
-        const topDiff = ra.top - rb.top;
-        if (Math.abs(topDiff) > 1) {
-            return topDiff;
-        }
-        return ra.left - rb.left;
-    });
-    const ordered = [];
-    ordered.push(...sortByGeometry(optionControls));
-    if (handleControl) {
-        ordered.push(handleControl);
-    }
-    if (cancelControl) {
-        ordered.push(cancelControl);
-    }
-    const used = new Set(ordered);
-    for (const el of elements) {
-        if (!used.has(el)) {
-            ordered.push(el);
-        }
-    }
-    return ordered;
-};
-/**
- * Option controls in groups use a tabindex pattern where only one
- * option is tabbable (`tabIndex="0"`) while the others are `-1`.
- * This returns the index of that current tabbable option.
- */
-const getTabbableOptionControlIndex = (elements, overlay) => {
-    return elements.findIndex((el) => {
-        return overlay.contains(el) && isSelectModalOptionControl(el) && el.tabIndex >= 0;
-    });
-};
-/**
- * Determines if the overlay's backdrop is always blocking
- * (no background interaction).
+ * Determines if the overlay's backdrop is always blocking (no background interaction).
  * Returns false if showBackdrop=false or backdropBreakpoint > 0.
  */
 const isBackdropAlwaysBlocking = (el) => {
@@ -277,7 +183,7 @@ const createOverlay = (tagName, opts) => {
             Object.assign(element, Object.assign(Object.assign({}, opts), { hasController: true }));
             // append the overlay element to the document body
             getAppRoot(document).appendChild(element);
-            return new Promise((resolve) => helpers.componentOnReady(element, resolve));
+            return focusVisible.waitForComponentReady(element);
         });
     }
     return Promise.resolve();
@@ -304,7 +210,7 @@ const focusElementInOverlay = (hostToFocus, overlay) => {
         elementToFocus = shadowRoot.querySelector(focusableQueryString) || hostToFocus;
     }
     if (elementToFocus) {
-        helpers.focusVisibleElement(elementToFocus);
+        focusVisible.focusVisibleElement(elementToFocus);
     }
     else {
         // Focus overlay instead of letting focus escape
@@ -319,7 +225,7 @@ const focusElementInOverlay = (hostToFocus, overlay) => {
  * Should NOT include: Toast
  */
 const trapKeyboardFocus = (ev, doc) => {
-    const lastOverlay = getPresentedOverlay(doc, OVERLAY_FOCUS_TRAP_SELECTOR);
+    const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker-legacy,ion-popover');
     const target = ev.target;
     /**
      * If no active overlay, ignore this event.
@@ -384,7 +290,7 @@ const trapKeyboardFocus = (ev, doc) => {
              * We do not want to focus the traps, so get the overlay
              * wrapper element as the traps live outside of the wrapper.
              */
-            const overlayRoot = helpers.getElementRoot(lastOverlay);
+            const overlayRoot = focusVisible.getElementRoot(lastOverlay);
             if (!overlayRoot.contains(target)) {
                 return;
             }
@@ -502,30 +408,6 @@ const connectListeners = (doc) => {
         doc.addEventListener('focus', (ev) => {
             trapKeyboardFocus(ev, doc);
         }, true);
-        /**
-         * Remember which option control last received focus
-         * (arrows, click, or Tab). This pattern keeps `tabIndex=0` on the
-         * checked/first radio, so the Tab trap uses this when wrapping back
-         * into the list or focusing the option-group slot.
-         */
-        doc.addEventListener('focusin', (ev) => {
-            const lastOverlay = getPresentedOverlay(doc, OVERLAY_FOCUS_TRAP_SELECTOR);
-            if (!lastOverlay || lastOverlay.classList.contains(FOCUS_TRAP_DISABLE_CLASS)) {
-                return;
-            }
-            const isSheetModal = lastOverlay.classList.contains('modal-sheet');
-            if (!isSheetModal) {
-                return;
-            }
-            const target = ev.target;
-            if (!(target instanceof HTMLElement)) {
-                return;
-            }
-            const optionHost = getOptionControlHost(target);
-            if (optionHost && lastOverlay.contains(optionHost)) {
-                lastOverlay.trapLastSheetOptionControl = optionHost;
-            }
-        }, true);
         // Listen for keydown events to intercept Tab navigation.
         // This is needed for Safari and Firefox which may skip focusable
         // elements or allow focus to escape the overlay.
@@ -535,10 +417,10 @@ const connectListeners = (doc) => {
             var _a, _b, _c;
             if (ev.key !== 'Tab' && ev.key !== 'Alt+Tab')
                 return;
-            const lastOverlay = getPresentedOverlay(doc, OVERLAY_FOCUS_TRAP_SELECTOR);
+            const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker-legacy,ion-popover');
             if (!lastOverlay || lastOverlay.classList.contains(FOCUS_TRAP_DISABLE_CLASS))
                 return;
-            const activeElement = getActiveElement(doc);
+            const activeElement = doc.activeElement;
             if (activeElement === lastOverlay) {
                 ev.preventDefault();
                 focusFirstDescendant(lastOverlay);
@@ -554,32 +436,16 @@ const connectListeners = (doc) => {
             if (!isInsideOverlay)
                 return;
             // Get all focusable elements from both light and shadow DOM
-            let allFocusable = [
+            const allFocusable = [
                 ...lastOverlay.querySelectorAll(focusableQueryString),
                 ...(((_c = lastOverlay.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll(focusableQueryString)) || []),
             ];
-            const selectModalEl = lastOverlay.querySelector(ION_SELECT_MODAL_SELECTOR);
-            const isSheetModal = lastOverlay.classList.contains('modal-sheet');
-            /**
-             * Some sheet modal content, including ion-select-modal,
-             * renders option containers as `ion-item.select-interface-option`.
-             * These can match focusable selectors in some builds but
-             * are not intended tab stops. Keep only true interactive
-             * controls so Tab can move from options to header
-             * controls/handle.
-             */
-            if (selectModalEl) {
-                allFocusable = allFocusable.filter((el) => !el.matches('ion-item.select-interface-option'));
-            }
-            if (isSheetModal) {
-                allFocusable = sortSheetModalFocusables(lastOverlay, allFocusable);
-            }
             if (allFocusable.length === 0) {
                 ev.preventDefault();
                 return;
             }
             // Find current element's index (accounting for shadow DOM)
-            let currentIndex = activeElement
+            const currentIndex = activeElement
                 ? allFocusable.findIndex((el) => {
                     var _a;
                     if (el === activeElement)
@@ -590,31 +456,6 @@ const connectListeners = (doc) => {
                     return rootNode instanceof ShadowRoot && rootNode.host === el;
                 })
                 : -1;
-            /**
-             * Radio/checkbox groups can move focus onto an option with
-             * `tabIndex=-1`, while another option still has `tabIndex=0`
-             * in the list. `findIndex` then yields -1 and Tab incorrectly
-             * wraps to `allFocusable[0]`.
-             * Treat focus on any option control inside the sheet modal
-             * as the same trap slot as the listed tabbable option
-             * (`tabIndex >= 0`) so Tab goes handle → Cancel, not back
-             * to the first radio.
-             */
-            if (currentIndex < 0 && isSheetModal && activeElement) {
-                const optionHost = getOptionControlHost(activeElement);
-                if (optionHost && lastOverlay.contains(optionHost)) {
-                    const directIndex = allFocusable.indexOf(optionHost);
-                    if (directIndex >= 0) {
-                        currentIndex = directIndex;
-                    }
-                    else {
-                        const tabbableOptionIndex = getTabbableOptionControlIndex(allFocusable, lastOverlay);
-                        if (tabbableOptionIndex >= 0) {
-                            currentIndex = tabbableOptionIndex;
-                        }
-                    }
-                }
-            }
             ev.preventDefault();
             // Helper to focus an element, handling shadow DOM properly
             const focusElement = (element) => {
@@ -622,49 +463,30 @@ const connectListeners = (doc) => {
                 if (shadowRoot) {
                     const innerFocusable = shadowRoot.querySelector(focusableQueryString);
                     if (innerFocusable && typeof element.setFocus !== 'function') {
-                        helpers.focusVisibleElement(innerFocusable);
+                        focusVisible.focusVisibleElement(innerFocusable);
                         return;
                     }
                 }
-                helpers.focusVisibleElement(element);
+                focusVisible.focusVisibleElement(element);
             };
-            let nextIndex;
             if (ev.shiftKey) {
                 // Shift+Tab: previous element, wrap to last if at first
                 if (currentIndex <= 0) {
-                    nextIndex = allFocusable.length - 1;
+                    focusLastDescendant(lastOverlay);
                 }
                 else {
-                    nextIndex = currentIndex - 1;
+                    focusElement(allFocusable[currentIndex - 1]);
                 }
             }
             else {
                 // Tab: next element, wrap to first if at last
                 if (currentIndex < 0 || currentIndex >= allFocusable.length - 1) {
-                    nextIndex = 0;
+                    focusFirstDescendant(lastOverlay);
                 }
                 else {
-                    nextIndex = currentIndex + 1;
-                }
-            }
-            const nextEl = allFocusable[nextIndex];
-            const overlayTrap = lastOverlay;
-            const tabbableOptionIndex = isSheetModal ? getTabbableOptionControlIndex(allFocusable, lastOverlay) : -1;
-            /**
-             * The trap list only includes one tabbable option host
-             * (`tabIndex >= 0`), usually the checked/first radio.
-             * `focusin` tracks the real last-focused option; use it
-             * whenever Tab would focus that slot (wrap from Cancel,
-             * Shift+Tab from handle, etc.).
-             */
-            let focusTarget = nextEl;
-            if (isSheetModal && tabbableOptionIndex >= 0 && nextIndex === tabbableOptionIndex) {
-                const saved = overlayTrap.trapLastSheetOptionControl;
-                if ((saved === null || saved === void 0 ? void 0 : saved.isConnected) && lastOverlay.contains(saved) && saved !== nextEl) {
-                    focusTarget = saved;
+                    focusElement(allFocusable[currentIndex + 1]);
                 }
             }
-            focusElement(focusTarget);
         }, true);
         // handle back-button click
         doc.addEventListener('ionBackButton', (ev) => {
@@ -835,7 +657,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, ionic
             ? ionicEnterAnimation
             : mdEnterAnimation;
     // get the user's animation fn if one was provided
-    const animationBuilder = overlay.enterAnimation ? overlay.enterAnimation : index.config.get(name, selectedAnimation);
+    const animationBuilder = overlay.enterAnimation ? overlay.enterAnimation : focusVisible.config.get(name, selectedAnimation);
     const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
     if (completed) {
         overlay.didPresent.emit();
@@ -956,7 +778,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         const mode = ionicGlobal.getIonMode(overlay);
         const animationBuilder = overlay.leaveAnimation
             ? overlay.leaveAnimation
-            : index.config.get(name, mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
+            : focusVisible.config.get(name, mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
         // If dismissed via gesture, no need to play leaving animation again
         if (role !== GESTURE) {
             await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
@@ -984,13 +806,13 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         }
     }
     catch (err) {
-        index.printIonError(`[${overlay.el.tagName.toLowerCase()}] - `, err);
+        focusVisible.printIonError(`[${overlay.el.tagName.toLowerCase()}] - `, err);
     }
     overlay.el.remove();
     return true;
 };
 const getAppRoot = (doc) => {
-    const appRootSelector = index.config.get('appRootSelector', 'ion-app');
+    const appRootSelector = focusVisible.config.get('appRootSelector', 'ion-app');
     return doc.querySelector(appRootSelector) || doc.body;
 };
 const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
@@ -998,7 +820,7 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
     baseEl.classList.remove('overlay-hidden');
     const aniRoot = overlay.el;
     const animation = animationBuilder(aniRoot, opts);
-    if (!overlay.animated || !index.config.getBoolean('animated', true)) {
+    if (!overlay.animated || !focusVisible.config.getBoolean('animated', true)) {
         animation.duration(0);
     }
     if (overlay.keyboardClose) {
@@ -1024,10 +846,10 @@ const eventMethod = (element, eventName) => {
 };
 const onceEvent = (element, eventName, callback) => {
     const handler = (ev) => {
-        helpers.removeEventListener(element, eventName, handler);
+        focusVisible.removeEventListener(element, eventName, handler);
         callback(ev);
     };
-    helpers.addEventListener(element, eventName, handler);
+    focusVisible.addEventListener(element, eventName, handler);
 };
 const isCancel = (role) => {
     return role === 'cancel' || role === BACKDROP;
@@ -1042,7 +864,7 @@ const defaultGate = (h) => h();
  */
 const safeCall = (handler, arg) => {
     if (typeof handler === 'function') {
-        const jmp = index.config.get('_zoneGate', defaultGate);
+        const jmp = focusVisible.config.get('_zoneGate', defaultGate);
         return jmp(() => {
             try {
                 return handler(arg);
@@ -1164,7 +986,7 @@ const createTriggerController = () => {
         removeClickListener();
         const triggerEl = trigger !== undefined ? document.getElementById(trigger) : null;
         if (!triggerEl) {
-            index.printIonWarning(`[${el.tagName.toLowerCase()}] - A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`, el);
+            focusVisible.printIonWarning(`[${el.tagName.toLowerCase()}] - A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`, el);
             return;
         }
         const configureTriggerInteraction = (targetEl, overlayEl) => {

package/dist/cjs/{select-option-render-C7klBX2H.js → select-option-render-CZtiyFs7.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
-var index$1 = require('./index-BJlwOs11.js');
+var focusVisible = require('./index-BDthk8R7.js');
+var index = require('./index-BbhXd9Zs.js');
 
 /**
  * Cache that maps rendered span elements to the source HTMLElement
@@ -30,14 +30,14 @@ const contentCache = new WeakMap();
  */
 const renderClonedContent = (id, content, className, useSpan = false) => {
     const Tag = useSpan ? 'span' : 'div';
-    return (index.h(Tag, { class: className, key: `${className}-${id}`, ref: (el) => {
+    return (focusVisible.h(Tag, { class: className, key: `${className}-${id}`, ref: (el) => {
             if (el) {
                 const cached = contentCache.get(el);
                 // Skip if this element already has clones from the same source
                 if (cached === content) {
                     return;
                 }
-                const sanitized = index$1.sanitizeDOMString(content.innerHTML);
+                const sanitized = index.sanitizeDOMString(content.innerHTML);
                 el.innerHTML = sanitized !== null && sanitized !== void 0 ? sanitized : '';
                 contentCache.set(el, content);
             }
@@ -62,20 +62,20 @@ const renderOptionLabel = (option, className, useSpan = false) => {
     const Tag = useSpan ? 'span' : 'div';
     // Render simple string label if there is no rich content to display
     if (!hasRichContent && (typeof label === 'string' || !label)) {
-        return (index.h(Tag, { class: className, key: `${className}-${id}` }, label));
+        return (focusVisible.h(Tag, { class: className, key: `${className}-${id}` }, label));
     }
     // Render the main label
     const labelEl = typeof label === 'string' || !label ? (
     // Label is a simple string or undefined
-    index.h(Tag, { key: `${className}-label-${id}` }, label)) : (
+    focusVisible.h(Tag, { key: `${className}-label-${id}` }, label)) : (
     // Label is an HTMLElement with potential rich content
     renderClonedContent(id, label, `${className}-text`, useSpan));
     // No rich content, render just the label
     if (!hasRichContent) {
-        return (index.h(Tag, { class: className, key: `${className}-${id}` }, labelEl));
+        return (focusVisible.h(Tag, { class: className, key: `${className}-${id}` }, labelEl));
     }
     // Render label with rich content (start, end, description)
-    return (index.h(Tag, { class: className, key: `${className}-${id}` }, startContent && renderClonedContent(id, startContent, 'select-option-start', useSpan), index.h(Tag, { class: "select-option-content", key: `${className}-content-${id}` }, labelEl, description && (index.h(Tag, { class: "select-option-description", key: `${className}-desc-${id}` }, description))), endContent && renderClonedContent(id, endContent, 'select-option-end', useSpan)));
+    return (focusVisible.h(Tag, { class: className, key: `${className}-${id}` }, startContent && renderClonedContent(id, startContent, 'select-option-start', useSpan), focusVisible.h(Tag, { class: "select-option-content", key: `${className}-content-${id}` }, labelEl, description && (focusVisible.h(Tag, { class: "select-option-description", key: `${className}-desc-${id}` }, description))), endContent && renderClonedContent(id, endContent, 'select-option-end', useSpan)));
 };
 
 exports.renderOptionLabel = renderOptionLabel;

package/dist/cjs/{status-tap-CTY2dMsZ.js → status-tap-CPZvSRKr.js}

@@ -3,25 +3,23 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
-var index$1 = require('./index-BJrpF9T3.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-require('./focus-visible-BIj-I3-C.js');
+var focusVisible = require('./index-BDthk8R7.js');
+var index = require('./index-DhXmkpe3.js');
 
 const startStatusTap = () => {
     const win = window;
     win.addEventListener('statusTap', () => {
-        index.readTask(() => {
+        focusVisible.readTask(() => {
             const width = win.innerWidth;
             const height = win.innerHeight;
             const el = document.elementFromPoint(width / 2, height / 2);
             if (!el) {
                 return;
             }
-            const contentEl = index$1.findClosestIonContent(el);
+            const contentEl = index.findClosestIonContent(el);
             if (contentEl) {
-                new Promise((resolve) => helpers.componentOnReady(contentEl, resolve)).then(() => {
-                    index.writeTask(async () => {
+                focusVisible.waitForComponentReady(contentEl).then(() => {
+                    focusVisible.writeTask(async () => {
                         /**
                          * If scrolling and user taps status bar,
                          * only calling scrollToTop is not enough
@@ -30,7 +28,7 @@ const startStatusTap = () => {
                          * any in-progress momentum scrolling.
                          */
                         contentEl.style.setProperty('--overflow', 'hidden');
-                        await index$1.scrollToTop(contentEl, 300);
+                        await index.scrollToTop(contentEl, 300);
                         contentEl.style.removeProperty('--overflow');
                     });
                 });

package/dist/cjs/{swipe-back-jJFi5KCB.js → swipe-back-CMubrxt-.js}

@@ -3,11 +3,9 @@
  */
 'use strict';
 
-var helpers = require('./helpers-DJYxKN5U.js');
+var focusVisible = require('./index-BDthk8R7.js');
 var dir = require('./dir-Cn0z1rJH.js');
 var index = require('./index-CAvQ7Tka.js');
-require('./focus-visible-BIj-I3-C.js');
-require('./index-CzcLEdQ5.js');
 require('./gesture-controller-dtqlP_q4.js');
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {
@@ -62,7 +60,7 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
             const dur = missingDistance / Math.abs(velocity);
             realDur = Math.min(dur, 540);
         }
-        onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : helpers.clamp(0, stepValue, 0.9999), realDur);
+        onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : focusVisible.clamp(0, stepValue, 0.9999), realDur);
     };
     return index.createGesture({
         el,

package/dist/collection/collection-manifest.json

@@ -32,7 +32,6 @@
     "components/fab-button/fab-button.js",
     "components/fab-list/fab-list.js",
     "components/footer/footer.js",
-    "components/gallery/gallery.js",
     "components/grid/grid.js",
     "components/header/header.js",
     "components/img/img.js",
@@ -144,11 +143,6 @@
         "ion-chip"
       ]
     },
-    {
-      "components": [
-        "ion-gallery"
-      ]
-    },
     {
       "components": [
         "ion-input"

package/dist/collection/components/action-sheet/action-sheet.ionic.css

@@ -243,7 +243,6 @@
   flex-shrink: 2;
   overscroll-behavior-y: contain;
   overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
   pointer-events: all;
   background: var(--background);
 }
@@ -565,7 +564,6 @@
   flex-shrink: 2;
   overscroll-behavior-y: contain;
   overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
   pointer-events: all;
   background: var(--background);
 }
@@ -660,7 +658,7 @@
   padding-right: 0;
   padding-top: 5px;
   padding-bottom: 0;
-  color: var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));
+  color: var(--ion-text-color-step-300, #4d4d4d);
   font-size: 0.75rem;
 }
 
@@ -737,7 +735,7 @@
   --button-background-hover-opacity: 0.04;
   --button-background-focused: currentColor;
   --button-background-focused-opacity: 0.12;
-  --button-color: var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));
+  --button-color: var(--ion-text-color-step-150, #262626);
   --button-color-disabled: var(--button-color);
   --color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);
 }

package/dist/collection/components/action-sheet/action-sheet.ios.css

@@ -237,7 +237,6 @@
   flex-shrink: 2;
   overscroll-behavior-y: contain;
   overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
   pointer-events: all;
   background: var(--background);
 }
@@ -332,7 +331,7 @@
   padding-right: 0;
   padding-top: 5px;
   padding-bottom: 0;
-  color: var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));
+  color: var(--ion-text-color-step-300, #4d4d4d);
   font-size: 0.75rem;
 }
 
@@ -398,7 +397,7 @@
  * }
  */
 :host {
-  --background: var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));
+  --background: var(--ion-overlay-background-color, var(--ion-background-color-step-100, #f9f9f9));
   --backdrop-opacity: var(--ion-backdrop-opacity, 0.4);
   --button-background: linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;
   --button-background-activated: var(--ion-text-color, #000);
@@ -407,11 +406,11 @@
   --button-background-hover-opacity: 0.04;
   --button-background-focused: currentColor;
   --button-background-focused-opacity: 0.12;
-  --button-background-selected: var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));
+  --button-background-selected: var(--ion-background-color-step-150, var(--ion-background-color, #fff));
   --button-background-selected-opacity: 1;
-  --button-color: var(--ion-color-primary, #0054e9);
-  --button-color-disabled: var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));
-  --color: var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));
+  --button-color: var(--ion-color-primary, var(--ion-color-primary-bold));
+  --button-color-disabled: var(--ion-text-color-step-150, #262626);
+  --color: var(--ion-text-color-step-600, #999999);
   text-align: center;
 }
 
@@ -492,7 +491,7 @@
   padding-inline-end: 10px;
   padding-top: 14px;
   padding-bottom: 13px;
-  color: var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));
+  color: var(--color, var(--ion-text-color-step-600, #999999));
   font-size: max(13px, 0.8125rem);
   font-weight: 400;
   text-align: center;
@@ -549,11 +548,11 @@
 .action-sheet-destructive,
 .action-sheet-destructive.ion-activated,
 .action-sheet-destructive.ion-focused {
-  color: var(--ion-color-danger, #c5000f);
+  color: var(--ion-color-danger, var(--ion-color-danger-bold));
 }
 
 @media (any-hover: hover) {
   .action-sheet-destructive:hover {
-    color: var(--ion-color-danger, #c5000f);
+    color: var(--ion-color-danger, var(--ion-color-danger-bold));
   }
 }

package/dist/collection/components/action-sheet/action-sheet.md.css

@@ -237,7 +237,6 @@
   flex-shrink: 2;
   overscroll-behavior-y: contain;
   overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
   pointer-events: all;
   background: var(--background);
 }
@@ -332,7 +331,7 @@
   padding-right: 0;
   padding-top: 5px;
   padding-bottom: 0;
-  color: var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));
+  color: var(--ion-text-color-step-300, #4d4d4d);
   font-size: 0.75rem;
 }
 
@@ -409,7 +408,7 @@
   --button-background-hover-opacity: 0.04;
   --button-background-focused: currentColor;
   --button-background-focused-opacity: 0.12;
-  --button-color: var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));
+  --button-color: var(--ion-text-color-step-150, #262626);
   --button-color-disabled: var(--button-color);
   --color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);
 }