@ionic/core 8.7.17-dev.11771865171.14f4c2cf → 8.7.17-dev.11771959013.18adabe2

package/dist/collection/components/segment-view/segment-view.md.css

@@ -14,7 +14,8 @@
   display: none;
 }
 
-:host(.segment-view-disabled) {
+:host(.segment-view-disabled),
+:host(.segment-view-swipe-disabled) {
   touch-action: none;
   overflow-x: hidden;
 }

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

@@ -27,6 +27,9 @@ import { getIonMode } from "../../global/ionic-global";
  * @part supporting-text - Supporting text displayed beneath the select.
  * @part helper-text - Supporting text displayed beneath the select when the select is valid.
  * @part error-text - Supporting text displayed beneath the select when the select is invalid and touched.
+ * @part bottom - The container element for helper text, error text, and counter.
+ * @part wrapper - The clickable label element that wraps the entire form field (label text, slots, selected values or placeholder, and toggle icons).
+ * @part inner - The inner element of the wrapper that manages the slots, selected values or placeholder, and toggle icons.
  */
 export class Select {
     constructor() {
@@ -803,7 +806,7 @@ export class Select {
         if (!hasHintText) {
             return;
         }
-        return h("div", { class: "select-bottom" }, this.renderHintText());
+        return (h("div", { class: "select-bottom", part: "bottom" }, this.renderHintText()));
     }
     render() {
         const { disabled, el, isExpanded, expandedIcon, labelPlacement, justify, placeholder, fill, shape, name, value, hasFocus, } = this;
@@ -834,7 +837,7 @@ export class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: 'b7fa907f8fbc54fd63e2d07a9bb5156d94fd5057', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'ada627c442ebcdd4a4ee96e5f5f3ec0e2181d689', onClick: this.onClick, class: createColorClasses(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -852,7 +855,7 @@ export class Select {
                 [`select-justify-${justify}`]: justifyEnabled,
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
-            }) }, h("label", { key: '11137e6a8b0374e93923ddb5a4629972ded5f43c', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: '99e3c09b5e6c2e7be493ed5834f991fffe45cfff', class: "select-wrapper-inner" }, h("slot", { key: '740f0e5a913cb0209d5acae31c33a6ed8f672dfc', name: "start" }), h("div", { key: 'b20e33c8b60915a5194948fcf8e22d7789f0b050', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '0199f338185d5fa2cdd977bb20516746bd9ddad5', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '3b54de893cc8fc66df8588cee22e30d6f10850b3', class: "select-highlight" })), this.renderBottomContent()));
+            }) }, h("label", { key: 'd1c4663e740cfdcd28f90a5e0297d05cf42cc4df', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: 'cd671e0b543378e7b822ce649a7b4006094b111f', class: "select-wrapper-inner", part: "inner" }, h("slot", { key: '48e7df0c517a382195736273019b855e422a82ed', name: "start" }), h("div", { key: '822747ffb9101cb1d3ff947da55bc2e8e1f2c8e2', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '349200d9f9ebf25e0b8708ac8683a76e7c6ed33c', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '7eefb70d431cb9c01cc408d35349f7a3d0f2af35', class: "select-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-select"; }
     static get encapsulation() { return "shadow"; }
@@ -900,7 +903,8 @@ export class Select {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -925,7 +929,8 @@ export class Select {
                         "SelectCompareFn": {
                             "location": "import",
                             "path": "./select-interface",
-                            "id": "src/components/select/select-interface.ts::SelectCompareFn"
+                            "id": "src/components/select/select-interface.ts::SelectCompareFn",
+                            "referenceLocation": "SelectCompareFn"
                         }
                     }
                 },
@@ -1027,7 +1032,8 @@ export class Select {
                         "SelectInterface": {
                             "location": "import",
                             "path": "./select-interface",
-                            "id": "src/components/select/select-interface.ts::SelectInterface"
+                            "id": "src/components/select/select-interface.ts::SelectInterface",
+                            "referenceLocation": "SelectInterface"
                         }
                     }
                 },
@@ -1343,7 +1349,8 @@ export class Select {
                         "SelectChangeEventDetail": {
                             "location": "import",
                             "path": "./select-interface",
-                            "id": "src/components/select/select-interface.ts::SelectChangeEventDetail"
+                            "id": "src/components/select/select-interface.ts::SelectChangeEventDetail",
+                            "referenceLocation": "SelectChangeEventDetail"
                         }
                     }
                 }
