voyager-ionic-core 8.8.12 → 9.0.1

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2026-06-28T16:23:29",
+  "timestamp": "2026-08-26T22:54:23",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.5",
+    "version": "4.44.2",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -496,7 +496,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -2505,7 +2510,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -3358,7 +3368,6 @@
         "ion-loading",
         "ion-menu",
         "ion-modal",
-        "ion-picker-legacy",
         "ion-popover"
       ],
       "dependencies": [],
@@ -3378,9 +3387,6 @@
         "ion-modal": [
           "ion-backdrop"
         ],
-        "ion-picker-legacy": [
-          "ion-backdrop"
-        ],
         "ion-popover": [
           "ion-backdrop"
         ]
@@ -3567,7 +3573,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -4049,7 +4060,24 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
+        {
+          "name": "end",
+          "docs": ""
+        },
+        {
+          "name": "separator",
+          "docs": ""
+        },
+        {
+          "name": "start",
+          "docs": ""
+        }
+      ],
       "parts": [
         {
           "name": "collapsed-indicator",
@@ -4295,7 +4323,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -5298,7 +5331,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
@@ -5729,7 +5767,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [
         {
           "name": "native",
@@ -5930,7 +5973,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -6058,135 +6106,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
-      "parts": [],
-      "states": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/card-title/card-title.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-card-title",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "color",
-          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-          "complexType": {
-            "original": "Color",
-            "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
-            "references": {
-              "Color": {
-                "location": "import",
-                "path": "../../interface",
-                "id": "src/interface.d.ts::Color",
-                "referenceLocation": "Color"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "color",
-          "reflectToAttr": true,
-          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "danger",
-              "type": "string"
-            },
-            {
-              "value": "dark",
-              "type": "string"
-            },
-            {
-              "value": "light",
-              "type": "string"
-            },
-            {
-              "value": "medium",
-              "type": "string"
-            },
-            {
-              "value": "primary",
-              "type": "string"
-            },
-            {
-              "value": "secondary",
-              "type": "string"
-            },
-            {
-              "value": "success",
-              "type": "string"
-            },
-            {
-              "value": "tertiary",
-              "type": "string"
-            },
-            {
-              "value": "warning",
-              "type": "string"
-            },
-            {
-              "type": "string & Record<never, never>"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "mode",
-          "type": "\"ios\" | \"md\"",
-          "mutable": false,
-          "attr": "mode",
-          "reflectToAttr": false,
-          "docs": "The mode determines which platform styles to use.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [
-        {
-          "name": "--color",
-          "annotation": "prop",
-          "docs": "Color of the card title",
-          "mode": "ios"
-        },
+      "slots": [
         {
-          "name": "--color",
-          "annotation": "prop",
-          "docs": "Color of the card title",
-          "mode": "md"
+          "name": "",
+          "docs": "The default slot"
         }
       ],
-      "slots": [],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -6194,106 +6119,239 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "src/components/checkbox/checkbox.tsx",
+      "filePath": "src/components/card-title/card-title.tsx",
       "encapsulation": "shadow",
-      "tag": "ion-checkbox",
+      "tag": "ion-card-title",
       "docs": "",
       "docsTags": [
         {
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
-        },
-        {
-          "name": "slot",
-          "text": "- The label text to associate with the checkbox. Use the \"labelPlacement\" property to control where the label is placed relative to the checkbox."
-        },
-        {
-          "name": "part",
-          "text": "container - The container for the checkbox mark."
-        },
-        {
-          "name": "part",
-          "text": "label - The label text describing the checkbox."
-        },
-        {
-          "name": "part",
-          "text": "mark - The checkmark used to indicate the checked state."
-        },
-        {
-          "name": "part",
-          "text": "supporting-text - Supporting text displayed beneath the checkbox label."
-        },
-        {
-          "name": "part",
-          "text": "helper-text - Supporting text displayed beneath the checkbox label when the checkbox is valid."
-        },
-        {
-          "name": "part",
-          "text": "error-text - Supporting text displayed beneath the checkbox label when the checkbox is invalid and touched."
         }
       ],
       "usage": {},
       "props": [
-        {
-          "name": "alignment",
-          "type": "\"center\" | \"start\" | undefined",
-          "complexType": {
-            "original": "'start' | 'center'",
-            "resolved": "\"center\" | \"start\" | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "alignment",
-          "reflectToAttr": false,
-          "docs": "How to control the alignment of the checkbox and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.\nSetting this property will change the checkbox `display` to `block`.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "center",
-              "type": "string"
-            },
-            {
-              "value": "start",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "checked",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "checked",
-          "reflectToAttr": false,
-          "docs": "If `true`, the checkbox is selected.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
+        {
+          "name": "color",
+          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
+          "complexType": {
+            "original": "Color",
+            "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
+            "references": {
+              "Color": {
+                "location": "import",
+                "path": "../../interface",
+                "id": "src/interface.d.ts::Color",
+                "referenceLocation": "Color"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": true,
+          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "danger",
+              "type": "string"
+            },
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "primary",
+              "type": "string"
+            },
+            {
+              "value": "secondary",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "tertiary",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            },
+            {
+              "type": "string & Record<never, never>"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "mode",
+          "type": "\"ios\" | \"md\"",
+          "mutable": false,
+          "attr": "mode",
+          "reflectToAttr": false,
+          "docs": "The mode determines which platform styles to use.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "ios",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [
+        {
+          "name": "--color",
+          "annotation": "prop",
+          "docs": "Color of the card title",
+          "mode": "ios"
+        },
+        {
+          "name": "--color",
+          "annotation": "prop",
+          "docs": "Color of the card title",
+          "mode": "md"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/checkbox/checkbox.tsx",
+      "encapsulation": "shadow",
+      "tag": "ion-checkbox",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "virtualProp",
+          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
+        },
+        {
+          "name": "slot",
+          "text": "- The label text to associate with the checkbox. Use the \"labelPlacement\" property to control where the label is placed relative to the checkbox."
+        },
+        {
+          "name": "part",
+          "text": "container - The container for the checkbox mark."
+        },
+        {
+          "name": "part",
+          "text": "label - The label text describing the checkbox."
+        },
+        {
+          "name": "part",
+          "text": "mark - The checkmark used to indicate the checked state."
+        },
+        {
+          "name": "part",
+          "text": "supporting-text - Supporting text displayed beneath the checkbox label."
+        },
+        {
+          "name": "part",
+          "text": "helper-text - Supporting text displayed beneath the checkbox label when the checkbox is valid."
+        },
+        {
+          "name": "part",
+          "text": "error-text - Supporting text displayed beneath the checkbox label when the checkbox is invalid and touched."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "alignment",
+          "type": "\"center\" | \"start\" | undefined",
+          "complexType": {
+            "original": "'start' | 'center'",
+            "resolved": "\"center\" | \"start\" | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "alignment",
+          "reflectToAttr": false,
+          "docs": "How to control the alignment of the checkbox and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.\nSetting this property will change the checkbox `display` to `block`.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "center",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "checked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "checked",
+          "reflectToAttr": false,
+          "docs": "If `true`, the checkbox is selected.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "color",
           "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
@@ -7084,7 +7142,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -7777,7 +7840,12 @@
           "docs": "The number of total Columns in the Grid"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -8619,14 +8687,8 @@
           "mutable": false,
           "attr": "color",
           "reflectToAttr": false,
-          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'primary'"
-            }
-          ],
-          "default": "'primary'",
+          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, refer to [theming](/docs/theming/basics).",
+          "docsTags": [],
           "values": [
             {
               "value": "danger",
@@ -10024,13 +10086,7 @@
           "attr": "color",
           "reflectToAttr": true,
           "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'primary'"
-            }
-          ],
-          "default": "'primary'",
+          "docsTags": [],
           "values": [
             {
               "value": "danger",
@@ -10352,7 +10408,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -10562,6 +10623,40 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "form",
+          "type": "HTMLFormElement | string | undefined",
+          "complexType": {
+            "original": "string | HTMLFormElement",
+            "resolved": "HTMLFormElement | string | undefined",
+            "references": {
+              "HTMLFormElement": {
+                "location": "global",
+                "id": "global::HTMLFormElement"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "form",
+          "reflectToAttr": false,
+          "docs": "The HTML form element or form element id. Used to submit a form when the button is not a child of the form.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "HTMLFormElement"
+            },
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "href",
           "type": "string | undefined",
@@ -11172,7 +11267,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [
         {
           "name": "close-icon",
@@ -11280,7 +11380,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -11382,7 +11487,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -11492,7 +11602,12 @@
           "docs": "Width of the fixed Grid on xs screens"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -11598,7 +11713,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
@@ -11617,6 +11737,9 @@
       "tag": "ion-img",
       "docs": "",
       "docsTags": [
+        {
+          "name": "deprecated"
+        },
         {
           "name": "part",
           "text": "image - The inner `img` element."
@@ -11734,7 +11857,8 @@
       "states": [],
       "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {},
+      "deprecation": ""
     },
     {
       "filePath": "src/components/infinite-scroll/infinite-scroll.tsx",
@@ -12322,10 +12446,10 @@
         },
         {
           "name": "autocorrect",
-          "type": "\"off\" | \"on\"",
+          "type": "boolean",
           "complexType": {
-            "original": "'on' | 'off'",
-            "resolved": "\"off\" | \"on\"",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
@@ -12335,18 +12459,13 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'off'"
+              "text": "false"
             }
           ],
-          "default": "'off'",
+          "default": "false",
           "values": [
             {
-              "value": "off",
-              "type": "string"
-            },
-            {
-              "value": "on",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -14696,7 +14815,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -16998,7 +17122,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
@@ -17374,7 +17503,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [
         {
           "name": "inner",
@@ -18947,7 +19081,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [
         {
           "name": "backdrop",
@@ -19377,7 +19516,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [
         {
           "name": "icon",
@@ -19814,14 +19958,14 @@
           "mutable": false,
           "attr": "handle-behavior",
           "reflectToAttr": false,
-          "docs": "The interaction behavior for the sheet modal when the handle is pressed.\n\nDefaults to `\"none\"`, which  means the modal will not change size or position when the handle is pressed.\nSet to `\"cycle\"` to let the modal cycle between available breakpoints when pressed.\n\nHandle behavior is unavailable when the `handle` property is set to `false` or\nwhen the `breakpoints` property is not set (using a fullscreen or card modal).",
+          "docs": "The interaction behavior for the sheet modal when the handle is pressed.\n\nHandle behavior is unavailable when the `handle` property is set to\n`false` or when the `breakpoints` property is not set (using a\nfullscreen or card modal).\n\nSet to `\"cycle\"` to make the handle focusable and let the sheet modal\ncycle between available breakpoints when pressed. This keeps the sheet\noperable with assistive technology.\n\nSet to `\"none\"` to make the handle purely decorative when pressed and\nremoved from the tab order.\n\nDefaults to `\"cycle\"`.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'none'"
+              "text": "'cycle'"
             }
           ],
-          "default": "'none'",
+          "default": "'cycle'",
           "values": [
             {
               "value": "cycle",
@@ -21979,7 +22123,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -22281,7 +22430,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -22370,7 +22524,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
@@ -22423,13 +22582,7 @@
           "attr": "color",
           "reflectToAttr": true,
           "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'primary'"
-            }
-          ],
-          "default": "'primary'",
+          "docsTags": [],
           "values": [
             {
               "value": "danger",
@@ -22609,6 +22762,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "prefix",
           "docs": "Content to show on the left side of the picker options."
@@ -22657,13 +22814,7 @@
           "attr": "color",
           "reflectToAttr": true,
           "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'primary'"
-            }
-          ],
-          "default": "'primary'",
+          "docsTags": [],
           "values": [
             {
               "value": "danger",
@@ -22770,7 +22921,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
@@ -22784,18 +22940,76 @@
       }
     },
     {
-      "filePath": "src/components/picker-legacy/picker.tsx",
-      "encapsulation": "scoped",
-      "tag": "ion-picker-legacy",
+      "filePath": "src/components/popover/popover.tsx",
+      "encapsulation": "shadow",
+      "tag": "ion-popover",
       "docs": "",
       "docsTags": [
         {
           "name": "virtualProp",
           "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
+        },
+        {
+          "name": "slot",
+          "text": "- Content is placed inside of the `.popover-content` element."
+        },
+        {
+          "name": "part",
+          "text": "backdrop - The `ion-backdrop` element."
+        },
+        {
+          "name": "part",
+          "text": "arrow - The arrow that points to the reference element. Only applies on `ios` mode."
+        },
+        {
+          "name": "part",
+          "text": "content - The wrapper element for the default slot."
         }
       ],
       "usage": {},
       "props": [
+        {
+          "name": "alignment",
+          "type": "\"center\" | \"end\" | \"start\" | undefined",
+          "complexType": {
+            "original": "PositionAlign",
+            "resolved": "\"center\" | \"end\" | \"start\" | undefined",
+            "references": {
+              "PositionAlign": {
+                "location": "import",
+                "path": "./popover-interface",
+                "id": "src/components/popover/popover-interface.ts::PositionAlign",
+                "referenceLocation": "PositionAlign"
+              }
+            }
+          },
+          "mutable": true,
+          "attr": "alignment",
+          "reflectToAttr": false,
+          "docs": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `ios` mode, and `\"start\"` for `md` mode.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "center",
+              "type": "string"
+            },
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "animated",
           "type": "boolean",
@@ -22807,7 +23021,7 @@
           "mutable": false,
           "attr": "animated",
           "reflectToAttr": false,
-          "docs": "If `true`, the picker will animate.",
+          "docs": "If `true`, the popover will animate.",
           "docsTags": [
             {
               "name": "default",
@@ -22826,7 +23040,7 @@
           "setter": false
         },
         {
-          "name": "backdropDismiss",
+          "name": "arrow",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -22834,9 +23048,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "backdrop-dismiss",
+          "attr": "arrow",
           "reflectToAttr": false,
-          "docs": "If `true`, the picker will be dismissed when the backdrop is clicked.",
+          "docs": "If `true`, the popover will display an arrow that points at the\n`reference` when running in `ios` mode. Does not apply in `md` mode.",
           "docsTags": [
             {
               "name": "default",
@@ -22855,33 +23069,27 @@
           "setter": false
         },
         {
-          "name": "buttons",
-          "type": "PickerButton[]",
+          "name": "backdropDismiss",
+          "type": "boolean",
           "complexType": {
-            "original": "PickerButton[]",
-            "resolved": "PickerButton[]",
-            "references": {
-              "PickerButton": {
-                "location": "import",
-                "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerButton",
-                "referenceLocation": "PickerButton"
-              }
-            }
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
           },
           "mutable": false,
+          "attr": "backdrop-dismiss",
           "reflectToAttr": false,
-          "docs": "Array of buttons to be displayed at the top of the picker.",
+          "docs": "If `true`, the popover will be dismissed when the backdrop is clicked.",
           "docsTags": [
             {
               "name": "default",
-              "text": "[]"
+              "text": "true"
             }
           ],
-          "default": "[]",
+          "default": "true",
           "values": [
             {
-              "type": "PickerButton[]"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -22890,59 +23098,69 @@
           "setter": false
         },
         {
-          "name": "columns",
-          "type": "PickerColumn[]",
+          "name": "component",
+          "type": "Function | HTMLElement | null | string | undefined",
           "complexType": {
-            "original": "PickerColumn[]",
-            "resolved": "PickerColumn[]",
+            "original": "ComponentRef",
+            "resolved": "Function | HTMLElement | null | string | undefined",
             "references": {
-              "PickerColumn": {
+              "ComponentRef": {
                 "location": "import",
-                "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn",
-                "referenceLocation": "PickerColumn"
+                "path": "../../interface",
+                "id": "src/interface.d.ts::ComponentRef",
+                "referenceLocation": "ComponentRef"
               }
             }
           },
           "mutable": false,
+          "attr": "component",
           "reflectToAttr": false,
-          "docs": "Array of columns to be displayed in the picker.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "[]"
-            }
-          ],
-          "default": "[]",
+          "docs": "The component to display inside of the popover.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nslot your component inside of `ion-popover`.",
+          "docsTags": [],
           "values": [
             {
-              "type": "PickerColumn[]"
+              "type": "Function"
+            },
+            {
+              "type": "HTMLElement"
+            },
+            {
+              "type": "null"
+            },
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "cssClass",
-          "type": "string | string[] | undefined",
+          "name": "componentProps",
+          "type": "T | undefined",
           "complexType": {
-            "original": "string | string[]",
-            "resolved": "string | string[] | undefined",
-            "references": {}
+            "original": "ComponentProps",
+            "resolved": "T | undefined",
+            "references": {
+              "ComponentProps": {
+                "location": "import",
+                "path": "../../interface",
+                "id": "src/interface.d.ts::ComponentProps",
+                "referenceLocation": "ComponentProps"
+              }
+            }
           },
           "mutable": false,
-          "attr": "css-class",
           "reflectToAttr": false,
-          "docs": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces.",
+          "docs": "The data to pass to the popover component.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nset the props directly on your component.",
           "docsTags": [],
           "values": [
             {
-              "type": "string"
-            },
-            {
-              "type": "string[]"
+              "type": "T"
             },
             {
               "type": "undefined"
@@ -22954,1014 +23172,27 @@
           "setter": false
         },
         {
-          "name": "duration",
-          "type": "number",
+          "name": "dismissOnSelect",
+          "type": "boolean",
           "complexType": {
-            "original": "number",
-            "resolved": "number",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "duration",
+          "attr": "dismiss-on-select",
           "reflectToAttr": false,
-          "docs": "Number of milliseconds to wait before dismissing the picker.",
+          "docs": "If `true`, the popover will be automatically\ndismissed when the content has been clicked.",
           "docsTags": [
             {
               "name": "default",
-              "text": "0"
+              "text": "false"
             }
           ],
-          "default": "0",
+          "default": "false",
           "values": [
             {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "enterAnimation",
-          "type": "((baseEl: any, opts?: any) => Animation) | undefined",
-          "complexType": {
-            "original": "AnimationBuilder",
-            "resolved": "((baseEl: any, opts?: any) => Animation) | undefined",
-            "references": {
-              "AnimationBuilder": {
-                "location": "import",
-                "path": "../../interface",
-                "id": "src/interface.d.ts::AnimationBuilder",
-                "referenceLocation": "AnimationBuilder"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Animation to use when the picker is presented.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "((baseEl: any, opts?: any) => Animation)"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "htmlAttributes",
-          "type": "undefined | { [key: string]: any; }",
-          "complexType": {
-            "original": "{ [key: string]: any }",
-            "resolved": "undefined | { [key: string]: any; }",
-            "references": {}
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Additional attributes to pass to the picker.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "undefined"
-            },
-            {
-              "type": "{ [key: string]: any; }"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "isOpen",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "is-open",
-          "reflectToAttr": false,
-          "docs": "If `true`, the picker will open. If `false`, the picker will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the pickerController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe picker dismisses. You will need to do that in your code.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "keyboardClose",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "keyboard-close",
-          "reflectToAttr": false,
-          "docs": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "true"
-            }
-          ],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "leaveAnimation",
-          "type": "((baseEl: any, opts?: any) => Animation) | undefined",
-          "complexType": {
-            "original": "AnimationBuilder",
-            "resolved": "((baseEl: any, opts?: any) => Animation) | undefined",
-            "references": {
-              "AnimationBuilder": {
-                "location": "import",
-                "path": "../../interface",
-                "id": "src/interface.d.ts::AnimationBuilder",
-                "referenceLocation": "AnimationBuilder"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Animation to use when the picker is dismissed.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "((baseEl: any, opts?: any) => Animation)"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "mode",
-          "type": "\"ios\" | \"md\"",
-          "mutable": false,
-          "attr": "mode",
-          "reflectToAttr": false,
-          "docs": "The mode determines which platform styles to use.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "showBackdrop",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "show-backdrop",
-          "reflectToAttr": false,
-          "docs": "If `true`, a backdrop will be displayed behind the picker.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "true"
-            }
-          ],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "trigger",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string | undefined",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "trigger",
-          "reflectToAttr": false,
-          "docs": "An ID corresponding to the trigger element that\ncauses the picker to open when clicked.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "dismiss",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(data?: any, role?: string) => Promise<boolean>",
-            "parameters": [
-              {
-                "name": "data",
-                "type": "any",
-                "docs": "Any data to emit in the dismiss events."
-              },
-              {
-                "name": "role",
-                "type": "string | undefined",
-                "docs": "The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<boolean>"
-          },
-          "signature": "dismiss(data?: any, role?: string) => Promise<boolean>",
-          "parameters": [
-            {
-              "name": "data",
-              "type": "any",
-              "docs": "Any data to emit in the dismiss events."
-            },
-            {
-              "name": "role",
-              "type": "string | undefined",
-              "docs": "The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
-            }
-          ],
-          "docs": "Dismiss the picker overlay after it has been presented.",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "data Any data to emit in the dismiss events."
-            },
-            {
-              "name": "param",
-              "text": "role The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
-            }
-          ]
-        },
-        {
-          "name": "getColumn",
-          "returns": {
-            "type": "Promise<PickerColumn | undefined>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(name: string) => Promise<PickerColumn | undefined>",
-            "parameters": [
-              {
-                "name": "name",
-                "type": "string",
-                "docs": "The name of the column."
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "PickerColumn": {
-                "location": "import",
-                "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn",
-                "referenceLocation": "PickerColumn"
-              }
-            },
-            "return": "Promise<PickerColumn | undefined>"
-          },
-          "signature": "getColumn(name: string) => Promise<PickerColumn | undefined>",
-          "parameters": [
-            {
-              "name": "name",
-              "type": "string",
-              "docs": "The name of the column."
-            }
-          ],
-          "docs": "Get the column that matches the specified name.",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "name The name of the column."
-            }
-          ]
-        },
-        {
-          "name": "onDidDismiss",
-          "returns": {
-            "type": "Promise<OverlayEventDetail<T>>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "<T = any>() => Promise<OverlayEventDetail<T>>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "OverlayEventDetail": {
-                "location": "import",
-                "path": "../../utils/overlays-interface",
-                "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
-                "referenceLocation": "OverlayEventDetail"
-              },
-              "T": {
-                "location": "global",
-                "id": "global::T"
-              }
-            },
-            "return": "Promise<OverlayEventDetail<T>>"
-          },
-          "signature": "onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
-          "parameters": [],
-          "docs": "Returns a promise that resolves when the picker did dismiss.",
-          "docsTags": []
-        },
-        {
-          "name": "onWillDismiss",
-          "returns": {
-            "type": "Promise<OverlayEventDetail<T>>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "<T = any>() => Promise<OverlayEventDetail<T>>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "OverlayEventDetail": {
-                "location": "import",
-                "path": "../../utils/overlays-interface",
-                "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
-                "referenceLocation": "OverlayEventDetail"
-              },
-              "T": {
-                "location": "global",
-                "id": "global::T"
-              }
-            },
-            "return": "Promise<OverlayEventDetail<T>>"
-          },
-          "signature": "onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
-          "parameters": [],
-          "docs": "Returns a promise that resolves when the picker will dismiss.",
-          "docsTags": []
-        },
-        {
-          "name": "present",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "present() => Promise<void>",
-          "parameters": [],
-          "docs": "Present the picker overlay after it has been created.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "didDismiss",
-          "detail": "OverlayEventDetail<any>",
-          "bubbles": true,
-          "complexType": {
-            "original": "OverlayEventDetail",
-            "resolved": "OverlayEventDetail<any>",
-            "references": {
-              "OverlayEventDetail": {
-                "location": "import",
-                "path": "../../utils/overlays-interface",
-                "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
-                "referenceLocation": "OverlayEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted after the picker has dismissed.\nShorthand for ionPickerDidDismiss.",
-          "docsTags": []
-        },
-        {
-          "event": "didPresent",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted after the picker has presented.\nShorthand for ionPickerWillDismiss.",
-          "docsTags": []
-        },
-        {
-          "event": "ionPickerDidDismiss",
-          "detail": "OverlayEventDetail<any>",
-          "bubbles": true,
-          "complexType": {
-            "original": "OverlayEventDetail",
-            "resolved": "OverlayEventDetail<any>",
-            "references": {
-              "OverlayEventDetail": {
-                "location": "import",
-                "path": "../../utils/overlays-interface",
-                "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
-                "referenceLocation": "OverlayEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted after the picker has dismissed.",
-          "docsTags": []
-        },
-        {
-          "event": "ionPickerDidPresent",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted after the picker has presented.",
-          "docsTags": []
-        },
-        {
-          "event": "ionPickerWillDismiss",
-          "detail": "OverlayEventDetail<any>",
-          "bubbles": true,
-          "complexType": {
-            "original": "OverlayEventDetail",
-            "resolved": "OverlayEventDetail<any>",
-            "references": {
-              "OverlayEventDetail": {
-                "location": "import",
-                "path": "../../utils/overlays-interface",
-                "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
-                "referenceLocation": "OverlayEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted before the picker has dismissed.",
-          "docsTags": []
-        },
-        {
-          "event": "ionPickerWillPresent",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted before the picker has presented.",
-          "docsTags": []
-        },
-        {
-          "event": "willDismiss",
-          "detail": "OverlayEventDetail<any>",
-          "bubbles": true,
-          "complexType": {
-            "original": "OverlayEventDetail",
-            "resolved": "OverlayEventDetail<any>",
-            "references": {
-              "OverlayEventDetail": {
-                "location": "import",
-                "path": "../../utils/overlays-interface",
-                "id": "src/utils/overlays-interface.ts::OverlayEventDetail",
-                "referenceLocation": "OverlayEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted before the picker has dismissed.\nShorthand for ionPickerWillDismiss.",
-          "docsTags": []
-        },
-        {
-          "event": "willPresent",
-          "detail": "void",
-          "bubbles": true,
-          "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted before the picker has presented.\nShorthand for ionPickerWillPresent.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [
-        {
-          "name": "--backdrop-opacity",
-          "annotation": "prop",
-          "docs": "Opacity of the backdrop",
-          "mode": "ios"
-        },
-        {
-          "name": "--backdrop-opacity",
-          "annotation": "prop",
-          "docs": "Opacity of the backdrop",
-          "mode": "md"
-        },
-        {
-          "name": "--background",
-          "annotation": "prop",
-          "docs": "Background of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--background",
-          "annotation": "prop",
-          "docs": "Background of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--background-rgb",
-          "annotation": "prop",
-          "docs": "Background of the picker in rgb format",
-          "mode": "ios"
-        },
-        {
-          "name": "--background-rgb",
-          "annotation": "prop",
-          "docs": "Background of the picker in rgb format",
-          "mode": "md"
-        },
-        {
-          "name": "--border-color",
-          "annotation": "prop",
-          "docs": "Border color of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--border-color",
-          "annotation": "prop",
-          "docs": "Border color of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--border-radius",
-          "annotation": "prop",
-          "docs": "Border radius of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--border-radius",
-          "annotation": "prop",
-          "docs": "Border radius of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--border-style",
-          "annotation": "prop",
-          "docs": "Border style of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--border-style",
-          "annotation": "prop",
-          "docs": "Border style of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--border-width",
-          "annotation": "prop",
-          "docs": "Border width of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--border-width",
-          "annotation": "prop",
-          "docs": "Border width of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--height",
-          "annotation": "prop",
-          "docs": "Height of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--height",
-          "annotation": "prop",
-          "docs": "Height of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--max-height",
-          "annotation": "prop",
-          "docs": "Maximum height of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--max-height",
-          "annotation": "prop",
-          "docs": "Maximum height of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--max-width",
-          "annotation": "prop",
-          "docs": "Maximum width of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--max-width",
-          "annotation": "prop",
-          "docs": "Maximum width of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--min-height",
-          "annotation": "prop",
-          "docs": "Minimum height of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--min-height",
-          "annotation": "prop",
-          "docs": "Minimum height of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--min-width",
-          "annotation": "prop",
-          "docs": "Minimum width of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--min-width",
-          "annotation": "prop",
-          "docs": "Minimum width of the picker",
-          "mode": "md"
-        },
-        {
-          "name": "--width",
-          "annotation": "prop",
-          "docs": "Width of the picker",
-          "mode": "ios"
-        },
-        {
-          "name": "--width",
-          "annotation": "prop",
-          "docs": "Width of the picker",
-          "mode": "md"
-        }
-      ],
-      "slots": [],
-      "parts": [],
-      "states": [],
-      "dependents": [],
-      "dependencies": [
-        "ion-backdrop",
-        "ion-picker-legacy-column"
-      ],
-      "dependencyGraph": {
-        "ion-picker-legacy": [
-          "ion-backdrop",
-          "ion-picker-legacy-column"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/popover/popover.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-popover",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
-        },
-        {
-          "name": "slot",
-          "text": "- Content is placed inside of the `.popover-content` element."
-        },
-        {
-          "name": "part",
-          "text": "backdrop - The `ion-backdrop` element."
-        },
-        {
-          "name": "part",
-          "text": "arrow - The arrow that points to the reference element. Only applies on `ios` mode."
-        },
-        {
-          "name": "part",
-          "text": "content - The wrapper element for the default slot."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "alignment",
-          "type": "\"center\" | \"end\" | \"start\" | undefined",
-          "complexType": {
-            "original": "PositionAlign",
-            "resolved": "\"center\" | \"end\" | \"start\" | undefined",
-            "references": {
-              "PositionAlign": {
-                "location": "import",
-                "path": "./popover-interface",
-                "id": "src/components/popover/popover-interface.ts::PositionAlign",
-                "referenceLocation": "PositionAlign"
-              }
-            }
-          },
-          "mutable": true,
-          "attr": "alignment",
-          "reflectToAttr": false,
-          "docs": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `ios` mode, and `\"start\"` for `md` mode.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "center",
-              "type": "string"
-            },
-            {
-              "value": "end",
-              "type": "string"
-            },
-            {
-              "value": "start",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "animated",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "animated",
-          "reflectToAttr": false,
-          "docs": "If `true`, the popover will animate.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "true"
-            }
-          ],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "arrow",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "arrow",
-          "reflectToAttr": false,
-          "docs": "If `true`, the popover will display an arrow that points at the\n`reference` when running in `ios` mode. Does not apply in `md` mode.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "true"
-            }
-          ],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "backdropDismiss",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "backdrop-dismiss",
-          "reflectToAttr": false,
-          "docs": "If `true`, the popover will be dismissed when the backdrop is clicked.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "true"
-            }
-          ],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "component",
-          "type": "Function | HTMLElement | null | string | undefined",
-          "complexType": {
-            "original": "ComponentRef",
-            "resolved": "Function | HTMLElement | null | string | undefined",
-            "references": {
-              "ComponentRef": {
-                "location": "import",
-                "path": "../../interface",
-                "id": "src/interface.d.ts::ComponentRef",
-                "referenceLocation": "ComponentRef"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "component",
-          "reflectToAttr": false,
-          "docs": "The component to display inside of the popover.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nslot your component inside of `ion-popover`.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "Function"
-            },
-            {
-              "type": "HTMLElement"
-            },
-            {
-              "type": "null"
-            },
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "componentProps",
-          "type": "T | undefined",
-          "complexType": {
-            "original": "ComponentProps",
-            "resolved": "T | undefined",
-            "references": {
-              "ComponentProps": {
-                "location": "import",
-                "path": "../../interface",
-                "id": "src/interface.d.ts::ComponentProps",
-                "referenceLocation": "ComponentProps"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The data to pass to the popover component.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nset the props directly on your component.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "T"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "dismissOnSelect",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "dismiss-on-select",
-          "reflectToAttr": false,
-          "docs": "If `true`, the popover will be automatically\ndismissed when the content has been clicked.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -25581,7 +24812,7 @@
           },
           "mutable": false,
           "attr": "value",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "the value of the radio.",
           "docsTags": [],
           "values": [
@@ -25926,7 +25157,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
@@ -26225,7 +25461,7 @@
           "mutable": false,
           "attr": "dual-knobs",
           "reflectToAttr": false,
-          "docs": "Show two knobs.",
+          "docs": "If `true`, the range shows two knobs and `value` is an object with `lower`\nand `upper` properties. If `false`, the range shows one knob and `value` is\na number.",
           "docsTags": [
             {
               "name": "default",
@@ -27586,7 +26822,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [
         {
           "name": "icon",
@@ -28036,7 +27277,7 @@
           "mutable": false,
           "attr": "component",
           "reflectToAttr": false,
-          "docs": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-nav`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select.",
+          "docs": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-router-outlet`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select.",
           "docsTags": [],
           "values": [
             {
@@ -28700,7 +27941,12 @@
           "docs": "Text color of the router link"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -28814,13 +28060,44 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "swipeGesture",
+          "type": "boolean | undefined",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean | undefined",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "swipe-gesture",
+          "reflectToAttr": false,
+          "docs": "If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.\nDefaults to `true` for `\"ios\"` mode and `false` for `\"md\"` mode.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -28839,7 +28116,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -29168,10 +28450,10 @@
         },
         {
           "name": "autocorrect",
-          "type": "\"off\" | \"on\"",
+          "type": "boolean",
           "complexType": {
-            "original": "'on' | 'off'",
-            "resolved": "\"off\" | \"on\"",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
@@ -29181,18 +28463,13 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'off'"
+              "text": "false"
             }
           ],
-          "default": "'off'",
+          "default": "false",
           "values": [
             {
-              "value": "off",
-              "type": "string"
-            },
-            {
-              "value": "on",
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -30471,7 +29748,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -31058,7 +30340,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [
         {
           "name": "indicator",
@@ -31096,7 +30383,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -31212,7 +30504,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -31283,7 +30580,15 @@
         },
         {
           "name": "part",
-          "text": "inner - The inner element of the wrapper that manages the slots, selected values or placeholder, and toggle icons."
+          "text": "start - The wrapper element for the content in the start slot."
+        },
+        {
+          "name": "part",
+          "text": "control - The wrapper element containing the label and native select control. When the label is not floating or stacked, this part also contains the dropdown icon."
+        },
+        {
+          "name": "part",
+          "text": "end - The wrapper element for the content in the end slot. When the label is floating or stacked, this part also contains the dropdown icon."
         }
       ],
       "usage": {},
@@ -32349,6 +31654,90 @@
           "annotation": "prop",
           "docs": "The color of the ripple effect on MD mode.",
           "mode": "md"
+        },
+        {
+          "name": "--select-text-gap",
+          "annotation": "prop",
+          "docs": "The gap between elements in the select text.",
+          "mode": "ios"
+        },
+        {
+          "name": "--select-text-gap",
+          "annotation": "prop",
+          "docs": "The gap between elements in the select text.",
+          "mode": "md"
+        },
+        {
+          "name": "--select-text-media-border-color",
+          "annotation": "prop",
+          "docs": "The border color of media (icons/images) in the select text.",
+          "mode": "ios"
+        },
+        {
+          "name": "--select-text-media-border-color",
+          "annotation": "prop",
+          "docs": "The border color of media (icons/images) in the select text.",
+          "mode": "md"
+        },
+        {
+          "name": "--select-text-media-border-radius",
+          "annotation": "prop",
+          "docs": "The border radius of media (icons/images) in the select text.",
+          "mode": "ios"
+        },
+        {
+          "name": "--select-text-media-border-radius",
+          "annotation": "prop",
+          "docs": "The border radius of media (icons/images) in the select text.",
+          "mode": "md"
+        },
+        {
+          "name": "--select-text-media-border-style",
+          "annotation": "prop",
+          "docs": "The border style of media (icons/images) in the select text.",
+          "mode": "ios"
+        },
+        {
+          "name": "--select-text-media-border-style",
+          "annotation": "prop",
+          "docs": "The border style of media (icons/images) in the select text.",
+          "mode": "md"
+        },
+        {
+          "name": "--select-text-media-border-width",
+          "annotation": "prop",
+          "docs": "The border width of media (icons/images) in the select text.",
+          "mode": "ios"
+        },
+        {
+          "name": "--select-text-media-border-width",
+          "annotation": "prop",
+          "docs": "The border width of media (icons/images) in the select text.",
+          "mode": "md"
+        },
+        {
+          "name": "--select-text-media-height",
+          "annotation": "prop",
+          "docs": "The height of media (icons/images) in the select text.",
+          "mode": "ios"
+        },
+        {
+          "name": "--select-text-media-height",
+          "annotation": "prop",
+          "docs": "The height of media (icons/images) in the select text.",
+          "mode": "md"
+        },
+        {
+          "name": "--select-text-media-width",
+          "annotation": "prop",
+          "docs": "The width of media (icons/images) in the select text.",
+          "mode": "ios"
+        },
+        {
+          "name": "--select-text-media-width",
+          "annotation": "prop",
+          "docs": "The width of media (icons/images) in the select text.",
+          "mode": "md"
         }
       ],
       "slots": [
@@ -32374,6 +31763,14 @@
           "name": "container",
           "docs": "The container for the selected text or placeholder."
         },
+        {
+          "name": "control",
+          "docs": "The wrapper element containing the label and native select control. When the label is not floating or stacked, this part also contains the dropdown icon."
+        },
+        {
+          "name": "end",
+          "docs": "The wrapper element for the content in the end slot. When the label is floating or stacked, this part also contains the dropdown icon."
+        },
         {
           "name": "error-text",
           "docs": "Supporting text displayed beneath the select when the select is invalid and touched."
@@ -32386,10 +31783,6 @@
           "name": "icon",
           "docs": "The select icon container."
         },
-        {
-          "name": "inner",
-          "docs": "The inner element of the wrapper that manages the slots, selected values or placeholder, and toggle icons."
-        },
         {
           "name": "label",
           "docs": "The label text describing the select."
@@ -32398,6 +31791,10 @@
           "name": "placeholder",
           "docs": "The text displayed in the select when there is no value."
         },
+        {
+          "name": "start",
+          "docs": "The wrapper element for the content in the start slot."
+        },
         {
           "name": "supporting-text",
           "docs": "Supporting text displayed beneath the select."
@@ -32657,9 +32054,52 @@
       "encapsulation": "shadow",
       "tag": "ion-select-option",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "virtualProp",
+          "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
+        },
+        {
+          "name": "slot",
+          "text": "- Content is placed between the named slots if provided without a slot."
+        },
+        {
+          "name": "slot",
+          "text": "start - Content is placed to the left of the select option text in LTR, and to the right in RTL."
+        },
+        {
+          "name": "slot",
+          "text": "end - Content is placed to the right of the select option text in LTR, and to the left in RTL."
+        }
+      ],
       "usage": {},
       "props": [
+        {
+          "name": "description",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Text that is placed underneath the option text to provide additional details about the option.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -32671,7 +32111,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "If `true`, the user cannot interact with the select option. This property does not apply when `interface=\"action-sheet\"` as `ion-action-sheet` does not allow for disabled buttons.",
+          "docs": "If `true`, the user cannot interact with the select option.",
           "docsTags": [
             {
               "name": "default",
@@ -32689,6 +32129,93 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "justify",
+          "type": "\"end\" | \"space-between\" | \"start\" | undefined",
+          "complexType": {
+            "original": "'start' | 'end' | 'space-between'",
+            "resolved": "\"end\" | \"space-between\" | \"start\" | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "justify",
+          "reflectToAttr": false,
+          "docs": "How to pack the label and the option's selection control within a line.\n`\"start\"`: The label and radio will appear on the left in LTR and\non the right in RTL.\n`\"end\"`: The label and radio will appear on the right in LTR and\non the left in RTL.\n`\"space-between\"`: The label and radio will appear on opposite\nends of the line with space between the two elements.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on mode and control\ntype.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "space-between",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "labelPlacement",
+          "type": "\"end\" | \"start\" | undefined",
+          "complexType": {
+            "original": "'start' | 'end'",
+            "resolved": "\"end\" | \"start\" | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label-placement",
+          "reflectToAttr": false,
+          "docs": "Where the label is placed relative to the option's selection control\n(radio circle or checkbox box) when the option is rendered in an\n`alert`, `popover`, or `modal` interface.\n`\"start\"`: The label will appear to the left of the radio in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the radio in LTR and to the left in RTL.\n\nApplies to the `alert`, `popover`, and `modal` interfaces, but has no\nvisible effect on radio options in `popover` or `modal` on `md` (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on mode and control\ntype.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "mode",
+          "type": "\"ios\" | \"md\"",
+          "mutable": false,
+          "attr": "mode",
+          "reflectToAttr": false,
+          "docs": "The mode determines the platform behaviors of the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "ios",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "value",
           "type": "any",
@@ -32717,7 +32244,20 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "Content is placed between the named slots if provided without a slot."
+        },
+        {
+          "name": "end",
+          "docs": "Content is placed to the right of the select option text in LTR, and to the left in RTL."
+        },
+        {
+          "name": "start",
+          "docs": "Content is placed to the left of the select option text in LTR, and to the right in RTL."
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -33183,7 +32723,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -33291,7 +32836,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -33498,7 +33048,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -33930,7 +33485,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [
         {
           "name": "native",
@@ -34239,7 +33799,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -35591,7 +35156,12 @@
           "docs": "Size of the thumbnail"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -35724,7 +35294,12 @@
           "mode": "md"
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
@@ -38045,7 +37620,7 @@
       "path": "src/interface.d.ts"
     },
     "src/interface.d.ts::AnimationBuilder": {
-      "declaration": "any",
+      "declaration": "(baseEl: any, opts?: any) => Animation",
       "docstring": "",
       "path": "src/interface.d.ts"
     },
@@ -38070,7 +37645,7 @@
       "path": "src/utils/overlays-interface.ts"
     },
     "src/utils/sanitization/index.ts::IonicSafeString": {
-      "declaration": "any",
+      "declaration": "export class IonicSafeString {\n  constructor(public value: string) {}\n}",
       "docstring": "",
       "path": "src/utils/sanitization/index.ts"
     },
@@ -38144,6 +37719,11 @@
       "docstring": "",
       "path": "src/interface.d.ts"
     },
+    "src/components/datetime/datetime-interface.ts::DatetimeParts": {
+      "declaration": "export interface DatetimeParts {\n  month: number;\n  day: number | null;\n  year: number;\n  dayOfWeek?: number | null;\n  hour?: number;\n  minute?: number;\n  ampm?: 'am' | 'pm';\n  isAdjacentDay?: boolean;\n}",
+      "docstring": "",
+      "path": "src/components/datetime/datetime-interface.ts"
+    },
     "src/components/picker-column/picker-column-interfaces.ts::PickerColumnChangeEventDetail": {
       "declaration": "export interface PickerColumnChangeEventDetail {\n  value: PickerColumnValue;\n}",
       "docstring": "",
@@ -38250,7 +37830,7 @@
       "path": "src/components/modal/modal-interface.ts"
     },
     "src/components/modal/modal-interface.ts::ModalDragEventDetail": {
-      "declaration": "export interface ModalDragEventDetail {\n  /**\n   * The current Y coordinate of the drag event.\n   */\n  currentY: number;\n  /**\n   * The change in Y coordinate since the last drag event.\n   */\n  deltaY: number;\n  /**\n   * The velocity of the drag event in the Y direction.\n   */\n  velocityY: number;\n  /**\n   * The progress of the drag event, represented as a value between 0 and 1.\n   * A value of 0 means the modal is at its lowest point (fully closed),\n   * while a value of 1 means the modal is at its highest point (fully open).\n   */\n  progress: number;\n  /**\n   * The breakpoint that the sheet will snap to if the user releases\n   * the gesture.\n   */\n  snapBreakpoint?: number;\n}",
+      "declaration": "export interface ModalDragEventDetail {\n  /**\n   * The current Y coordinate of the drag event.\n   */\n  currentY: number;\n  /**\n   * The change in Y coordinate since the last drag event.\n   */\n  deltaY: number;\n  /**\n   * The velocity of the drag event in the Y direction.\n   */\n  velocityY: number;\n  /**\n   * The progress of the drag event, represented as a value between 0 and 1.\n   * A value of 0 means the modal is at its lowest point (fully closed),\n   * while a value of 1 means the modal is at its highest point (fully open).\n   */\n  progress: number;\n  /**\n   * The breakpoint that the sheet will snap to if the user releases\n   * the gesture.\n   */\n  snapBreakpoint?: number;\n  /**\n   * Whether the modal is attempting to dismiss when the drag gesture\n   * ends. A `canDismiss` callback can still cancel the dismiss after\n   * this event is emitted, so use `ionModalDidDismiss` to confirm that\n   * the modal actually closed.\n   *\n   * This is only set on `ionDragEnd`.\n   */\n  isDismissing?: boolean;\n}",
       "docstring": "",
       "path": "src/components/modal/modal-interface.ts"
     },
@@ -38260,7 +37840,7 @@
       "path": "src/components/nav/nav-interface.ts"
     },
     "src/components/nav/nav-interface.ts::NavOptions": {
-      "declaration": "export interface NavOptions extends RouterOutletOptions {\n  progressAnimation?: boolean;\n  updateURL?: boolean;\n  delegate?: FrameworkDelegate;\n  viewIsReady?: (enteringEl: HTMLElement) => Promise<any>;\n}",
+      "declaration": "export interface NavOptions extends RouterOutletOptions {\n  progressAnimation?: boolean;\n  delegate?: FrameworkDelegate;\n  viewIsReady?: (enteringEl: HTMLElement) => Promise<any>;\n}",
       "docstring": "",
       "path": "src/components/nav/nav-interface.ts"
     },
@@ -38275,7 +37855,7 @@
       "path": "src/components/nav/nav-interface.ts"
     },
     "src/components/nav/view-controller.ts::ViewController": {
-      "declaration": "any",
+      "declaration": "export class ViewController {\n  state = VIEW_STATE_NEW;\n  nav?: any;\n  element?: HTMLElement;\n  delegate?: FrameworkDelegate;\n  animationBuilder?: AnimationBuilder;\n\n  constructor(public component: any, public params: ComponentProps | undefined) {}\n\n  async init(container: HTMLElement) {\n    this.state = VIEW_STATE_ATTACHED;\n\n    if (!this.element) {\n      const component = this.component;\n      this.element = await attachComponent(\n        this.delegate,\n        container,\n        component,\n        ['ion-page', 'ion-page-invisible'],\n        this.params\n      );\n    }\n  }\n\n  /**\n   * DOM WRITE\n   */\n  _destroy() {\n    assert(this.state !== VIEW_STATE_DESTROYED, 'view state must be ATTACHED');\n\n    const element = this.element;\n    if (element) {\n      if (this.delegate) {\n        this.delegate.removeViewFromDom(element.parentElement, element);\n      } else {\n        element.remove();\n      }\n    }\n    this.nav = undefined;\n    this.state = VIEW_STATE_DESTROYED;\n  }\n}",
       "docstring": "",
       "path": "src/components/nav/view-controller.ts"
     },
@@ -38284,26 +37864,6 @@
       "docstring": "",
       "path": "src/components/nav/nav-interface.ts"
     },
-    "src/components/router/utils/interface.ts::RouteWrite": {
-      "declaration": "export interface RouteWrite {\n  changed: boolean;\n  element: HTMLElement | undefined;\n  markVisible?: () => void | Promise<void>;\n}",
-      "docstring": "",
-      "path": "src/components/router/utils/interface.ts"
-    },
-    "src/components/router/utils/interface.ts::RouteID": {
-      "declaration": "export interface RouteID {\n  id: string;\n  element: HTMLElement | undefined;\n  params?: { [key: string]: any };\n}",
-      "docstring": "",
-      "path": "src/components/router/utils/interface.ts"
-    },
-    "src/components/picker-legacy/picker-interface.ts::PickerButton": {
-      "declaration": "export interface PickerButton {\n  text?: string;\n  role?: string;\n  cssClass?: string | string[];\n  handler?: (value: any) => boolean | void;\n}",
-      "docstring": "",
-      "path": "src/components/picker-legacy/picker-interface.ts"
-    },
-    "src/components/picker-legacy/picker-interface.ts::PickerColumn": {
-      "declaration": "export interface PickerColumn {\n  name: string;\n  align?: string;\n  /**\n   * Changing this value allows the initial value of a picker column to be set.\n   */\n  selectedIndex?: number;\n  prevSelected?: number;\n  prefix?: string;\n  suffix?: string;\n  options: PickerColumnOption[];\n  cssClass?: string | string[];\n  columnWidth?: string;\n  prefixWidth?: string;\n  suffixWidth?: string;\n  optionsWidth?: string;\n}",
-      "docstring": "",
-      "path": "src/components/picker-legacy/picker-interface.ts"
-    },
     "src/components/popover/popover-interface.ts::TriggerAction": {
       "declaration": "export type TriggerAction = 'click' | 'hover' | 'context-menu';",
       "docstring": "",
@@ -38399,6 +37959,16 @@
       "docstring": "",
       "path": "src/components/nav/nav-interface.ts"
     },
+    "src/components/router/utils/interface.ts::RouteWrite": {
+      "declaration": "export interface RouteWrite {\n  changed: boolean;\n  element: HTMLElement | undefined;\n  markVisible?: () => void | Promise<void>;\n}",
+      "docstring": "",
+      "path": "src/components/router/utils/interface.ts"
+    },
+    "src/components/router/utils/interface.ts::RouteID": {
+      "declaration": "export interface RouteID {\n  id: string;\n  element: HTMLElement | undefined;\n  params?: { [key: string]: any };\n}",
+      "docstring": "",
+      "path": "src/components/router/utils/interface.ts"
+    },
     "src/components/searchbar/searchbar-interface.ts::SearchbarInputEventDetail": {
       "declaration": "export interface SearchbarInputEventDetail {\n  value?: string | null;\n  event?: Event;\n}",
       "docstring": "",