@ionic/core 9.0.11-dev.11793666452.109ac2a5 → 9.0.11-dev.11793705116.185a3203

package/dist/collection/components/datetime/datetime.md.css

@@ -349,99 +349,11 @@
 
 :host .calendar-day-wrapper {
   display: flex;
-  position: relative;
   align-items: center;
   justify-content: center;
   min-width: 0;
   min-height: 0;
   overflow: visible;
-  /**
-   * Create a stacking context so the range track
-   * (::before with z-index: -1) stays behind the
-   * day button but above the host background.
-   */
-  z-index: 0;
-}
-
-/**
- * Each day in the range draws its own piece of the track with a
- * ::before. In-range days fill the cell, while the start and end
- * caps cover the half between the pill center and the next day.
- *
- * Grid columns are `1fr`, so cell edges land on fractional pixels
- * and a cell's track can fall a hairline short of its neighbor's.
- * Each day therefore extends 1px toward the next day in the range,
- * which the next day paints over except inside such a gap.
- *
- * @prop --range-background: The background color of the range selection track.
- */
-:host .calendar-day-wrapper-in-range::before,
-:host .calendar-day-wrapper-range-start::before,
-:host .calendar-day-wrapper-range-end::before {
-  position: absolute;
-  top: 50%;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  height: var(--range-track-height);
-  transform: translateY(-50%);
-  /**
-   * `--range-background` is translucent by default, so it is layered
-   * over the datetime background to paint an opaque track. Where two
-   * days overlap, the color stays the same instead of doubling up
-   * into a darker line.
-   */
-  background: linear-gradient(var(--range-background), var(--range-background)), linear-gradient(var(--background), var(--background));
-  content: "";
-  z-index: -1;
-}
-
-:host .calendar-day-wrapper-range-start::before {
-  inset-inline-start: 50%;
-}
-
-:host .calendar-day-wrapper-range-end::before {
-  inset-inline-end: 50%;
-}
-
-:host .calendar-day-wrapper-range-start:not(:nth-child(7n)):has(+ .calendar-day-wrapper-range-end)::before {
-  inset-inline-end: -1px;
-}
-
-/**
- * A range that continues onto the next week runs the track
- * through the grid padding to the edge of the calendar.
- */
-:host .calendar-day-wrapper-in-range:nth-child(7n)::before,
-:host .calendar-day-wrapper-range-start:nth-child(7n)::before {
-  inset-inline-end: calc(var(--range-track-edge-overflow, 0px) * -1);
-}
-
-:host .calendar-day-wrapper-in-range:nth-child(7n+1)::before,
-:host .calendar-day-wrapper-range-end:nth-child(7n+1)::before {
-  inset-inline-start: calc(var(--range-track-edge-overflow, 0px) * -1);
-}
-
-/**
- * When a single day is both the start and end of the range,
- * do not show a track since there is nothing to connect.
- */
-:host .calendar-day-wrapper-range-start.calendar-day-wrapper-range-end::before {
-  display: none;
-}
-
-/**
- * When the component is disabled, fade the whole grid once instead of
- * fading each day. Fading a day makes it its own compositing group, so
- * the 1px that each day extends toward the next would be painted twice
- * and read as a darker seam. The day buttons drop their own disabled
- * opacity so the grid is the only thing applying it.
- */
-:host(.datetime-disabled.datetime-range) .calendar-month-grid {
-  opacity: 0.4;
-}
-
-:host(.datetime-disabled.datetime-range) .calendar-month-grid .calendar-day[disabled] {
-  opacity: 1;
 }
 
 /**
@@ -988,29 +900,6 @@ ion-picker {
   color: var(--ion-color-step-500, var(--ion-text-color-step-500, gray));
 }
 
-:host {
-  --range-background: rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.12);
-  --range-track-height: 42px;
-  --range-track-edge-overflow: 10px;
-}
-
-:host(.ion-color) {
-  --range-background: rgba(var(--ion-color-base-rgb), 0.12);
-}
-
-:host .calendar-day.calendar-day-range-start,
-:host .calendar-day.calendar-day-range-end {
-  border-radius: 50%;
-  background: var(--ion-color-primary, #0054e9);
-  color: var(--ion-color-primary-contrast, #fff);
-}
-
-:host(.ion-color) .calendar-day.calendar-day-range-start,
-:host(.ion-color) .calendar-day.calendar-day-range-end {
-  background: var(--ion-color-base);
-  color: var(--ion-color-contrast);
-}
-
 :host .datetime-time {
   -webkit-padding-start: 16px;
   padding-inline-start: 16px;

package/dist/collection/components/datetime/utils/state.js

@@ -74,7 +74,7 @@ export const isDayDisabled = (refParts, minParts, maxParts, dayValues) => {
  * Given a locale, a date, the selected date(s), and today's date,
  * generate the state for a given calendar day button.
  */
