@ionic/vue 9.0.6-dev.11790349282.1a877abd → 9.0.6-dev.11790776272.1d27d1bd

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@ionic/vue",
-  "version": "9.0.6-dev.11790349282.1a877abd",
+  "version": "9.0.6-dev.11790776272.1d27d1bd",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -30,7 +30,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -47,14 +47,22 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "toggle-icon",
               "description": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed.",
               "required": false,
-              "default": "chevronDown",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "string | undefined"
               }
             },
             {
@@ -132,7 +140,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -158,6 +166,24 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for an accordion group with slightly rounded corners,\n`\"round\"` for an accordion group with fully rounded corners, or\n`\"rectangular\"` for an accordion group without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.\nOnly applies when `expand` is set to `\"inset\"`.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "value",
               "description": "The value of the accordion group. This controls which\naccordions are expanded.\nThis should be an array of strings only when `multiple=\"true\"`",
@@ -294,7 +320,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -310,9 +336,18 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the action sheet will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
+              "description": "If `true`, the action sheet will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
               "required": false,
               "default": "false",
               "value": {
@@ -540,7 +575,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -556,9 +591,18 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the alert will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
+              "description": "If `true`, the alert will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
               "required": false,
               "default": "false",
               "value": {
@@ -669,7 +713,54 @@
             "module": "@ionic/vue",
             "symbol": "IonAvatar"
           },
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "If `true`, the user cannot interact with the avatar.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for an avatar with slightly rounded corners,\n`\"round\"` for an avatar with fully rounded corners, or `\"rectangular\"`\nfor an avatar without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "description": "Set to `\"xxsmall\"` for the smallest size.\nSet to `\"xsmall\"` for a very small size.\nSet to `\"small\"` for a compact size.\nSet to `\"medium\"` for the default height and width.\nSet to `\"large\"` for a larger size.\nSet to `\"xlarge\"` for the largest dimensions.\n\nDefaults to `\"medium\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxsmall\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            }
+          ],
           "slots": [
             {
               "name": "default",
@@ -727,7 +818,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -752,6 +843,15 @@
                 "type": "null | string | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The type of the button.",
@@ -776,6 +876,15 @@
             "symbol": "IonBackdrop"
           },
           "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "stop-propagation",
               "description": "If `true`, the backdrop will stop propagation on tap.",
@@ -796,6 +905,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "visible",
               "description": "If `true`, the backdrop will be visible.",
@@ -840,14 +958,59 @@
                 "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
               }
             },
+            {
+              "name": "hue",
+              "description": "Set to `\"bold\"` for a badge with vibrant, bold colors or to `\"subtle\"` for\na badge with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"bold\" | \"subtle\" | undefined"
+              }
+            },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "shape",
+              "description": "Set to `\"rectangular\"` for non-rounded corners.\nSet to `\"soft\"` for slightly rounded corners.\nSet to `\"round\"` for fully rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"round | rectangular\" | \"soft\" | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "description": "Set to `\"small\"` for a small badge.\nSet to `\"medium\"` for a medium badge.\nSet to `\"large\"` for a large badge, when it is empty (no text or icon).\n\nDefaults to `\"small\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"large\" | \"medium\" | \"small\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
+            {
+              "name": "vertical",
+              "description": "Set to `\"top\"` to position the badge on top right absolute position of the parent element.\nSet to `\"bottom\"` to position the badge on bottom right absolute position of the parent element.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"bottom\" | \"top\" | undefined"
+              }
             }
           ],
           "slots": [
@@ -917,7 +1080,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -969,6 +1132,15 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -1062,12 +1234,21 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -1148,7 +1329,7 @@
             },
             {
               "name": "fill",
-              "description": "Set to `\"clear\"` for a transparent button that resembles a flat button, to `\"outline\"`\nfor a transparent button with a border, or to `\"solid\"` for a button with a filled background.\nThe default fill is `\"solid\"` except inside of a toolbar, where the default is `\"clear\"`.",
+              "description": "Set to `\"clear\"` for a transparent button that resembles a flat button, to `\"outline\"`\nfor a transparent button with a border, or to `\"solid\"` for a button with a filled background.\nThe default fill is `\"solid\"` except when inside of a buttons or datetime component, where\nthe default fill is `\"clear\"`.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -1175,7 +1356,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -1212,20 +1393,20 @@
             },
             {
               "name": "shape",
-              "description": "Set to `\"round\"` for a button with more rounded corners.",
+              "description": "Set to `\"soft\"` for a button with slightly rounded corners, `\"round\"` for a button with fully\nrounded corners, or `\"rectangular\"` for a button without rounded corners.\nDefaults to `\"soft\"` for the `\"ios\"` theme and `\"round\"` for all other themes.",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "\"round\" | undefined"
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
               }
             },
             {
               "name": "size",
-              "description": "Set to `\"small\"` for a button with less height and padding, to `\"default\"`\nfor a button with the default height and padding, or to `\"large\"` for a button\nwith more height and padding. By default the size is unset, unless the button\nis inside of an item, where the size is `\"small\"` by default. Set the size to\n`\"default\"` inside of an item to make it a standard size button.",
+              "description": "Set to `\"small\"` for a button with less height and padding, to `\"medium\"`\nfor a button with the medium height and padding, or to `\"large\"` for a button\nwith more height and padding. By default the size is unset, unless the button\nis inside of an item, where the size is `\"small\"` by default. Set the size to\n`\"default\"` inside of an item to make it a standard size button.",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "\"default\" | \"large\" | \"small\" | undefined"
+                "type": "\"default\" | \"large\" | \"medium\" | \"small\" | undefined"
               }
             },
             {
@@ -1247,6 +1428,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The type of the button.",
@@ -1311,13 +1501,31 @@
           "attributes": [
             {
               "name": "collapse",
-              "description": "If true, buttons will disappear when its\nparent toolbar has fully collapsed if the toolbar\nis not the first toolbar. If the toolbar is the\nfirst toolbar, the buttons will be hidden and will\nonly be shown once all toolbars have fully collapsed.\n\nOnly applies in `ios` mode with `collapse` set to\n`true` on `ion-header`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
+              "description": "If true, buttons will disappear when its\nparent toolbar has fully collapsed if the toolbar\nis not the first toolbar. If the toolbar is the\nfirst toolbar, the buttons will be hidden and will\nonly be shown once all toolbars have fully collapsed.\n\nOnly applies in the `ios` theme with `collapse` set to\n`true` on `ion-header`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
               "required": false,
               "default": "false",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -1387,7 +1595,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -1422,6 +1630,16 @@
                 "type": "\"back\" | \"forward\" | \"root\""
               }
             },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for a card with slightly rounded corners, `\"round\"` for a card with more\nrounded corners, or `\"rectangular\"` for a card without rounded corners.\nDefaults to `\"round\"`.",
+              "required": false,
+              "default": "'round'",
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
             {
               "name": "target",
               "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
@@ -1431,6 +1649,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
@@ -1462,15 +1689,29 @@
           "attributes": [
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "The default slot"
             }
           ],
-          "slots": [],
           "events": []
         },
         {
@@ -1494,16 +1735,25 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the card header will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
+              "description": "If `true`, the card header will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
               "required": false,
               "default": "false",
               "value": {
@@ -1541,12 +1791,21 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -1578,12 +1837,21 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -1691,7 +1959,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -1719,36 +1987,64 @@
               }
             },
             {
-              "name": "value",
-              "description": "The value of the checkbox does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\nit's only used when the checkbox participates in a native `<form>`.",
+              "name": "shape",
+              "description": "Set to `\"soft\"` for a checkbox with more rounded corners. Only available when the theme is `\"ionic\"`.",
               "required": false,
-              "default": "'on'",
+              "default": "'soft'",
               "value": {
                 "kind": "expression",
-                "type": "any"
+                "type": "\"rectangular\" | \"soft\" | undefined"
               }
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "The label text to associate with the checkbox. Use the \"labelPlacement\" property to control where the label is placed relative to the checkbox."
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "ionBlur",
-              "description": "Emitted when the checkbox loses focus.",
-              "arguments": [
-                {
-                  "name": "detail",
+              "name": "size",
+              "description": "Set to `\"small\"` for a checkbox with less height and padding.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"small\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
+            {
+              "name": "value",
+              "description": "The value of the checkbox does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\nit's only used when the checkbox participates in a native `<form>`.",
+              "required": false,
+              "default": "'on'",
+              "value": {
+                "kind": "expression",
+                "type": "any"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "The label text to associate with the checkbox. Use the \"labelPlacement\" property to control where the label is placed relative to the checkbox."
+            }
+          ],
+          "events": [
+            {
+              "name": "ionBlur",
+              "description": "Emitted when the checkbox loses focus.",
+              "arguments": [
+                {
+                  "name": "detail",
                   "type": "void"
                 }
               ]
             },
             {
               "name": "ionChange",
-              "description": "Emitted when the checked property has changed as a result of a user action such as a click.\n\nThis event will not emit when programmatically setting the `checked` property.",
+              "description": "Emitted when the checked property has changed\nas a result of a user action such as a click.\nThis event will not emit when programmatically\nsetting the `checked` property.",
               "arguments": [
                 {
                   "name": "detail",
@@ -1797,9 +2093,19 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "hue",
+              "description": "Set to `\"bold\"` for a chip with vibrant, bold colors or to `\"subtle\"` for\na chip with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
+              "required": false,
+              "default": "'subtle'",
+              "value": {
+                "kind": "expression",
+                "type": "\"bold\" | \"subtle\" | undefined"
+              }
+            },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -1815,6 +2121,33 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for a chip with slightly rounded corners, `\"round\"` for a chip with fully\nrounded corners, or `\"rectangular\"` for a chip without rounded corners.\nDefaults to `\"round\"` for the `\"ionic\"` theme and `\"soft\"` for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "description": "Set to `\"small\"` for a chip with less height and padding.\n\nDefaults to `\"large\"` for the ionic theme, and  undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"large\" | \"small\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -1835,6 +2168,15 @@
             "symbol": "IonCol"
           },
           "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "offset",
               "description": "The amount to offset the column, in terms of how many columns it should shift to the end\nof the total available.",
@@ -1889,6 +2231,60 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "order",
+              "description": "The order of the column, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "order-lg",
+              "description": "The order of the column for lg screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "order-md",
+              "description": "The order of the column for md screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "order-sm",
+              "description": "The order of the column for sm screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "order-xl",
+              "description": "The order of the column for xl screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "order-xs",
+              "description": "The order of the column for xs screens, in terms of where the column should position itself in the columns renderer.\nIf no value is passed, the column order implicit value will be the order in the html structure.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "pull",
               "description": "The amount to pull the column, in terms of how many columns it should shift to the start of\nthe total available.",
@@ -2050,6 +2446,15 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -2108,6 +2513,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "scroll-events",
               "description": "Because of performance reasons, ionScroll events are disabled by default, in order to enable them\nand start listening from (ionScroll), set this property to `true`.",
@@ -2137,6 +2551,15 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -2344,7 +2767,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -2470,6 +2893,15 @@
                 "type": "\"cover\" | \"fixed\""
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "titleSelectedDatesFormatter",
               "description": "A callback used to format the header text that shows how many\ndates are selected. Only used if there are 0 or more than 1\nselected (i.e. unused for exactly 1). By default, the header\ntext is set to \"numberOfDates days\".\n\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\nif you need to access `this` from within the callback.",
@@ -2595,12 +3027,21 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -2615,6 +3056,40 @@
           ],
           "events": []
         },
+        {
+          "name": "IonDivider",
+          "doc-url": "https://ionicframework.com/docs/api/divider",
+          "description": "",
+          "priority": "highest",
+          "source": {
+            "module": "@ionic/vue",
+            "symbol": "IonDivider"
+          },
+          "attributes": [
+            {
+              "name": "inset",
+              "description": "If `true`, the divider will have horizontal margins\nBy default, it's `false`",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "spacing",
+              "description": "Set to `\"xxsmall\"` for the smallest spacing.\nSet to \"xsmall\" for very small spacing.\nSet to `\"small\"` for small spacing.\nSet to \"medium\" for medium spacing.\nSet to \"large\" for large spacing.\nSet to `\"xlarge\"` for the largest spacing.\n\nDefaults to `\"medium\"`.",
+              "required": false,
+              "default": "'medium'",
+              "value": {
+                "kind": "expression",
+                "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxlarge\" | \"xxsmall\" | undefined"
+              }
+            }
+          ],
+          "slots": [],
+          "events": []
+        },
         {
           "name": "IonFab",
           "doc-url": "https://ionicframework.com/docs/api/fab",
@@ -2654,6 +3129,24 @@
                 "type": "\"center\" | \"end\" | \"start\" | undefined"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "vertical",
               "description": "Where to align the fab vertically in the viewport.",
@@ -2696,10 +3189,9 @@
               "name": "close-icon",
               "description": "The icon name to use for the close icon. This will appear when the fab button\nis pressed. Only applies if it is the main button inside of a fab containing a\nfab list.",
               "required": false,
-              "default": "close",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "string | undefined"
               }
             },
             {
@@ -2750,7 +3242,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -2813,9 +3305,18 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the fab button will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
+              "description": "If `true`, the fab button will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
               "required": false,
               "default": "false",
               "value": {
@@ -2883,6 +3384,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "side",
               "description": "The side the fab list will show on relative to the main fab button.",
@@ -2892,6 +3402,15 @@
                 "kind": "expression",
                 "type": "\"bottom\" | \"end\" | \"start\" | \"top\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -2914,7 +3433,7 @@
           "attributes": [
             {
               "name": "collapse",
-              "description": "Describes the scroll effect that will be applied to the footer.\nOnly applies in iOS mode.",
+              "description": "Describes the scroll effect that will be applied to the footer.\nOnly applies when the theme is `\"ios\"`.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -2923,16 +3442,34 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
             },
+            {
+              "name": "scroll-effect",
+              "description": "Describes the scroll effect that will be applied to the footer.\n`\"hide\"` slides the footer out of view when scrolling down and back in\nwhen scrolling up.\n`\"fade\"` fades the toolbar background on scroll.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"fade\" | \"hide\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the footer will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the footer, the `fullscreen`\nattribute needs to be set on the content.",
+              "description": "If `true`, the footer will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the footer, the `fullscreen`\nattribute needs to be set on the content.",
               "required": false,
               "default": "false",
               "value": {
@@ -2949,6 +3486,119 @@
           ],
           "events": []
         },
+        {
+          "name": "IonGallery",
+          "doc-url": "https://ionicframework.com/docs/api/gallery",
+          "description": "",
+          "priority": "highest",
+          "source": {
+            "module": "@ionic/vue",
+            "symbol": "IonGallery"
+          },
+          "attributes": [
+            {
+              "name": "columns",
+              "description": "The number of columns to display. Can be set as a number or an object of\nbreakpoint values (e.g. `{ xs: 2, sm: 3, md: 4 }`).",
+              "required": false,
+              "default": "{\n  xs: 2,\n  sm: 3,\n  md: 4,\n  lg: 6,\n  xl: 8,\n  xxl: 10,\n}",
+              "value": {
+                "kind": "expression",
+                "type": "GalleryBreakpoints<string | number> | number | string"
+              }
+            },
+            {
+              "name": "gap",
+              "description": "The space between gallery items. Accepts valid CSS [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)\nvalues like `16px`, `1rem`, `20%`, math functions like `calc(10px + 20%)`,\nCSS variables like `var(--app-gallery-gap)`, or numbers (treated as pixel\nvalues). Can also be set as a breakpoint map\n(e.g. `{ xs: '8px', sm: '1rem', md: '24px' }`). Does not accept\nspace-separated values or CSS keyword values like `inherit`, `auto`, etc.",
+              "required": false,
+              "default": "'16px'",
+              "value": {
+                "kind": "expression",
+                "type": "GalleryBreakpoints<string | number> | number | string"
+              }
+            },
+            {
+              "name": "layout",
+              "description": "The visual layout of the gallery. When `uniform`, rows take up the height\nof the tallest item and are spaced evenly across the gallery. Additionally,\nitems will have an aspect ratio of 1/1, forcing them to be square unless a\nheight is explicitly set. When `masonry`, items will be positioned under each\nother with only the specified gap between them.",
+              "required": false,
+              "default": "'uniform'",
+              "value": {
+                "kind": "expression",
+                "type": "\"masonry\" | \"uniform\""
+              }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "order",
+              "description": "The order in which items are positioned. Only applies when layout is\n`masonry`. When `sequential`, items are positioned in the order they are\nplaced in the DOM. When `best-fit`, items are positioned under the column\nwith the most available space. Defaults to `sequential` when layout is\n`masonry` and `order` is not explicitly set.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"best-fit\" | \"sequential\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "One or more `ion-gallery-item` components, placed in a responsive\ngallery layout."
+            }
+          ],
+          "events": []
+        },
+        {
+          "name": "IonGalleryItem",
+          "doc-url": "https://ionicframework.com/docs/api/gallery-item",
+          "description": "",
+          "priority": "highest",
+          "source": {
+            "module": "@ionic/vue",
+            "symbol": "IonGalleryItem"
+          },
+          "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "The content placed inside of the gallery item. This is typically an\n`img`, but can be any element (e.g. a `figure` wrapping an image and caption)."
+            }
+          ],
+          "events": []
+        },
         {
           "name": "IonGrid",
           "doc-url": "https://ionicframework.com/docs/api/grid",
@@ -2968,6 +3618,24 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -2990,25 +3658,53 @@
           "attributes": [
             {
               "name": "collapse",
-              "description": "Describes the scroll effect that will be applied to the header.\nOnly applies in iOS mode.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
+              "description": "Describes the scroll effect that will be applied to the header.\nOnly applies when the theme is `\"ios\"`.\n\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"condense\" | \"fade\" | undefined"
               }
             },
+            {
+              "name": "divider",
+              "description": "If `true`, the header will have a line at the bottom.\nTODO(ROU-10855): add support for this prop on ios/md themes",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
             },
+            {
+              "name": "scroll-effect",
+              "description": "Describes the scroll effect that will be applied to the header.\n`\"hide\"` slides the header out of view when scrolling down and back in\nwhen scrolling up.\n`\"condense\"` collapses the large title into the main toolbar on scroll.\n`\"fade\"` fades the toolbar background on scroll.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"condense\" | \"fade\" | \"hide\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the header will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the header, the `fullscreen`\nattribute needs to be set on the content.",
+              "description": "If `true`, the header will be translucent.\nOnly applies when the theme is `\"ios\"` or `\"ionic\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\n\nNote: In order to scroll content behind the header, the `fullscreen`\nattribute needs to be set on the content.",
               "required": false,
               "default": "false",
               "value": {
@@ -3041,7 +3737,16 @@
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
               }
             },
             {
@@ -3052,6 +3757,15 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -3108,6 +3822,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "position",
               "description": "The position of the infinite scroll element.\nThe value can be either `top` or `bottom`.",
@@ -3118,6 +3841,25 @@
                 "type": "\"bottom\" | \"top\""
               }
             },
+            {
+              "name": "preserve-rerender-scroll-position",
+              "description": "If `true`, the infinite scroll will preserve the scroll position\nwhen the content is re-rendered. This is useful when the content is\nre-rendered with new keys, and the scroll position should be preserved.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "threshold",
               "description": "The threshold distance from the bottom\nof the content to call the `infinite` output event when scrolled.\nThe threshold value can be either a percent, or\nin pixels. For example, use the value of `10%` for the `infinite`\noutput event to get called when the user has scrolled 10%\nfrom the bottom of the page. Use the value `100px` when the\nscroll is within 100 pixels from the bottom of the page.",
@@ -3170,6 +3912,24 @@
                 "kind": "expression",
                 "type": "IonicSafeString | string | undefined"
               }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -3320,7 +4080,7 @@
             },
             {
               "name": "fill",
-              "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode.",
+              "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available when the theme is `\"md\"`.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -3356,12 +4116,11 @@
             },
             {
               "name": "label-placement",
-              "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the input in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the input in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.\n`\"stacked\"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").",
+              "description": "Where to place the label relative to the input.\n`\"start\"`: The label will appear to the left of the input in LTR and to the right in RTL.\n`\"end\"`: The label will appear to the right of the input in LTR and to the left in RTL.\n`\"floating\"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.\n`\"stacked\"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.\n`\"fixed\"`: The label has the same behavior as `\"start\"` except it also has a fixed width. Long text will be truncated with ellipses (\"...\").\n\nDefaults to \"stacked\" for the ionic theme, or \"start\" for all other themes.\n\nIn the ionic theme, only the values \"stacked\" and \"floating\" are supported.",
               "required": false,
-              "default": "'start'",
               "value": {
                 "kind": "expression",
-                "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\""
+                "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\" | undefined"
               }
             },
             {
@@ -3402,7 +4161,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -3468,11 +4227,21 @@
             },
             {
               "name": "shape",
-              "description": "The shape of the input. If \"round\" it will have an increased border radius.",
+              "description": "Set to `\"soft\"` for an input with slightly rounded corners, `\"round\"` for an input with fully\nrounded corners, or `\"rectangular\"` for an input without rounded corners.\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.\nOnly applies when the fill is set to `\"solid\"` or `\"outline\"`.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The size of the input. If \"large\", it will have an increased height. By default the\nsize is medium. This property only applies to the `\"ionic\"` theme.",
               "required": false,
+              "default": "'medium'",
               "value": {
                 "kind": "expression",
-                "type": "\"round\" | undefined"
+                "type": "\"large\" | \"medium\" | \"xlarge\" | undefined"
               }
             },
             {
@@ -3494,6 +4263,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The type of control to display. The default type is text.",
@@ -3640,6 +4418,15 @@
                 "type": "number"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "pattern",
               "description": "A regex pattern string for allowed characters. Defaults based on type.\n\nFor numbers (`type=\"number\"`): `\"[\\p{N}]\"`\nFor text (`type=\"text\"`): `\"[\\p{L}\\p{N}]\"`",
@@ -3688,6 +4475,15 @@
                 "type": "\"large\" | \"medium\" | \"small\""
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The type of input allowed in the input boxes.",
@@ -3849,7 +4645,7 @@
             },
             {
               "name": "detail",
-              "description": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`\nis `ios` and an `href` or `button` property is present.",
+              "description": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `theme`\nis `\"ios\"` and an `href` or `button` property is present.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -3860,10 +4656,9 @@
               "name": "detail-icon",
               "description": "The icon to use when `detail` is set to `true`.",
               "required": false,
-              "default": "chevronForward",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "string | undefined"
               }
             },
             {
@@ -3905,7 +4700,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -3949,6 +4744,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
@@ -3997,7 +4801,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -4013,6 +4817,15 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -4040,7 +4853,26 @@
             "module": "@ionic/vue",
             "symbol": "IonItemGroup"
           },
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            }
+          ],
           "slots": [],
           "events": []
         },