@@ -1427,7 +1434,8 @@ export class Select {
                         "StyleEventDetail": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
+                            "id": "src/interface.d.ts::StyleEventDetail",
+                            "referenceLocation": "StyleEventDetail"
                         }
                     }
                 }

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

@@ -167,7 +167,8 @@ export class SelectModal {
                         "SelectModalOption": {
                             "location": "import",
                             "path": "./select-modal-interface",
-                            "id": "src/components/select-modal/select-modal-interface.ts::SelectModalOption"
+                            "id": "src/components/select-modal/select-modal-interface.ts::SelectModalOption",
+                            "referenceLocation": "SelectModalOption"
                         }
                     }
                 },

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

@@ -205,7 +205,8 @@ export class SelectPopover {
                         "SelectPopoverOption": {
                             "location": "import",
                             "path": "./select-popover-interface",
-                            "id": "src/components/select-popover/select-popover-interface.ts::SelectPopoverOption"
+                            "id": "src/components/select-popover/select-popover-interface.ts::SelectPopoverOption",
+                            "referenceLocation": "SelectPopoverOption"
                         }
                     }
                 },

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

@@ -91,7 +91,8 @@ export class SkeletonText {
                         "StyleEventDetail": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
+                            "id": "src/interface.d.ts::StyleEventDetail",
+                            "referenceLocation": "StyleEventDetail"
                         }
                     }
                 }

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

@@ -69,7 +69,8 @@ export class Spinner {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -113,7 +114,8 @@ export class Spinner {
                         "SpinnerTypes": {
                             "location": "import",
                             "path": "./spinner-configs",
-                            "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes"
+                            "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes",
+                            "referenceLocation": "SpinnerTypes"
                         }
                     }
                 },

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

@@ -99,7 +99,8 @@ export class Tab {
                         "FrameworkDelegate": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::FrameworkDelegate"
+                            "id": "src/interface.d.ts::FrameworkDelegate",
+                            "referenceLocation": "FrameworkDelegate"
                         }
                     }
                 },
@@ -144,7 +145,8 @@ export class Tab {
                         "ComponentRef": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::ComponentRef"
+                            "id": "src/interface.d.ts::ComponentRef",
+                            "referenceLocation": "ComponentRef"
                         }
                     }
                 },

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

@@ -99,7 +99,8 @@ export class TabBar {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -181,7 +182,8 @@ export class TabBar {
                         "TabBarChangedEventDetail": {
                             "location": "import",
                             "path": "./tab-bar-interface",
-                            "id": "src/components/tab-bar/tab-bar-interface.ts::TabBarChangedEventDetail"
+                            "id": "src/components/tab-bar/tab-bar-interface.ts::TabBarChangedEventDetail",
+                            "referenceLocation": "TabBarChangedEventDetail"
                         }
                     }
                 }

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

@@ -187,7 +187,8 @@ export class TabButton {
                         "TabButtonLayout": {
                             "location": "import",
                             "path": "../tab-bar/tab-bar-interface",
-                            "id": "src/components/tab-bar/tab-bar-interface.ts::TabButtonLayout"
+                            "id": "src/components/tab-bar/tab-bar-interface.ts::TabButtonLayout",
+                            "referenceLocation": "TabButtonLayout"
                         }
                     }
                 },
@@ -283,7 +284,8 @@ export class TabButton {
                         "TabButtonClickEventDetail": {
                             "location": "import",
                             "path": "../tab-bar/tab-bar-interface",
-                            "id": "src/components/tab-bar/tab-bar-interface.ts::TabButtonClickEventDetail"
+                            "id": "src/components/tab-bar/tab-bar-interface.ts::TabButtonClickEventDetail",
+                            "referenceLocation": "TabButtonClickEventDetail"
                         }
                     }
                 }

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

@@ -350,7 +350,8 @@ export class Tabs {
                         "RouteWrite": {
                             "location": "import",
                             "path": "../router/utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouteWrite"
+                            "id": "src/components/router/utils/interface.ts::RouteWrite",
+                            "referenceLocation": "RouteWrite"
                         }
                     },
                     "return": "Promise<RouteWrite>"