-export const getCalendarDayState = (locale, refParts, activeParts, todayParts, minParts, maxParts, dayValues, rangeParts) => {
+export const getCalendarDayState = (locale, refParts, activeParts, todayParts, minParts, maxParts, dayValues) => {
     /**
      * activeParts signals what day(s) are currently selected in the datetime.
      * If multiple="true", this will be an array, but the logic in this util
@@ -90,20 +90,6 @@ export const getCalendarDayState = (locale, refParts, activeParts, todayParts, m
     const isActive = activePartsArray.find((parts) => isSameDay(refParts, parts)) !== undefined;
     const isToday = isSameDay(refParts, todayParts);
     const disabled = isDayDisabled(refParts, minParts, maxParts, dayValues);
-    /**
-     * Range state: determine if this day is the range start, end, or in between.
-     */
-    let isRangeStart = false;
-    let isRangeEnd = false;
-    let isInRange = false;
-    if (rangeParts) {
-        const { start, end } = rangeParts;
-        isRangeStart = isSameDay(refParts, start);
-        if (end) {
-            isRangeEnd = isSameDay(refParts, end);
-            isInRange = !disabled && !isRangeStart && !isRangeEnd && isAfter(refParts, start) && isBefore(refParts, end);
-        }
-    }
     /**
      * Note that we always return one object regardless of whether activeParts
      * was an array, since we pare down to one value for isActive.
@@ -112,9 +98,6 @@ export const getCalendarDayState = (locale, refParts, activeParts, todayParts, m
         disabled,
         isActive,
         isToday,
-        isRangeStart,
-        isRangeEnd,
-        isInRange,
         ariaSelected: isActive ? 'true' : null,
         ariaLabel: generateDayAriaLabel(locale, isToday, refParts),
         text: refParts.day != null ? getDay(locale, refParts) : null,

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

@@ -6,7 +6,6 @@ import { componentOnReady, addEventListener } from "../../utils/helpers";
 import { printIonError } from "../../utils/logging/index";
 import { createColorClasses } from "../../utils/theme";
 import { getIonTheme } from "../../global/ionic-global";
-import { isAfter } from "../datetime/utils/comparison";
 import { getLocalizedDateTime, getLocalizedTime } from "../datetime/utils/format";
 import { getHourCycle } from "../datetime/utils/helpers";
 import { parseDate } from "../datetime/utils/parse";
@@ -54,7 +53,7 @@ export class DatetimeButton {
             if (!datetimeEl) {
                 return;
             }
-            const { value, locale, formatOptions, hourCycle, preferWheel, multiple, selectionMode, titleSelectedDatesFormatter, } = datetimeEl;
+            const { value, locale, formatOptions, hourCycle, preferWheel, multiple, titleSelectedDatesFormatter } = datetimeEl;
             const parsedValues = this.getParsedDateValues(value);
             /**
              * Both ion-datetime and ion-datetime-button default to today's date and
@@ -66,8 +65,6 @@ export class DatetimeButton {
             if (!parsedDatetimes) {
                 return;
             }
-            const isRangeMode = selectionMode === 'range';
-            const isMultipleMode = selectionMode === 'multiple' || (selectionMode === undefined && multiple);
             /**
              * If developers incorrectly use multiple="true"
              * with non "date" datetimes, then just select
@@ -77,12 +74,11 @@ export class DatetimeButton {
              */
             const firstParsedDatetime = parsedDatetimes[0];
             const computedHourCycle = getHourCycle(locale, hourCycle);
-            const dateFormatOptions = formatOptions?.date ?? { month: 'short', day: 'numeric', year: 'numeric' };
             this.dateText = this.timeText = undefined;
             switch (datetimePresentation) {
                 case 'date-time':
                 case 'time-date':
-                    const dateText = getLocalizedDateTime(locale, firstParsedDatetime, dateFormatOptions);
+                    const dateText = getLocalizedDateTime(locale, firstParsedDatetime, formatOptions?.date ?? { month: 'short', day: 'numeric', year: 'numeric' });
                     const timeText = getLocalizedTime(locale, firstParsedDatetime, computedHourCycle, formatOptions?.time);
                     if (preferWheel) {
                         this.dateText = `${dateText} ${timeText}`;
@@ -93,31 +89,7 @@ export class DatetimeButton {
                     }
                     break;
                 case 'date':
-                    if (isRangeMode && parsedValues.length >= 2) {
-                        /**
-                         * Use the first and last entries in date order, matching
-                         * how ion-datetime reads a range value.
-                         */
-                        let startIndex = 0;
-                        let endIndex = parsedValues.length - 1;
-                        if (isAfter(parsedDatetimes[startIndex], parsedDatetimes[endIndex])) {
-                            [startIndex, endIndex] = [endIndex, startIndex];
-                        }
-                        const rangeValues = [parsedValues[startIndex], parsedValues[endIndex]];
-                        const startDate = getLocalizedDateTime(locale, parsedDatetimes[startIndex], dateFormatOptions);
-                        const endDate = getLocalizedDateTime(locale, parsedDatetimes[endIndex], dateFormatOptions);
-                        let rangeText = `${startDate} - ${endDate}`;
-                        if (titleSelectedDatesFormatter !== undefined) {
-                            try {
-                                rangeText = titleSelectedDatesFormatter(rangeValues);
-                            }
-                            catch (e) {
-                                printIonError('[ion-datetime-button] - Exception in provided `titleSelectedDatesFormatter`:', e);
-                            }
-                        }
-                        this.dateText = rangeText;
-                    }
-                    else if (isMultipleMode && parsedValues.length !== 1) {
+                    if (multiple && parsedValues.length !== 1) {
                         let headerText = `${parsedValues.length} days`; // default/fallback for multiple selection
                         if (titleSelectedDatesFormatter !== undefined) {
                             try {
@@ -130,7 +102,7 @@ export class DatetimeButton {
                         this.dateText = headerText;
                     }
                     else {
-                        this.dateText = getLocalizedDateTime(locale, firstParsedDatetime, dateFormatOptions);
+                        this.dateText = getLocalizedDateTime(locale, firstParsedDatetime, formatOptions?.date ?? { month: 'short', day: 'numeric', year: 'numeric' });
                     }
                     break;
                 case 'time':
@@ -367,11 +339,11 @@ export class DatetimeButton {
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'e022c5c280d4f889c1ba7ca3e96b38063c5add30', class: createColorClasses(color, {
+        return (h(Host, { key: '73ba9456313d46e63db37c48b23b38e8e1f88ec6', class: createColorClasses(color, {
                 [theme]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,
-            }) }, dateText && (h("button", { key: 'b1267d98cefbce7666b0cafa083c42f3116e2398', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: '3fdfa6adf73ee1e35cdb7f318f1d1ddcf4ab4d7b', name: "date-target" }, dateText), theme === 'md' && h("ion-ripple-effect", { key: 'a832d63c77fffe8d7e0d28827bbb469726373d1e' }))), timeText && (h("button", { key: 'c589bdf2b8221609713f0d3554494dd08a1f2e5b', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: '10769ddadf7933d78744facaaa153bb413ff484a', name: "time-target" }, timeText), theme === 'md' && h("ion-ripple-effect", { key: '7832de031919ddfb312528b45a3dc8e1c20edea6' })))));
+            }) }, dateText && (h("button", { key: '51f70f2d08823ccd399976c09152c278e0ef108e', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: '8422d6ca39d3bdecbefe6686afb9c2bcdb271a54', name: "date-target" }, dateText), theme === 'md' && h("ion-ripple-effect", { key: 'f4c1c9c6bcdf772eb326371b9ab3795f7fbc0848' }))), timeText && (h("button", { key: '709a8bc9d0231bfc3c580bcca9065ccc66f4b7da', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: '2860f54f5a73aa3a42397a1a72619d6369a79025', name: "time-target" }, timeText), theme === 'md' && h("ion-ripple-effect", { key: '306f594bffa84fea1f5e2528cab5ee56c0364e34' })))));
     }
     static get is() { return "ion-datetime-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/modal.ionic.css

@@ -208,8 +208,8 @@ ion-backdrop {
 }
 
 :host {
-  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
-  --box-shadow: var(--token-elevation-3, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-6, 6px) var(--token-shadow-blur-32, 32px) var(--token-shadow-spread-0, 0px) var(--token-shadow-6, rgba(0, 0, 0, 0.16)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-2, 2px) var(--token-shadow-blur-7, 7px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.05)));
+  --background: var(--token-bg-surface-elevation-3, var(--token-primitives-base-white, #ffffff));
+  --box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.18)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.12)));
   --backdrop-opacity: 0.7;
   color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
 }