@@ -4101,9 +4933,19 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "hue",
+              "description": "Set to `\"bold\"` for an option with vibrant, bold colors or to `\"subtle\"` for\nan option with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
+              "required": false,
+              "default": "'subtle'",
+              "value": {
+                "kind": "expression",
+                "type": "\"bold\" | \"subtle\" | undefined"
+              }
+            },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -4119,6 +4961,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "shape",
+              "description": "Set to `\"rectangular\"` for non-rounded corners.\nSet to `\"soft\"` for slightly rounded corners.\nSet to `\"round\"` for fully rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
             {
               "name": "target",
               "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
@@ -4128,6 +4979,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The type of the button.",
@@ -4177,6 +5037,15 @@
             "symbol": "IonItemOptions"
           },
           "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "side",
               "description": "The side the option button should be on. Possible values: `\"start\"` and `\"end\"`. If you have multiple `ion-item-options`, a side must be provided for each.",
@@ -4186,6 +5055,15 @@
                 "kind": "expression",
                 "type": "\"end\" | \"start\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -4221,6 +5099,24 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -4258,7 +5154,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -4273,6 +5169,15 @@
                 "kind": "expression",
                 "type": "\"fixed\" | \"floating\" | \"stacked\" | undefined"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -4314,12 +5219,30 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for slightly rounded corners,\n`\"round\"` for fully rounded corners,\nor `\"rectangular\"` for no rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme\nwhen inset is `true`\ndefaults to `\"rectangular\"` for the `ionic`\ntheme when inset is `false`,\nundefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -4355,12 +5278,21 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -4478,7 +5410,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -4504,9 +5436,18 @@
                 "type": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | null | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the loading indicator will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