@@ -375,7 +376,8 @@ export class Tabs {
                         "RouteID": {
                             "location": "import",
                             "path": "../router/utils/interface",
-                            "id": "src/components/router/utils/interface.ts::RouteID"
+                            "id": "src/components/router/utils/interface.ts::RouteID",
+                            "referenceLocation": "RouteID"
                         }
                     },
                     "return": "Promise<RouteID | undefined>"

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

@@ -38,7 +38,8 @@ export class Text {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },

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

@@ -471,7 +471,7 @@ export class Textarea {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: 'a70a62d7aae3831a50acd74f60b930925ada1326', class: createColorClasses(this.color, {
+        return (h(Host, { key: '543076e7ed730451b490a9008cabe8f4a5d1f347', class: createColorClasses(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -480,7 +480,7 @@ export class Textarea {
                 [`textarea-shape-${shape}`]: shape !== undefined,
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
-            }) }, h("label", { key: '8a2dd59a60f7469df84018eb0ede3a9ec3862703', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: '1bfc368236e3da7a225a45118c27fbfc1fe5fa46', class: "textarea-wrapper-inner" }, h("div", { key: '215cbb2635ff52e31a8973376989b85e7245d40f', class: "start-slot-wrapper" }, h("slot", { key: '9f6b461cdee9d629deb695d2bea054ece2f32305', name: "start" })), h("div", { key: 'c1af35a2d5bc452bebe0b22a26d15ff52b4e9fc8', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '69a69b3cf0932baafbe37e6e846f1a571608d3f2', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), h("div", { key: 'c053ea8b865d0e29763aed2e4939cc9c9e374c15', class: "end-slot-wrapper" }, h("slot", { key: '930aa641833b0df54b9ea10368fc2f46d5f491f6', name: "end" }))), shouldRenderHighlight && h("div", { key: '8d12597d15f5f429d80e8272ea99e64ed924e482', class: "textarea-highlight" })), this.renderBottomContent()));
+            }) }, h("label", { key: '3aebaa02edde10e19b2bbe2fbcc10f70b4faccff', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: '73c1c7fee0ffffe65296060dd4110003d3975c44', class: "textarea-wrapper-inner" }, h("div", { key: '5a245b822afae0b9858ef0d176a2fe06983954e2', class: "start-slot-wrapper" }, h("slot", { key: '684305a1b558f93af6eb99825981ced1c09c7a8c', name: "start" })), h("div", { key: 'f2f723b674cff48cf76656450ff6c1362514ea90', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'ae826e876a4b476502498b9c64ea020010c55db3', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), h("div", { key: '018cbf061fb53aa1d1caf6173fd08348cbe3413a', class: "end-slot-wrapper" }, h("slot", { key: 'c383636f2d8a548e48848d0967f71ee1969b1411', name: "end" }))), shouldRenderHighlight && h("div", { key: '6522d2058f9842abad9e7223b542cb7e1af40477', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-textarea"; }
     static get encapsulation() { return "scoped"; }
@@ -508,7 +508,8 @@ export class Textarea {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -618,7 +619,7 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -772,7 +773,7 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "readonly",
                 "defaultValue": "false"
             },
@@ -1072,7 +1073,8 @@ export class Textarea {
                         "TextareaChangeEventDetail": {
                             "location": "import",
                             "path": "./textarea-interface",
-                            "id": "src/components/textarea/textarea-interface.ts::TextareaChangeEventDetail"
+                            "id": "src/components/textarea/textarea-interface.ts::TextareaChangeEventDetail",
+                            "referenceLocation": "TextareaChangeEventDetail"
                         }
                     }
                 }
@@ -1093,7 +1095,8 @@ export class Textarea {
                         "TextareaInputEventDetail": {
                             "location": "import",
                             "path": "./textarea-interface",
-                            "id": "src/components/textarea/textarea-interface.ts::TextareaInputEventDetail"
+                            "id": "src/components/textarea/textarea-interface.ts::TextareaInputEventDetail",
+                            "referenceLocation": "TextareaInputEventDetail"
                         }
                     }
                 }

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

@@ -55,7 +55,8 @@ export class ToolbarTitle {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -112,7 +113,8 @@ export class ToolbarTitle {
                         "StyleEventDetail": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::StyleEventDetail"
+                            "id": "src/interface.d.ts::StyleEventDetail",
+                            "referenceLocation": "StyleEventDetail"
                         }
                     }
                 }

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