package/dist/collection/components/popover/popover.ionic.css

@@ -262,7 +262,8 @@
 :host {
   --width: 250px;
   --max-height: 90%;
-  --box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.18)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.12)));
+  --background: var(--token-bg-surface-elevation-3, var(--token-primitives-base-white, #ffffff));
+  --box-shadow: var(--token-elevation-3, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-6, 6px) var(--token-shadow-blur-32, 32px) var(--token-shadow-spread-0, 0px) var(--token-shadow-6, rgba(0, 0, 0, 0.16)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-2, 2px) var(--token-shadow-blur-7, 7px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.05)));
   --backdrop-opacity: 0.3;
 }
 

package/dist/collection/components/toast/toast.ionic.css

@@ -235,7 +235,7 @@
   }
 }
 :host {
-  --box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.18)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.12)));
+  --box-shadow: var(--token-elevation-2, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-8, 8px) var(--token-shadow-blur-25, 25px) var(--token-shadow-spread-0, 0px) var(--token-shadow-4, rgba(0, 0, 0, 0.08)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-1, 1px) var(--token-shadow-blur-5, 5px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.05)));
   --max-width: 343px;
   --start: var(--token-space-200, var(--token-scale-200, 8px));
   --end: var(--token-space-200, var(--token-scale-200, 8px));

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-11-03T00:43:27",
+  "timestamp": "2026-11-03T11:28:13",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.45.2",
@@ -10897,22 +10897,6 @@
           "name": "part",
           "text": "calendar-day disabled - The calendar day that is disabled."
         },