+              "description": "If `true`, the loading indicator will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
               "required": false,
               "default": "false",
               "value": {
@@ -4656,6 +5597,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "side",
               "description": "Which side of the view the menu should be placed.",
@@ -4676,6 +5626,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The display type of the menu.\nAvailable options: `\"overlay\"`, `\"reveal\"`, `\"push\"`.",
@@ -4785,13 +5744,22 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The type of the button.",
@@ -4839,6 +5807,24 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -5015,7 +6001,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -5028,7 +6014,16 @@
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "HTMLElement | undefined"
+                "type": "HTMLElement | undefined"
+              }
+            },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for a modal with slightly rounded corners,\n`\"round\"` for a modal with fully rounded corners, or `\"rectangular\"`\nfor a modal without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
               }
             },
             {
@@ -5041,6 +6036,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "trigger",
               "description": "An ID corresponding to the trigger element that\ncauses the modal to open when clicked.",
@@ -5201,12 +6205,21 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -5229,12 +6242,21 @@
           "attributes": [
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -5276,13 +6298,22 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "value",
               "description": "The selected option in the picker.",
@@ -5349,6 +6380,24 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "value",
               "description": "The text value of the option.",
@@ -5379,7 +6428,7 @@
           "attributes": [
             {
               "name": "alignment",
-              "description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `ios` mode, and `\"start\"` for `md` mode.",
+              "description": "Describes how to align the popover content with the `reference` point.\nDefaults to `\"center\"` for `\"ios\"` theme, and `\"start\"` for `\"md\"` theme.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -5398,7 +6447,7 @@
             },
             {
               "name": "arrow",
-              "description": "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.",
+              "description": "If `true`, the popover will display an arrow that points at the\n`reference` on `\"ios\"` theme.",
               "required": false,
               "default": "true",
               "value": {
@@ -5522,7 +6571,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -5569,9 +6618,18 @@
                 "type": "\"auto\" | \"cover\""
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the popover will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
+              "description": "If `true`, the popover will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
               "required": false,
               "default": "false",
               "value": {
@@ -5719,7 +6777,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -5736,6 +6794,24 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "shape",
+              "description": "Set to `\"round\"` for a progress bar with rounded corners, or `\"rectangular\"`\nfor a progress bar without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The state of the progress bar, based on if the time the process takes is known or not.\nDefault options are: `\"determinate\"` (no animation), `\"indeterminate\"` (animate from left to right).",
@@ -5819,7 +6895,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -5836,6 +6912,15 @@
                 "type": "string"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "value",
               "description": "the value of the radio.",
@@ -5922,6 +7007,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "name",
               "description": "The name of the control, which is submitted with the form data.",
@@ -5932,6 +7026,15 @@
                 "type": "string"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "value",
               "description": "the value of the radio group.",
@@ -6059,7 +7162,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -6116,6 +7219,15 @@
                 "type": "number"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "ticks",
               "description": "If `true`, tick marks are displayed based on the step value.\nOnly applies when `snaps` is `true`.",
@@ -6246,7 +7358,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -6292,6 +7404,15 @@
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -6358,6 +7479,15 @@
             "symbol": "IonRefresherContent"
           },
           "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "pulling-icon",
               "description": "A static icon or a spinner to display when you begin to pull down.\nA spinner name can be provided to gradually show tick marks\nwhen pulling down on iOS devices.",
@@ -6393,6 +7523,15 @@
                 "kind": "expression",
                 "type": "IonicSafeString | string | undefined"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -6407,7 +7546,26 @@
             "module": "@ionic/vue",
             "symbol": "IonReorder"
           },
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            }
+          ],
           "slots": [
             {
               "name": "default",
@@ -6435,6 +7593,24 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -6491,6 +7667,24 @@
             "symbol": "IonRippleEffect"
           },
           "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "Sets the type of ripple-effect:\n\n- `bounded`: the ripple effect expands from the user's click position\n- `unbounded`: the ripple effect expands from the center of the button and overflows the container.\n\nNOTE: Surfaces for bounded ripples should have the overflow property set to hidden,\nwhile surfaces for unbounded ripples should have it set to visible.",
@@ -6551,6 +7745,24 @@
                 "type": "undefined | { [key: string]: any; }"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "url",
               "description": "Relative path that needs to match in order for this route to apply.\n\nAccepts paths similar to expressjs so that you can define parameters\nin the url /foo/:bar where bar would be available in incoming props.",
@@ -6585,7 +7797,26 @@
             "module": "@ionic/vue",
             "symbol": "IonRow"
           },
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            }
+          ],
           "slots": [
             {
               "name": "default",
@@ -6646,17 +7877,16 @@
             },
             {
               "name": "cancel-button-icon",
-              "description": "Set the cancel button icon. Only applies to `md` mode.\nDefaults to `arrow-back-sharp`.",
+              "description": "Set the cancel button icon. Only available when the theme is `\"md\"`.\nDefaults to `\"arrow-back-sharp\"`.",
               "required": false,
-              "default": "config.get('backButtonIcon', arrowBackSharp) as string",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "string | undefined"
               }
             },
             {
               "name": "cancel-button-text",
-              "description": "Set the cancel button text. Only applies to `ios` mode.",
+              "description": "Set the cancel button text. Only available when the theme is `\"ios\"`.",
               "required": false,
               "default": "'Cancel'",
               "value": {
@@ -6666,7 +7896,7 @@
             },
             {
               "name": "clear-icon",
-              "description": "Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.",
+              "description": "Set the clear icon. Defaults to `\"close-circle\"` for `\"ios\"` theme and `\"close-sharp\"` for `\"md\"` and `\"ionic\"` theme.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -6739,7 +7969,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -6768,11 +7998,20 @@
             },
             {
               "name": "search-icon",
-              "description": "The icon to use as the search icon. Defaults to `search-outline` in\n`ios` mode and `search-sharp` in `md` mode.",
+              "description": "The icon to use as the search icon. Defaults to `\"search-outline\"` in\nthe `\"ios\"` theme and `\"search-sharp\"` in the `\"md\"` and `\"ionic\"` themes.\nIf `false`, no search icon will be displayed.",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "boolean | string | undefined"
+              }
+            },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for a searchbar with slightly rounded corners,\n`\"round\"` for a searchbar with fully rounded corners,\nor `\"rectangular\"` for a searchbar without rounded corners.\n\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
               }
             },
             {
@@ -6795,6 +8034,15 @@
                 "type": "\"always\" | \"focus\" | \"never\""
               }
             },