@@ -467,7 +467,8 @@ export class Toast {
                         "FrameworkDelegate": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::FrameworkDelegate"
+                            "id": "src/interface.d.ts::FrameworkDelegate",
+                            "referenceLocation": "FrameworkDelegate"
                         }
                     }
                 },
@@ -516,7 +517,8 @@ export class Toast {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -541,7 +543,8 @@ export class Toast {
                         "AnimationBuilder": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AnimationBuilder"
+                            "id": "src/interface.d.ts::AnimationBuilder",
+                            "referenceLocation": "AnimationBuilder"
                         }
                     }
                 },
@@ -564,7 +567,8 @@ export class Toast {
                         "AnimationBuilder": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::AnimationBuilder"
+                            "id": "src/interface.d.ts::AnimationBuilder",
+                            "referenceLocation": "AnimationBuilder"
                         }
                     }
                 },
@@ -645,7 +649,8 @@ export class Toast {
                         "ToastLayout": {
                             "location": "import",
                             "path": "./toast-interface",
-                            "id": "src/components/toast/toast-interface.ts::ToastLayout"
+                            "id": "src/components/toast/toast-interface.ts::ToastLayout",
+                            "referenceLocation": "ToastLayout"
                         }
                     }
                 },
@@ -671,7 +676,8 @@ export class Toast {
                         "IonicSafeString": {
                             "location": "import",
                             "path": "../../utils/sanitization",
-                            "id": "src/utils/sanitization/index.ts::IonicSafeString"
+                            "id": "src/utils/sanitization/index.ts::IonicSafeString",
+                            "referenceLocation": "IonicSafeString"
                         }
                     }
                 },
@@ -716,7 +722,8 @@ export class Toast {
                         "ToastPosition": {
                             "location": "import",
                             "path": "./toast-interface",
-                            "id": "src/components/toast/toast-interface.ts::ToastPosition"
+                            "id": "src/components/toast/toast-interface.ts::ToastPosition",
+                            "referenceLocation": "ToastPosition"
                         }
                     }
                 },
@@ -766,7 +773,8 @@ export class Toast {
                         "ToastButton": {
                             "location": "import",
                             "path": "./toast-interface",
-                            "id": "src/components/toast/toast-interface.ts::ToastButton"
+                            "id": "src/components/toast/toast-interface.ts::ToastButton",
+                            "referenceLocation": "ToastButton"
                         }
                     }
                 },
@@ -865,7 +873,8 @@ export class Toast {
                         "ToastSwipeGestureDirection": {
                             "location": "import",
                             "path": "./toast-interface",
-                            "id": "src/components/toast/toast-interface.ts::ToastSwipeGestureDirection"
+                            "id": "src/components/toast/toast-interface.ts::ToastSwipeGestureDirection",
+                            "referenceLocation": "ToastSwipeGestureDirection"
                         }
                     }
                 },
@@ -974,7 +983,8 @@ export class Toast {
                         "OverlayEventDetail": {
                             "location": "import",
                             "path": "../../utils/overlays-interface",
-                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
+                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
+                            "referenceLocation": "OverlayEventDetail"
                         }
                     }
                 }
@@ -995,7 +1005,8 @@ export class Toast {
                         "OverlayEventDetail": {
                             "location": "import",
                             "path": "../../utils/overlays-interface",
-                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
+                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
+                            "referenceLocation": "OverlayEventDetail"
                         }
                     }
                 }
@@ -1046,7 +1057,8 @@ export class Toast {
                         "OverlayEventDetail": {
                             "location": "import",
                             "path": "../../utils/overlays-interface",
-                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
+                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
+                            "referenceLocation": "OverlayEventDetail"
                         }
                     }
                 }
@@ -1067,7 +1079,8 @@ export class Toast {
                         "OverlayEventDetail": {
                             "location": "import",
                             "path": "../../utils/overlays-interface",
-                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
+                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
+                            "referenceLocation": "OverlayEventDetail"
                         }
                     }
                 }