-        {
-          "name": "part",
-          "text": "range-start - The calendar day button that is the start of a range selection."
-        },
-        {
-          "name": "part",
-          "text": "range-end - The calendar day button that is the end of a range selection."
-        },
-        {
-          "name": "part",
-          "text": "range-selection - The calendar day button that is part of a range selection (includes start and end)."
-        },
-        {
-          "name": "part",
-          "text": "range-track - The track that connects the start and end days of a range selection."
-        },
         {
           "name": "part",
           "text": "datetime-header - The datetime header contains the content for the `title` slot and the selected date."
@@ -11145,35 +11129,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "endDateLabel",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "end-date-label",
-          "reflectToAttr": false,
-          "docs": "The text shown in the datetime header when the end of the range\nis empty, also used by screen readers to announce the end date.\nOnly applies when `selectionMode=\"range\"`.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'End date'"
-            }
-          ],
-          "default": "'End date'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "firstDayOfWeek",
           "type": "number",
@@ -11570,17 +11525,12 @@
           "reflectToAttr": false,
           "docs": "If `true`, multiple dates can be selected at once. Only\napplies to `presentation=\"date\"` and `preferWheel=\"false\"`.",
           "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "Use `selectionMode=\"multiple\"` instead."
-            },
             {
               "name": "default",
               "text": "false"
             }
           ],
           "default": "false",