+            {
+              "name": "size",
+              "description": "Set to `\"large\"` for a searchbar with an increase in height,\nwhile \"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and `undefined` for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"large\" | \"medium\" | \"small\" | undefined"
+              }
+            },
             {
               "name": "spellcheck",
               "description": "If `true`, enable spellcheck on the input.",
@@ -6805,6 +8053,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "Set the type of the input.",
@@ -6921,7 +8178,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -6958,6 +8215,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "value",
               "description": "the value of the segment.",
@@ -7028,13 +8294,22 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "type",
               "description": "The type of the button.",
@@ -7142,6 +8417,16 @@
             "symbol": "IonSelect"
           },
           "attributes": [
+            {
+              "name": "cancel-icon",
+              "description": "If `true`, the cancel button will display an icon instead of the `cancelText`.\nOnly applies when `interface` is set to `\"modal\"`. Has no effect on `\"action-sheet\"`,\n`\"alert\"`, or `\"popover\"` interfaces.\nWhen `cancelIcon` is `true`, the `cancelText` property is ignored for display\nbut is used as the accessible label for the icon button.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
             {
               "name": "cancel-text",
               "description": "The text to display on the cancel button.",
@@ -7191,7 +8476,7 @@
             },
             {
               "name": "expanded-icon",
-              "description": "The toggle icon to show when the select is open. If defined, the icon\nrotation behavior in `md` mode will be disabled. If undefined, `toggleIcon`\nwill be used for when the select is both open and closed.",
+              "description": "The toggle icon to show when the select is open. If defined, the icon\nrotation behavior in `\"md\"` theme will be disabled. If undefined, `toggleIcon`\nwill be used for when the select is both open and closed.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -7200,7 +8485,7 @@
             },
             {
               "name": "fill",
-              "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode.",
+              "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in the `\"md\"` theme.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -7266,7 +8551,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -7333,16 +8618,34 @@
             },
             {
               "name": "shape",
-              "description": "The shape of the select. If \"round\" it will have an increased border radius.",
+              "description": "Set to `\"soft\"` for a select with slightly rounded corners,\n`\"round\"` for a select with fully rounded corners,\nor `\"rectangular\"` for a select without rounded corners.\n\nDefaults to `\"round\"` for the `\"ionic\"` theme, undefined for all other themes.",
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "\"round\" | undefined"
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The size of the select. If \"large\" it will increase the height of the select, while\n\"small\" and \"medium\" provide progressively smaller heights.\n\nDefaults to `\"medium\"` for the ionic theme, and  undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"large\" | \"medium\" | \"small\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
               }
             },
             {
               "name": "toggle-icon",
-              "description": "The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,\nor `caretDownSharp` for `md` mode.",
+              "description": "The toggle icon to use. Defaults to `\"chevronExpand\"` for the `\"ios\"` theme,\nor `\"caretDownSharp\"` for the `\"md\"` and `\"ionic\"` themes.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -7436,6 +8739,16 @@
             "symbol": "IonSelectModal"
           },
           "attributes": [
+            {
+              "name": "cancel-icon",
+              "description": "If `true`, the cancel button will display a close icon instead of the `cancelText`.\nWhen `cancelIcon` is `true`, `cancelText` is not displayed visually but is still used\nas the accessible label (`aria-label`) for the button.",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
             {
               "name": "cancel-text",
               "description": "The text to display on the cancel button.",
@@ -7509,7 +8822,7 @@
             },
             {
               "name": "justify",
-              "description": "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.",
+              "description": "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 the `md`\nand `ionic` themes (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on theme and control\ntype.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -7518,7 +8831,7 @@
             },
             {
               "name": "label-placement",
-              "description": "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.",
+              "description": "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 the `md`\nand `ionic` themes (the radio control is hidden there).\n\nWhen unset, the interface picks a default based on theme and control\ntype.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -7534,6 +8847,15 @@
                 "type": "\"ios\" | \"md\""
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "value",
               "description": "The text value of the option.",
@@ -7579,6 +8901,24 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -7612,6 +8952,15 @@
                 "type": "number | undefined"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "name",
               "description": "The name of the SVG spinner to use. If a name is not provided, the platform's default\nspinner will be used.",
@@ -7630,6 +8979,24 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "size",
+              "description": "Set to `\"xsmall\"` for the smallest size.\nSet to `\"small\"` for a smaller size.\nSet to `\"medium\"` for a medium size.\nSet to `\"large\"` for a large size.\nSet to `\"xlarge\"` for the largest size.\n\nDefaults to `\"xsmall\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [],
@@ -7664,6 +9031,24 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "when",
               "description": "When the split-pane should be shown.\nCan be a CSS media query expression, or a shortcut expression.\nCan also be a boolean expression.",
@@ -7713,6 +9098,15 @@
                 "type": "Function | HTMLElement | null | string | undefined"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "tab",
               "description": "A tab id must be provided for each `ion-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them.",
@@ -7721,6 +9115,15 @@
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -7750,15 +9153,34 @@
                 "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
               }
             },
+            {
+              "name": "expand",
+              "description": "Set to `\"compact\"` to display a width based on the items\ninside the tab bar. This value will only work for the\n`ionic` theme.\n\nSet to `\"full\"` to display a full width tab bar.\n\nDefaults to `\"full\"`.",
+              "required": false,
+              "default": "'full'",
+              "value": {
+                "kind": "expression",
+                "type": "\"compact\" | \"full\""
+              }
+            },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
             },
+            {
+              "name": "scroll-effect",
+              "description": "Describes the scroll effect that will be applied to the tab bar.\n`\"hide\"` slides the tab bar out of view when scrolling down and back in\nwhen scrolling up.\n\nNote: `\"hide\"` is ignored when the tab bar is nested inside an\n`ion-footer` to avoid leaving an empty footer visible on screen.\nSet `scroll-effect=\"hide\"` on the footer instead so the entire\nfooter hides together.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"hide\" | undefined"
+              }
+            },
             {
               "name": "selected-tab",
               "description": "The selected tab component",
@@ -7768,9 +9190,27 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for a tab bar with slightly rounded corners,\n`\"round\"` for a tab bar with fully rounded corners, or\n`\"rectangular\"` for a tab bar without rounded corners.\n\nDefaults to `\"round\"` for the `\"ionic\"` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the tab bar will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
+              "description": "If `true`, the tab bar will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
               "required": false,
               "default": "false",
               "value": {
@@ -7836,7 +9276,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -7862,6 +9302,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for a tab-button with slightly rounded corners,\n`\"round\"` for a tab-button with fully rounded corners, or `\"rectangular\"`\nfor a tab-button without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
             {
               "name": "tab",
               "description": "A tab id must be provided for each `ion-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them.",
@@ -7879,6 +9328,15 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -7898,7 +9356,26 @@
             "module": "@ionic/vue",
             "symbol": "IonTabs"
           },
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            }
+          ],
           "slots": [
             {
               "name": "default",
@@ -7957,12 +9434,21 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -8099,7 +9585,7 @@
             },
             {
               "name": "fill",
-              "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available in `md` mode.",
+              "description": "The fill for the item. If `\"solid\"` the item will have a background. If\n`\"outline\"` the item will be transparent with a border. Only available when the theme is `\"md\"`.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -8163,7 +9649,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -8220,11 +9706,21 @@
             },
             {
               "name": "shape",
-              "description": "The shape of the textarea. If \"round\" it will have an increased border radius.",
+              "description": "Set to `\"soft\"` for a textarea with slightly rounded corners,\n`\"round\"` for a textarea with fully rounded corners, or `\"rectangular\"`\nfor a textarea without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The size of the textarea. If \"large\" it will increase the height of the textarea, while\n\"small\" and \"medium\" provide progressively smaller heights. The default size is \"medium\".\nThis property only applies to the `\"ionic\"` theme.",
               "required": false,
+              "default": "'medium'",
               "value": {
                 "kind": "expression",
-                "type": "\"round\" | undefined"
+                "type": "\"large\" | \"medium\" | \"small\" | undefined"
               }
             },
             {
@@ -8237,6 +9733,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "value",
               "description": "The value of the textarea.",
@@ -8323,7 +9828,26 @@
             "module": "@ionic/vue",
             "symbol": "IonThumbnail"
           },
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            }
+          ],
           "slots": [
             {
               "name": "default",
@@ -8351,6 +9875,15 @@
                 "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined"
               }
             },
