@ionic/docs 8.8.17-nightly.20260805 → 8.8.18-dev.11786108988.1fd94742

package/core.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-05T06:57:05",
+  "timestamp": "2026-08-07T13:25:09",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -3358,7 +3358,6 @@
         "ion-loading",
         "ion-menu",
         "ion-modal",
-        "ion-picker-legacy",
         "ion-popover"
       ],
       "dependencies": [],
@@ -3378,9 +3377,6 @@
         "ion-modal": [
           "ion-backdrop"
         ],
-        "ion-picker-legacy": [
-          "ion-backdrop"
-        ],
         "ion-popover": [
           "ion-backdrop"
         ]
@@ -8620,13 +8616,7 @@
           "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'",
+          "docsTags": [],
           "values": [
             {
               "value": "danger",
@@ -10024,13 +10014,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",
@@ -10562,6 +10546,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",
@@ -11617,6 +11635,9 @@
       "tag": "ion-img",
       "docs": "",
       "docsTags": [
+        {
+          "name": "deprecated"
+        },
         {
           "name": "part",
           "text": "image - The inner `img` element."
@@ -11734,7 +11755,8 @@
       "states": [],
       "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {},
+      "deprecation": ""
     },
     {
       "filePath": "src/components/infinite-scroll/infinite-scroll.tsx",
@@ -12322,10 +12344,10 @@
         },
         {
           "name": "autocorrect",
-          "type": "\"off\" | \"on\"",
+          "type": "boolean",
           "complexType": {
-            "original": "'on' | 'off'",
-            "resolved": "\"off\" | \"on\"",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
@@ -12335,18 +12357,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,
@@ -19814,14 +19831,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",
@@ -22423,13 +22440,235 @@
           "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": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "If `true`, the user cannot interact with the picker.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'primary'"
+              "text": "false"
             }
           ],
-          "default": "'primary'",
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "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": "value",
+          "type": "number | string | undefined",
+          "complexType": {
+            "original": "string | number",
+            "resolved": "number | string | undefined",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "The selected option in the picker.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the scrollable container within the picker column.\nUse this method instead of the global `pickerColumn.focus()`.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "ionChange",
+          "detail": "PickerColumnChangeEventDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "PickerColumnChangeEventDetail",
+            "resolved": "PickerColumnChangeEventDetail",
+            "references": {
+              "PickerColumnChangeEventDetail": {
+                "location": "import",
+                "path": "./picker-column-interfaces",
+                "id": "src/components/picker-column/picker-column-interfaces.ts::PickerColumnChangeEventDetail",
+                "referenceLocation": "PickerColumnChangeEventDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "prefix",
+          "docs": "Content to show on the left side of the picker options."
+        },
+        {
+          "name": "suffix",
+          "docs": "Content to show on the right side of the picker options."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ion-datetime"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "ion-datetime": [
+          "ion-picker-column"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/picker-column-option/picker-column-option.tsx",
+      "encapsulation": "shadow",
+      "tag": "ion-picker-column-option",
+      "docs": "",
+      "docsTags": [],
+      "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",
@@ -22490,1221 +22729,62 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "If `true`, the user cannot interact with the picker.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "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": "value",
-          "type": "number | string | undefined",
-          "complexType": {
-            "original": "string | number",
-            "resolved": "number | string | undefined",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The selected option in the picker.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "setFocus",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "setFocus() => Promise<void>",
-          "parameters": [],
-          "docs": "Sets focus on the scrollable container within the picker column.\nUse this method instead of the global `pickerColumn.focus()`.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "ionChange",
-          "detail": "PickerColumnChangeEventDetail",
-          "bubbles": true,
-          "complexType": {
-            "original": "PickerColumnChangeEventDetail",
-            "resolved": "PickerColumnChangeEventDetail",
-            "references": {
-              "PickerColumnChangeEventDetail": {
-                "location": "import",
-                "path": "./picker-column-interfaces",
-                "id": "src/components/picker-column/picker-column-interfaces.ts::PickerColumnChangeEventDetail",
-                "referenceLocation": "PickerColumnChangeEventDetail"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "prefix",
-          "docs": "Content to show on the left side of the picker options."
-        },
-        {
-          "name": "suffix",
-          "docs": "Content to show on the right side of the picker options."
-        }
-      ],
-      "parts": [],
-      "states": [],
-      "dependents": [
-        "ion-datetime"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "ion-datetime": [
-          "ion-picker-column"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/picker-column-option/picker-column-option.tsx",
-      "encapsulation": "shadow",
-      "tag": "ion-picker-column-option",
-      "docs": "",
-      "docsTags": [],
-      "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": [
-            {
-              "name": "default",
-              "text": "'primary'"
-            }
-          ],
-          "default": "'primary'",
-          "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": "disabled",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": false,
-          "docs": "If `true`, the user cannot interact with the picker column option.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "value",
-          "type": "any",
-          "complexType": {
-            "original": "any | null",
-            "resolved": "any",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "The text value of the option.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "any"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "states": [],
-      "dependents": [
-        "ion-datetime"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "ion-datetime": [
-          "ion-picker-column-option"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/picker-legacy/picker.tsx",
-      "encapsulation": "scoped",
-      "tag": "ion-picker-legacy",
-      "docs": "",
-      "docsTags": [
-        {
-          "name": "virtualProp",
-          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "animated",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "animated",
-          "reflectToAttr": false,
-          "docs": "If `true`, the picker will animate.",
-          "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 picker 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": "buttons",
-          "type": "PickerButton[]",
-          "complexType": {
-            "original": "PickerButton[]",
-            "resolved": "PickerButton[]",
-            "references": {
-              "PickerButton": {
-                "location": "import",
-                "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerButton",
-                "referenceLocation": "PickerButton"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Array of buttons to be displayed at the top of the picker.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "[]"
-            }
-          ],
-          "default": "[]",
-          "values": [
-            {
-              "type": "PickerButton[]"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "columns",
-          "type": "PickerColumn[]",
-          "complexType": {
-            "original": "PickerColumn[]",
-            "resolved": "PickerColumn[]",
-            "references": {
-              "PickerColumn": {
-                "location": "import",
-                "path": "./picker-interface",
-                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn",
-                "referenceLocation": "PickerColumn"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Array of columns to be displayed in the picker.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "[]"
-            }
-          ],
-          "default": "[]",
-          "values": [
-            {
-              "type": "PickerColumn[]"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "cssClass",
-          "type": "string | string[] | undefined",
-          "complexType": {
-            "original": "string | string[]",
-            "resolved": "string | string[] | undefined",
-            "references": {}
-          },
-          "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.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "string[]"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "duration",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "duration",
-          "reflectToAttr": false,
-          "docs": "Number of milliseconds to wait before dismissing the picker.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "0"
-            }
-          ],
-          "default": "0",
-          "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"
-              }
+          "docs": "If `true`, the user cannot interact with the picker column option.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
             }
-          },
-          "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"
-              }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
             }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted before the picker has dismissed.",
-          "docsTags": []
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
-          "event": "ionPickerWillPresent",
-          "detail": "void",
-          "bubbles": true,
+          "name": "value",
+          "type": "any",
           "complexType": {
-            "original": "void",
-            "resolved": "void",
+            "original": "any | null",
+            "resolved": "any",
             "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"
-              }
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "The text value of the option.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "any"
             }
-          },
-          "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": []
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
+      "methods": [],
+      "events": [],
       "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"
-        }
-      ],
+      "styles": [],
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [],
-      "dependencies": [
-        "ion-backdrop",
-        "ion-picker-legacy-column"
+      "dependents": [
+        "ion-datetime"
       ],
+      "dependencies": [],
       "dependencyGraph": {
-        "ion-picker-legacy": [
-          "ion-backdrop",
-          "ion-picker-legacy-column"
+        "ion-datetime": [
+          "ion-picker-column-option"
         ]
       }
     },
@@ -25581,7 +24661,7 @@
           },
           "mutable": false,
           "attr": "value",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "the value of the radio.",
           "docsTags": [],
           "values": [
@@ -28036,7 +27116,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": [
             {
@@ -28814,6 +27894,32 @@
           "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": [],
@@ -29168,10 +28274,10 @@
         },
         {
           "name": "autocorrect",
-          "type": "\"off\" | \"on\"",
+          "type": "boolean",
           "complexType": {
-            "original": "'on' | 'off'",
-            "resolved": "\"off\" | \"on\"",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
@@ -29181,18 +28287,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,
@@ -32349,6 +31450,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": [
@@ -32657,9 +31842,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 +31899,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 +31917,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 +32032,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": [],
@@ -38265,7 +37593,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"
     },
@@ -38289,26 +37617,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": "",
@@ -38404,6 +37712,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": "",