-          "deprecation": "Use `selectionMode=\"multiple\"` instead.",
           "values": [
             {
               "type": "boolean"
@@ -11739,37 +11689,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "selectionMode",
-          "type": "\"multiple\" | \"range\" | undefined",
-          "complexType": {
-            "original": "'multiple' | 'range'",
-            "resolved": "\"multiple\" | \"range\" | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "selection-mode",
-          "reflectToAttr": false,
-          "docs": "Controls the date selection behavior.\n`'multiple'` enables selecting multiple individual dates.\n`'range'` enables selecting a start and end date range.\nWhen unset, single-date selection is used.\n\nRange selection only works with `presentation=\"date\"` and `preferWheel=\"false\"`.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "multiple",
-              "type": "string"
-            },
-            {
-              "value": "range",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "showAdjacentDays",
           "type": "boolean",
@@ -11949,35 +11868,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "startDateLabel",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "start-date-label",
-          "reflectToAttr": false,
-          "docs": "The text shown in the datetime header when the start of the range\nis empty, also used by screen readers to announce the start date.\nOnly applies when `selectionMode=\"range\"`.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'Start date'"
-            }
-          ],
-          "default": "'Start date'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "theme",
           "type": "\"ios\" | \"md\" | \"ionic\"",
@@ -12159,12 +12049,6 @@
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
-              },
-              "DatetimeParts": {
-                "location": "import",
-                "path": "./datetime-interface",
-                "id": "src/components/datetime/datetime-interface.ts::DatetimeParts",
-                "referenceLocation": "DatetimeParts"
               }
             },
             "return": "Promise<void>"
@@ -12334,24 +12218,6 @@
           "docs": "The width of the ring around the focused element.",
           "mode": "ionic"
         },
-        {
-          "name": "--range-background",
-          "annotation": "prop",
-          "docs": "The background color of the range selection track.",
-          "mode": "ionic"
-        },
-        {
-          "name": "--range-background",
-          "annotation": "prop",
-          "docs": "The background color of the range selection track.",
-          "mode": "ios"
-        },
-        {
-          "name": "--range-background",
-          "annotation": "prop",
-          "docs": "The background color of the range selection track.",
-          "mode": "md"
-        },
         {
           "name": "--title-color",
           "annotation": "prop",
@@ -12468,22 +12334,6 @@
           "name": "previous-button",
           "docs": "The button used to navigate to the previous month when using a grid style layout."
         },