+            {
+              "name": "mode",
+              "description": "The mode determines the platform behaviors of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\""
+              }
+            },
             {
               "name": "size",
               "description": "The size of the toolbar title.",
@@ -8359,6 +9892,15 @@
                 "kind": "expression",
                 "type": "\"large\" | \"small\" | undefined"
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
             }
           ],
           "slots": [
@@ -8453,6 +9995,16 @@
                 "type": "undefined | { [key: string]: any; }"
               }
             },
+            {
+              "name": "hue",
+              "description": "Set to `\"bold\"` for a toast with vibrant, bold colors or to `\"subtle\"` for\na toast with muted, subtle colors.\n\nOnly applies to the `ionic` theme.",
+              "required": false,
+              "default": "'subtle'",
+              "value": {
+                "kind": "expression",
+                "type": "\"bold\" | \"subtle\" | undefined"
+              }
+            },
             {
               "name": "icon",
               "description": "The name of the icon to display, or the path to a valid SVG file. See `ion-icon`.\nhttps://ionic.io/ionicons",
@@ -8512,7 +10064,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -8538,6 +10090,15 @@
                 "type": "HTMLElement | string | undefined"
               }
             },
+            {
+              "name": "shape",
+              "description": "Set to `\"soft\"` for a toast with slightly rounded corners,\n`\"round\"` for a toast with fully rounded corners, or `\"rectangular\"`\nfor a toast without rounded corners.\n\nDefaults to `\"round\"` for the `ionic` theme, undefined for all other themes.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"rectangular\" | \"round\" | \"soft\" | undefined"
+              }
+            },
             {
               "name": "swipe-gesture",
               "description": "If set to 'vertical', the Toast can be dismissed with\na swipe gesture. The swipe direction is determined by\nthe value of the `position` property:\n`top`: The Toast can be swiped up to dismiss.\n`bottom`: The Toast can be swiped down to dismiss.\n`middle`: The Toast can be swiped up or down to dismiss.",
@@ -8547,9 +10108,18 @@
                 "type": "\"vertical\" | undefined"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "translucent",
-              "description": "If `true`, the toast will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
+              "description": "If `true`, the toast will be translucent.\nOnly applies when the theme is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
               "required": false,
               "default": "false",
               "value": {
@@ -8748,7 +10318,7 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
@@ -8775,6 +10345,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
             {
               "name": "value",
               "description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`.",
@@ -8846,12 +10425,30 @@
             },
             {
               "name": "mode",
-              "description": "The mode determines which platform styles to use.",
+              "description": "The mode determines the platform behaviors of the component.",
               "required": false,
               "value": {
                 "kind": "expression",
                 "type": "\"ios\" | \"md\""
               }
+            },
+            {
+              "name": "theme",
+              "description": "The theme determines the visual appearance of the component.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"ios\" | \"md\" | \"ionic\""
+              }
+            },
+            {
+              "name": "title-placement",
+              "description": "Where to place the title relative to the other toolbar content.\n`\"start\"`: The title will appear to the left of the toolbar content in LTR and to the right in RTL.\n`\"center\"`: The title will appear in the center of the toolbar.\n`\"end\"`: The title will appear to the right of the toolbar content in LTR and to the left in RTL.\n\nOnly applies in the `ionic` theme.",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "\"center\" | \"end\" | \"start\" | undefined"
+              }
             }
           ],
           "slots": [
@@ -8865,11 +10462,11 @@
             },
             {
               "name": "primary",
-              "description": "Content is placed to the right of the toolbar text in `ios` mode, and to the far right in `md` mode."
+              "description": "Content is placed to the right of the toolbar text in the `\"ios\"` theme, and to the far right in the `\"md\"` theme."
             },
             {
               "name": "secondary",
-              "description": "Content is placed to the left of the toolbar text in `ios` mode, and directly to the right in `md` mode."
+              "description": "Content is placed to the left of the toolbar text in the `\"ios\"` theme, and directly to the right in the `\"md\"` theme."
             },
             {
               "name": "start",