@@ -1087,7 +1100,8 @@ export class Toast {
                         "ToastPresentOptions": {
                             "location": "import",
                             "path": "./toast-interface",
-                            "id": "src/components/toast/toast-interface.ts::ToastPresentOptions"
+                            "id": "src/components/toast/toast-interface.ts::ToastPresentOptions",
+                            "referenceLocation": "ToastPresentOptions"
                         }
                     },
                     "return": "Promise<void>"
@@ -1117,7 +1131,8 @@ export class Toast {
                         "ToastDismissOptions": {
                             "location": "import",
                             "path": "./toast-interface",
-                            "id": "src/components/toast/toast-interface.ts::ToastDismissOptions"
+                            "id": "src/components/toast/toast-interface.ts::ToastDismissOptions",
+                            "referenceLocation": "ToastDismissOptions"
                         }
                     },
                     "return": "Promise<boolean>"
@@ -1145,7 +1160,8 @@ export class Toast {
                         "OverlayEventDetail": {
                             "location": "import",
                             "path": "../../utils/overlays-interface",
-                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
+                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
+                            "referenceLocation": "OverlayEventDetail"
                         },
                         "T": {
                             "location": "global",
@@ -1171,7 +1187,8 @@ export class Toast {
                         "OverlayEventDetail": {
                             "location": "import",
                             "path": "../../utils/overlays-interface",
-                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail"
+                            "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
+                            "referenceLocation": "OverlayEventDetail"
                         },
                         "T": {
                             "location": "global",

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

@@ -328,7 +328,8 @@ export class Toggle {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -586,7 +587,8 @@ export class Toggle {
                         "ToggleChangeEventDetail": {
                             "location": "import",
                             "path": "./toggle-interface",
-                            "id": "src/components/toggle/toggle-interface.ts::ToggleChangeEventDetail"
+                            "id": "src/components/toggle/toggle-interface.ts::ToggleChangeEventDetail",
+                            "referenceLocation": "ToggleChangeEventDetail"
                         }
                     }
                 }

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

@@ -96,7 +96,8 @@ export class Toolbar {
                         "Color": {
                             "location": "import",
                             "path": "../../interface",
-                            "id": "src/interface.d.ts::Color"
+                            "id": "src/interface.d.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },

package/dist/docs.d.ts

@@ -38,6 +38,17 @@ interface ComponentCompilerTypeReference {
    * An ID for this type which is unique within a Stencil project.
    */
   id: string;
+  /**
+   * Whether this type was imported as a default import (e.g., `import MyEnum from './my-enum'`)
+   * vs a named import (e.g., `import { MyType } from './my-type'`)
+   */
+  isDefault?: boolean;
+  /**
+   * The name used in the import statement (before any user-defined alias).
+   * For `import { XAxisOption as moo }`, this would be "XAxisOption".
+   * This is the name exported by the source module.
+   */
+  referenceLocation?: string;
 }
 interface ComponentCompilerReferencedType {
   /**
@@ -196,6 +207,10 @@ export interface JsonDocsComponent {
    * Array of component Parts information, generate from `@part` tags
    */
   parts: JsonDocsPart[];
+  /**
+   * Array of custom states defined via @AttachInternals({ states: {...} })
+   */
+  customStates: JsonDocsCustomState[];
   /**
    * Array of metadata describing where the current component is used
    */
@@ -413,6 +428,28 @@ export interface JsonDocsPart {
    */
   docs: string;
 }
+/**
+ * A descriptor for a Custom State defined via @AttachInternals({ states: {...} })
+ *
+ * Custom states are exposed via the ElementInternals.states CustomStateSet
+ * and can be targeted with the CSS `:state()` pseudo-class.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+ */
+export interface JsonDocsCustomState {
+  /**
+   * The name of the custom state (without dashes)
+   */
+  name: string;
+  /**
+   * The initial/default value of the state
+   */
+  initialValue: boolean;
+  /**
+   * A textual description of the custom state
+   */
+  docs: string;
+}
 /**
  * Represents a parsed block comment in a CSS, Sass, etc. file for a custom property.
  */