-        {
-          "name": "range-end",
-          "docs": "The calendar day button that is the end of a range selection."
-        },
-        {
-          "name": "range-selection",
-          "docs": "The calendar day button that is part of a range selection (includes start and end)."
-        },
-        {
-          "name": "range-start",
-          "docs": "The calendar day button that is the start of a range selection."
-        },
-        {
-          "name": "range-track",
-          "docs": "The track that connects the start and end days of a range selection."
-        },
         {
           "name": "time-button",
           "docs": "The button that opens the time picker when using a grid style\nlayout with `presentation=\"date-time\"` or `\"time-date\"`."

package/dist/esm/{format-DUHrIiJq.js → format-NT7iHsbA.js}

@@ -1122,4 +1122,4 @@ const formatValue = (value) => {
     return Array.isArray(value) ? value.join(',') : value;
 };
 
-export { getPreviousWeek as A, getNextWeek as B, parseMinParts as C, parseMaxParts as D, parseDate as E, warnIfValueOutOfBounds as F, clampDate as G, parseAmPm as H, convertToArrayOfNumbers as I, getClosestValidDate as J, isMonthFirstLocale as K, isLocaleDayPeriodRTL as L, calculateHourFromAMPM as M, getMonthAndYear as N, getLocalizedTime as O, getLocalizedDateTime as P, formatValue as Q, getPreviousMonth as a, getTodayLabel as b, getYear as c, getHourCycle as d, getInternalHourValue as e, getFormattedHour as f, getNextMonth as g, addTimePadding as h, getLocalizedDayPeriod as i, isBefore as j, isSameDay as k, isAfter as l, is24Hour as m, getNumDaysInMonth as n, getDay as o, generateDayAriaLabel as p, getNextDay as q, removeDateTzOffset as r, convertDataToISO as s, getPartsFromCalendarDay as t, getNextYear as u, validateParts as v, getPreviousYear as w, getEndOfWeek as x, getStartOfWeek as y, getPreviousDay as z };
+export { getNextWeek as A, parseMinParts as B, parseMaxParts as C, parseDate as D, warnIfValueOutOfBounds as E, parseAmPm as F, clampDate as G, convertToArrayOfNumbers as H, convertDataToISO as I, getClosestValidDate as J, isMonthFirstLocale as K, isLocaleDayPeriodRTL as L, calculateHourFromAMPM as M, getMonthAndYear as N, getLocalizedTime as O, getLocalizedDateTime as P, formatValue as Q, getPreviousMonth as a, getTodayLabel as b, getYear as c, getHourCycle as d, getInternalHourValue as e, getFormattedHour as f, getNextMonth as g, addTimePadding as h, getLocalizedDayPeriod as i, isBefore as j, isSameDay as k, isAfter as l, is24Hour as m, getNumDaysInMonth as n, getDay as o, generateDayAriaLabel as p, getPartsFromCalendarDay as q, removeDateTzOffset as r, getNextYear as s, getPreviousYear as t, getEndOfWeek as u, validateParts as v, getStartOfWeek as w, getPreviousDay as x, getNextDay as y, getPreviousWeek as z };

package/dist/esm/ion-action-sheet.entry.js

@@ -104,7 +104,7 @@ const mdLeaveAnimation = (baseEl) => {
         .addAnimation([backdropAnimation, wrapperAnimation]);
 };
 
-const actionSheetIonicCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-action-sheet-ionic{display:block}.select-option-label.sc-ion-action-sheet-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1;white-space:normal}.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button.sc-ion-action-sheet-ionic:disabled ion-icon.sc-ion-action-sheet-ionic{color:currentColor}.action-sheet-button-inner.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated){color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated)::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated).action-sheet-selected::after{background:var(--button-background-focused, var(--button-background-selected));opacity:var(--button-background-focused-opacity, var(--button-background-selected-opacity))}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--backdrop-opacity:0.7;--button-background:transparent;--button-background-selected:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));--button-background-selected-opacity:1;--button-background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-activated-opacity:1;--button-background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-hover-opacity:1;--button-color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--button-color-disabled:var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));z-index:1001}.action-sheet-wrapper.sc-ion-action-sheet-ionic{z-index:10}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));outline-offset:calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1)}.action-sheet-wrapper.sc-ion-action-sheet-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.555556;color:var(--color);text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a))}.action-sheet-group.sc-ion-action-sheet-ionic:first-child{padding-top:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-group.sc-ion-action-sheet-ionic:last-child{padding-bottom:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-button.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;position:relative;min-height:52px;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-ionic{-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-600, var(--token-scale-600, 24px));margin-inline-end:var(--token-space-600, var(--token-scale-600, 24px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px));width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);color:var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242528)))}.action-sheet-button-inner.sc-ion-action-sheet-ionic{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-ionic{font-weight:bold}`;
+const actionSheetIonicCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;-webkit-padding-start:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-padding-end:var(--token-space-0, var(--token-scale-0, 0px));padding-inline-end:var(--token-space-0, var(--token-scale-0, 0px));padding-top:var(--token-space-0, var(--token-scale-0, 0px));padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));font-size:var(--token-font-size-350, 0.875rem)}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{gap:var(--token-space-200, var(--token-scale-200, 8px))}.select-option-start.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-start.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-avatar.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-thumbnail.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>img.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>svg.sc-ion-action-sheet-ionic{width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}.select-option-start.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic>ion-icon.sc-ion-action-sheet-ionic{font-size:var(--token-scale-1200, 48px)}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ionic,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ionic,.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-action-sheet-ionic,.alert-checkbox-label-text.sc-ion-action-sheet-ionic,.alert-radio-label-text.sc-ion-action-sheet-ionic,.select-option-label-text.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-action-sheet-ionic,.select-option-end.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-action-sheet-ionic{display:block}.select-option-label.sc-ion-action-sheet-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ionic [part~="label"],.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1;white-space:normal}.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button.sc-ion-action-sheet-ionic:disabled ion-icon.sc-ion-action-sheet-ionic{color:currentColor}.action-sheet-button-inner.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated){color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated)::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic:not(.ion-activated).action-sheet-selected::after{background:var(--button-background-focused, var(--button-background-selected));opacity:var(--button-background-focused-opacity, var(--button-background-selected-opacity))}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ionic-h{--background:var(--token-bg-surface-elevation-3, var(--token-primitives-base-white, #ffffff));--backdrop-opacity:0.7;--button-background:transparent;--button-background-selected:var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));--button-background-selected-opacity:1;--button-background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-activated-opacity:1;--button-background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));--button-background-hover-opacity:1;--button-color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--button-color-disabled:var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));z-index:1001}.action-sheet-wrapper.sc-ion-action-sheet-ionic{z-index:10}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));outline-offset:calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1)}.action-sheet-wrapper.sc-ion-action-sheet-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.555556;color:var(--color);text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-ionic{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a))}.action-sheet-group.sc-ion-action-sheet-ionic:first-child{padding-top:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-group.sc-ion-action-sheet-ionic:last-child{padding-bottom:var(--token-space-400, var(--token-scale-400, 16px))}.action-sheet-button.sc-ion-action-sheet-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-200, var(--token-scale-200, 8px));padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:1.714286;position:relative;min-height:52px;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-ionic{-webkit-margin-start:var(--token-space-0, var(--token-scale-0, 0px));margin-inline-start:var(--token-space-0, var(--token-scale-0, 0px));-webkit-margin-end:var(--token-space-600, var(--token-scale-600, 24px));margin-inline-end:var(--token-space-600, var(--token-scale-600, 24px));margin-top:var(--token-space-0, var(--token-scale-0, 0px));margin-bottom:var(--token-space-0, var(--token-scale-0, 0px));width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px);color:var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242528)))}.action-sheet-button-inner.sc-ion-action-sheet-ionic{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-ionic{font-weight:bold}`;
 
 const actionSheetIosCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ios,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ios,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ios,.select-option-label-has-rich-content.sc-ion-action-sheet-ios{gap:16px}.action-sheet-button-label-text.sc-ion-action-sheet-ios,.alert-checkbox-label-text.sc-ion-action-sheet-ios,.alert-radio-label-text.sc-ion-action-sheet-ios,.select-option-label-text.sc-ion-action-sheet-ios{gap:12px}.select-option-start.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios{gap:8px}.select-option-description.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.select-option-start.sc-ion-action-sheet-ios>ion-avatar.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>ion-img.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>ion-thumbnail.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>img.sc-ion-action-sheet-ios,.select-option-start.sc-ion-action-sheet-ios>svg.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-avatar.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-img.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-thumbnail.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>img.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>svg.sc-ion-action-sheet-ios{width:44px;height:44px}.select-option-start.sc-ion-action-sheet-ios>ion-icon.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios>ion-icon.sc-ion-action-sheet-ios{font-size:28px}.action-sheet-button-label-text.sc-ion-action-sheet-ios{-ms-flex-pack:center;justify-content:center}.select-option-has-rich-content.sc-ion-action-sheet-ios{-webkit-padding-end:16px;padding-inline-end:16px}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ios,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ios,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ios,.select-option-label-has-rich-content.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.action-sheet-button-label-has-rich-content.sc-ion-action-sheet-ios,.alert-radio-label-has-rich-content.sc-ion-action-sheet-ios,.alert-checkbox-label-has-rich-content.sc-ion-action-sheet-ios,.select-option-content.sc-ion-action-sheet-ios{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-action-sheet-ios,.alert-checkbox-label-text.sc-ion-action-sheet-ios,.alert-radio-label-text.sc-ion-action-sheet-ios,.select-option-label-text.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-start.sc-ion-action-sheet-ios,.select-option-end.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-description.sc-ion-action-sheet-ios{display:block}.select-option-label.sc-ion-action-sheet-ios:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ios::part(label),ion-radio.select-option-has-rich-content.sc-ion-action-sheet-ios [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ios::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-action-sheet-ios [part~="label"],.select-option-content.sc-ion-action-sheet-ios{-ms-flex:1;flex:1;white-space:normal}.sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{right:0;left:0;bottom:0;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button.sc-ion-action-sheet-ios:disabled ion-icon.sc-ion-action-sheet-ios{color:currentColor}.action-sheet-button-inner.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios:not(.ion-activated){color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios:not(.ion-activated)::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios:not(.ion-activated).action-sheet-selected::after{background:var(--button-background-focused, var(--button-background-selected));opacity:var(--button-background-focused-opacity, var(--button-background-selected-opacity))}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ios-h{font-family:var(--ion-font-family, inherit);z-index:1001}.action-sheet-wrapper.sc-ion-action-sheet-ios{z-index:10}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, 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);--button-background-activated-opacity:0.08;--button-background-hover:currentColor;--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-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));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;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}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;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)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}`;