voyager-ionic-core 7.7.3 → 8.0.0-beta.2

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2024-02-24T20:38:59",
+  "timestamp": "2024-03-20T02:29:04",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.12.2",
+    "version": "4.12.5",
     "typescriptVersion": "5.3.3"
   },
   "components": [
@@ -1132,6 +1132,11 @@
           "annotation": "prop",
           "docs": "Color of the action sheet button when pressed"
         },
+        {
+          "name": "--button-color-disabled",
+          "annotation": "prop",
+          "docs": "Color of the selected action sheet button when disabled"
+        },
         {
           "name": "--button-color-focused",
           "annotation": "prop",
@@ -2580,7 +2585,7 @@
         "ion-loading",
         "ion-menu",
         "ion-modal",
-        "ion-picker",
+        "ion-picker-legacy",
         "ion-popover"
       ],
       "dependencies": [],
@@ -2600,7 +2605,7 @@
         "ion-modal": [
           "ion-backdrop"
         ],
-        "ion-picker": [
+        "ion-picker-legacy": [
           "ion-backdrop"
         ],
         "ion-popover": [
@@ -5194,30 +5199,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "legacy",
-          "type": "boolean | undefined",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "legacy",
-          "reflectToAttr": false,
-          "docs": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt checkboxes in to the modern form markup when they are\nusing either the `aria-label` attribute or have text in the default slot. As a result,\nthe `legacy` property should only be used as an escape hatch when you want to\navoid this automatic opt-in behavior.\n\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "mode",
           "type": "\"ios\" | \"md\"",
@@ -7086,6 +7067,44 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "formatOptions",
+          "type": "undefined | { date: DateTimeFormatOptions; time?: DateTimeFormatOptions | undefined; } | { date?: DateTimeFormatOptions | undefined; time: DateTimeFormatOptions; }",
+          "complexType": {
+            "original": "FormatOptions",
+            "resolved": "undefined | { date: DateTimeFormatOptions; time?: DateTimeFormatOptions | undefined; } | { date?: DateTimeFormatOptions | undefined; time: DateTimeFormatOptions; }",
+            "references": {
+              "FormatOptions": {
+                "location": "import",
+                "path": "./datetime-interface",
+                "id": "src/components/datetime/datetime-interface.ts::FormatOptions"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Formatting options for dates and times.\nShould include a 'date' and/or 'time' object, each of which is of type [Intl.DateTimeFormatOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options).",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "undefined"
+            },
+            {
+              "type": "{ date: DateTimeFormatOptions; time?: DateTimeFormatOptions"
+            },
+            {
+              "type": "undefined; }"
+            },
+            {
+              "type": "{ date?: DateTimeFormatOptions"
+            },
+            {
+              "type": "undefined; time: DateTimeFormatOptions; }"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "highlightedDates",
           "type": "((dateIsoString: string) => DatetimeHighlightStyle | undefined) | DatetimeHighlight[] | undefined",
@@ -7913,6 +7932,11 @@
           "name": "--wheel-highlight-background",
           "annotation": "prop",
           "docs": "The background of the highlight under the selected item when using a wheel style layout, or in the month/year picker for grid style layouts."
+        },
+        {
+          "name": "--wheel-highlight-border-radius",
+          "annotation": "prop",
+          "docs": "The border radius of the highlight under the selected item when using a wheel style layout, or in the month/year picker for grid style layouts."
         }
       ],
       "slots": [
@@ -7971,32 +7995,27 @@
       "dependencies": [
         "ion-buttons",
         "ion-button",
-        "ion-picker-internal",
-        "ion-picker-column-internal",
-        "ion-item",
-        "ion-label",
+        "ion-picker",
+        "ion-picker-column",
+        "ion-picker-column-option",
         "ion-icon",
+        "ion-ripple-effect",
         "ion-popover"
       ],
       "dependencyGraph": {
         "ion-datetime": [
           "ion-buttons",
           "ion-button",
-          "ion-picker-internal",
-          "ion-picker-column-internal",
-          "ion-item",
-          "ion-label",
+          "ion-picker",
+          "ion-picker-column",
+          "ion-picker-column-option",
           "ion-icon",
+          "ion-ripple-effect",
           "ion-popover"
         ],
         "ion-button": [
           "ion-ripple-effect"
         ],
-        "ion-item": [
-          "ion-icon",
-          "ion-ripple-effect",
-          "ion-note"
-        ],
         "ion-popover": [
           "ion-backdrop"
         ]
@@ -9716,35 +9735,6 @@
       ],
       "usage": {},
       "props": [
-        {
-          "name": "accept",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "accept",
-          "reflectToAttr": false,
-          "docs": "This attribute is ignored.",
-          "docsTags": [
-            {
-              "name": "deprecated"
-            }
-          ],
-          "deprecation": "",
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "autocapitalize",
           "type": "string",
@@ -10502,30 +10492,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "legacy",
-          "type": "boolean | undefined",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "legacy",
-          "reflectToAttr": false,
-          "docs": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the `label` property. As a result,\nthe `legacy` property should only be used as an escape hatch when you want to\navoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "max",
           "type": "number | string | undefined",
@@ -10812,30 +10778,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "size",
-          "type": "number | undefined",
-          "complexType": {
-            "original": "number",
-            "resolved": "number | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "size",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "spellcheck",
           "type": "boolean",
@@ -11164,6 +11106,11 @@
           "annotation": "prop",
           "docs": "The color of the highlight on the input when valid"
         },
+        {
+          "name": "--highlight-height",
+          "annotation": "prop",
+          "docs": "The height of the highlight on the input. Only applies to md mode."
+        },
         {
           "name": "--padding-bottom",
           "annotation": "prop",
@@ -11252,14 +11199,6 @@
           "name": "slot",
           "text": "end - Content is placed to the right of the item text in LTR, and to the left in RTL."
         },
-        {
-          "name": "slot",
-          "text": "helper - Content is placed under the item and displayed when no error is detected. **DEPRECATED** Use the \"helperText\" property on ion-input or ion-textarea instead."
-        },
-        {
-          "name": "slot",
-          "text": "error - Content is placed under the item and displayed when an error is detected. **DEPRECATED** Use the \"errorText\" property on ion-input or ion-textarea instead."
-        },
         {
           "name": "part",
           "text": "native - The native HTML button, anchor or div element that wraps all child elements."
@@ -11359,69 +11298,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "counter",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "counter",
-          "reflectToAttr": false,
-          "docs": "If `true`, a character counter will display the ratio of characters used and the total character limit. Only applies when the `maxlength` property is set on the inner `ion-input` or `ion-textarea`.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "Use the `counter` property on `ion-input` or `ion-textarea` instead."
-            }
-          ],
-          "default": "false",
-          "deprecation": "Use the `counter` property on `ion-input` or `ion-textarea` instead.",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "counterFormatter",
-          "type": "((inputLength: number, maxLength: number) => string) | undefined",
-          "complexType": {
-            "original": "CounterFormatter",
-            "resolved": "((inputLength: number, maxLength: number) => string) | undefined",
-            "references": {
-              "CounterFormatter": {
-                "location": "import",
-                "path": "./item-interface",
-                "id": "src/components/item/item-interface.ts::CounterFormatter"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "A callback used to format the counter text.\nBy default the counter text is set to \"itemLength / maxLength\".",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "Use the `counterFormatter` property on `ion-input` or `ion-textarea` instead."
-            }
-          ],
-          "deprecation": "Use the `counterFormatter` property on `ion-input` or `ion-textarea` instead.",
-          "values": [
-            {
-              "type": "((inputLength: number, maxLength: number) => string)"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "detail",
           "type": "boolean | undefined",
@@ -11514,41 +11390,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "fill",
-          "type": "\"outline\" | \"solid\" | undefined",
-          "complexType": {
-            "original": "'outline' | 'solid'",
-            "resolved": "\"outline\" | \"solid\" | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "fill",
-          "reflectToAttr": false,
-          "docs": "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.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "Use the `fill` property on `ion-input` or `ion-textarea` instead."
-            }
-          ],
-          "deprecation": "Use the `fill` property on `ion-input` or `ion-textarea` instead.",
-          "values": [
-            {
-              "value": "outline",
-              "type": "string"
-            },
-            {
-              "value": "solid",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "href",
           "type": "string | undefined",
@@ -11717,31 +11558,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "shape",
-          "type": "\"round\" | undefined",
-          "complexType": {
-            "original": "'round'",
-            "resolved": "\"round\" | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "shape",
-          "reflectToAttr": false,
-          "docs": "The shape of the item. If \"round\" it will have increased\nborder radius.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "round",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "target",
           "type": "string | undefined",
@@ -11801,11 +11617,6 @@
       "methods": [],
       "events": [],
       "listeners": [
-        {
-          "event": "ionInput",
-          "capture": false,
-          "passive": false
-        },
         {
           "event": "ionColor",
           "capture": false,
@@ -11909,27 +11720,7 @@
           "docs": "Opacity of the item detail icon"
         },
         {
-          "name": "--highlight-color-focused",
-          "annotation": "prop",
-          "docs": "The color of the highlight on the item when focused. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax."
-        },
-        {
-          "name": "--highlight-color-invalid",
-          "annotation": "prop",
-          "docs": "The color of the highlight on the item when invalid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax."
-        },
-        {
-          "name": "--highlight-color-valid",
-          "annotation": "prop",
-          "docs": "The color of the highlight on the item when valid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax."
-        },
-        {
-          "name": "--highlight-height",
-          "annotation": "prop",
-          "docs": "The height of the highlight on the item. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax."
-        },
-        {
-          "name": "--inner-border-width",
+          "name": "--inner-border-width",
           "annotation": "prop",
           "docs": "Width of the item inner border"
         },
@@ -12003,14 +11794,6 @@
           "name": "end",
           "docs": "Content is placed to the right of the item text in LTR, and to the left in RTL."
         },
-        {
-          "name": "error",
-          "docs": "Content is placed under the item and displayed when an error is detected. **DEPRECATED** Use the \"errorText\" property on ion-input or ion-textarea instead."
-        },
-        {
-          "name": "helper",
-          "docs": "Content is placed under the item and displayed when no error is detected. **DEPRECATED** Use the \"helperText\" property on ion-input or ion-textarea instead."
-        },
         {
           "name": "start",
           "docs": "Content is placed to the left of the item text in LTR, and to the right in RTL."
@@ -12027,22 +11810,16 @@
         }
       ],
       "dependents": [
-        "ion-datetime",
         "ion-select-popover"
       ],
       "dependencies": [
         "ion-icon",
-        "ion-ripple-effect",
-        "ion-note"
+        "ion-ripple-effect"
       ],
       "dependencyGraph": {
         "ion-item": [
           "ion-icon",
-          "ion-ripple-effect",
-          "ion-note"
-        ],
-        "ion-datetime": [
-          "ion-item"
+          "ion-ripple-effect"
         ],
         "ion-select-popover": [
           "ion-item"
@@ -13036,14 +12813,10 @@
       "slots": [],
       "parts": [],
       "dependents": [
-        "ion-datetime",
         "ion-select-popover"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "ion-datetime": [
-          "ion-label"
-        ],
         "ion-select-popover": [
           "ion-label"
         ]
@@ -14284,11 +14057,17 @@
         },
         {
           "name": "type",
-          "type": "string | undefined",
+          "type": "\"overlay\" | \"push\" | \"reveal\" | undefined",
           "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
+            "original": "MenuType",
+            "resolved": "\"overlay\" | \"push\" | \"reveal\" | undefined",
+            "references": {
+              "MenuType": {
+                "location": "import",
+                "path": "./menu-interface",
+                "id": "src/components/menu/menu-interface.ts::MenuType"
+              }
+            }
           },
           "mutable": true,
           "attr": "type",
@@ -14297,6 +14076,15 @@
           "docsTags": [],
           "values": [
             {
+              "value": "overlay",
+              "type": "string"
+            },
+            {
+              "value": "push",
+              "type": "string"
+            },
+            {
+              "value": "reveal",
               "type": "string"
             },
             {
@@ -16233,6 +16021,28 @@
             }
           ]
         },
+        {
+          "name": "getLength",
+          "returns": {
+            "type": "Promise<number>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<number>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<number>"
+          },
+          "signature": "getLength() => Promise<number>",
+          "parameters": [],
+          "docs": "Returns the number of views in the stack.",
+          "docsTags": []
+        },
         {
           "name": "getPrevious",
           "returns": {
@@ -17366,28 +17176,464 @@
               "type": "string & Record<never, never>"
             },
             {
-              "type": "undefined"
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "mode",
+          "type": "\"ios\" | \"md\"",
+          "mutable": false,
+          "attr": "mode",
+          "reflectToAttr": false,
+          "docs": "The mode determines which platform styles to use.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "ios",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [
+        {
+          "name": "--color",
+          "annotation": "prop",
+          "docs": "Color of the note"
+        }
+      ],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/picker/picker.tsx",
+      "encapsulation": "shadow",
+      "tag": "ion-picker",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "virtualProp",
+          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "mode",
+          "type": "\"ios\" | \"md\"",
+          "mutable": false,
+          "attr": "mode",
+          "reflectToAttr": false,
+          "docs": "The mode determines which platform styles to use.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "ios",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [
+        {
+          "event": "touchstart",
+          "capture": false,
+          "passive": true
+        }
+      ],
+      "styles": [
+        {
+          "name": "--fade-background-rgb",
+          "annotation": "prop",
+          "docs": "Background of the gradient covering non-selected items in rgb format"
+        },
+        {
+          "name": "--highlight-background",
+          "annotation": "prop",
+          "docs": "Background of the picker highlight for the selected item"
+        },
+        {
+          "name": "--highlight-border-radius",
+          "annotation": "prop",
+          "docs": "Border radius of the picker highlight for the selected item"
+        }
+      ],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "ion-datetime"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "ion-datetime": [
+          "ion-picker"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/picker-column/picker-column.tsx",
+      "encapsulation": "shadow",
+      "tag": "ion-picker-column",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "virtualProp",
+          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
+        },
+        {
+          "name": "slot",
+          "text": "prefix - Content to show on the left side of the picker options."
+        },
+        {
+          "name": "slot",
+          "text": "suffix - Content to show on the right side of the picker options."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
+          "complexType": {
+            "original": "Color",
+            "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
+            "references": {
+              "Color": {
+                "location": "import",
+                "path": "../../interface",
+                "id": "src/interface.d.ts::Color"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": true,
+          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
+          "docsTags": [],
+          "default": "'primary'",
+          "values": [
+            {
+              "value": "danger",
+              "type": "string"
+            },
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "primary",
+              "type": "string"
+            },
+            {
+              "value": "secondary",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "tertiary",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            },
+            {
+              "type": "string & Record<never, never>"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "If `true`, the user cannot interact with the picker.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "mode",
+          "type": "\"ios\" | \"md\"",
+          "mutable": false,
+          "attr": "mode",
+          "reflectToAttr": false,
+          "docs": "The mode determines which platform styles to use.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "ios",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "value",
+          "type": "number | string | undefined",
+          "complexType": {
+            "original": "string | number",
+            "resolved": "number | string | undefined",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "The selected option in the picker.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the scrollable container within the picker column.\nUse this method instead of the global `pickerColumn.focus()`.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "ionChange",
+          "detail": "PickerColumnChangeEventDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "PickerColumnChangeEventDetail",
+            "resolved": "PickerColumnChangeEventDetail",
+            "references": {
+              "PickerColumnChangeEventDetail": {
+                "location": "import",
+                "path": "./picker-column-interfaces",
+                "id": "src/components/picker-column/picker-column-interfaces.ts::PickerColumnChangeEventDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the value has changed.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "prefix",
+          "docs": "Content to show on the left side of the picker options."
+        },
+        {
+          "name": "suffix",
+          "docs": "Content to show on the right side of the picker options."
+        }
+      ],
+      "parts": [],
+      "dependents": [
+        "ion-datetime"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "ion-datetime": [
+          "ion-picker-column"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/picker-column-option/picker-column-option.tsx",
+      "encapsulation": "shadow",
+      "tag": "ion-picker-column-option",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
+          "complexType": {
+            "original": "Color",
+            "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never> | undefined",
+            "references": {
+              "Color": {
+                "location": "import",
+                "path": "../../interface",
+                "id": "src/interface.d.ts::Color"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": true,
+          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
+          "docsTags": [],
+          "default": "'primary'",
+          "values": [
+            {
+              "value": "danger",
+              "type": "string"
+            },
+            {
+              "value": "dark",
+              "type": "string"
+            },
+            {
+              "value": "light",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "primary",
+              "type": "string"
+            },
+            {
+              "value": "secondary",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "tertiary",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            },
+            {
+              "type": "string & Record<never, never>"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "If `true`, the user cannot interact with the picker column option.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
-          "name": "mode",
-          "type": "\"ios\" | \"md\"",
+          "name": "value",
+          "type": "any",
+          "complexType": {
+            "original": "any | null",
+            "resolved": "any",
+            "references": {}
+          },
           "mutable": false,
-          "attr": "mode",
+          "attr": "value",
           "reflectToAttr": false,
-          "docs": "The mode determines which platform styles to use.",
+          "docs": "The text value of the option.",
           "docsTags": [],
           "values": [
             {
-              "value": "ios",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
+              "type": "any"
             }
           ],
           "optional": true,
@@ -17397,29 +17643,23 @@
       "methods": [],
       "events": [],
       "listeners": [],
-      "styles": [
-        {
-          "name": "--color",
-          "annotation": "prop",
-          "docs": "Color of the note"
-        }
-      ],
+      "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [
-        "ion-item"
+        "ion-datetime"
       ],
       "dependencies": [],
       "dependencyGraph": {
-        "ion-item": [
-          "ion-note"
+        "ion-datetime": [
+          "ion-picker-column-option"
         ]
       }
     },
     {
-      "filePath": "src/components/picker/picker.tsx",
+      "filePath": "src/components/picker-legacy/picker.tsx",
       "encapsulation": "scoped",
-      "tag": "ion-picker",
+      "tag": "ion-picker-legacy",
       "docs": "",
       "docsTags": [
         {
@@ -17483,7 +17723,7 @@
               "PickerButton": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker/picker-interface.ts::PickerButton"
+                "id": "src/components/picker-legacy/picker-interface.ts::PickerButton"
               }
             }
           },
@@ -17510,7 +17750,7 @@
               "PickerColumn": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker/picker-interface.ts::PickerColumn"
+                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
               }
             }
           },
@@ -17787,7 +18027,7 @@
               {
                 "name": "role",
                 "type": "string | undefined",
-                "docs": "The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method."
+                "docs": "The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
               }
             ],
             "references": {
@@ -17808,7 +18048,7 @@
             {
               "name": "role",
               "type": "string | undefined",
-              "docs": "The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method."
+              "docs": "The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
             }
           ],
           "docs": "Dismiss the picker overlay after it has been presented.",
@@ -17819,7 +18059,7 @@
             },
             {
               "name": "param",
-              "text": "role The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`.\n\nThis is a no-op if the overlay has not been presented yet. If you want\nto remove an overlay from the DOM that was never presented, use the\n[remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method."
+              "text": "role The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
             }
           ]
         },
@@ -17846,7 +18086,7 @@
               "PickerColumn": {
                 "location": "import",
                 "path": "./picker-interface",
-                "id": "src/components/picker/picker-interface.ts::PickerColumn"
+                "id": "src/components/picker-legacy/picker-interface.ts::PickerColumn"
               }
             },
             "return": "Promise<PickerColumn | undefined>"
@@ -18163,12 +18403,12 @@
       "dependents": [],
       "dependencies": [
         "ion-backdrop",
-        "ion-picker-column"
+        "ion-picker-legacy-column"
       ],
       "dependencyGraph": {
-        "ion-picker": [
+        "ion-picker-legacy": [
           "ion-backdrop",
-          "ion-picker-column"
+          "ion-picker-legacy-column"
         ]
       }
     },
@@ -19445,11 +19685,6 @@
           "annotation": "prop",
           "docs": "Background of the progress track, or the buffer bar if `buffer` is set"
         },
-        {
-          "name": "--buffer-background",
-          "annotation": "prop",
-          "docs": "DEPRECATED, use `--background` instead"
-        },
         {
           "name": "--progress-background",
           "annotation": "prop",
@@ -19685,30 +19920,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "legacy",
-          "type": "boolean | undefined",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "legacy",
-          "reflectToAttr": false,
-          "docs": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the default slot that contains\nthe label text. As a result, the `legacy` property should only be used as\nan escape hatch when you want to avoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "mode",
           "type": "\"ios\" | \"md\"",
@@ -20282,30 +20493,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "legacy",
-          "type": "boolean | undefined",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "legacy",
-          "reflectToAttr": false,
-          "docs": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the `label` property. As a result,\nthe `legacy` property should only be used as an escape hatch when you want to\navoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "max",
           "type": "number",
@@ -21490,6 +21677,7 @@
         "ion-button",
         "ion-card",
         "ion-chip",
+        "ion-datetime",
         "ion-datetime-button",
         "ion-fab-button",
         "ion-item",
@@ -21519,6 +21707,9 @@
         "ion-chip": [
           "ion-ripple-effect"
         ],
+        "ion-datetime": [
+          "ion-ripple-effect"
+        ],
         "ion-datetime-button": [
           "ion-ripple-effect"
         ],
@@ -22393,6 +22584,27 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "autocapitalize",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "autocapitalize",
+          "reflectToAttr": false,
+          "docs": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\nAvailable options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
         {
           "name": "autocomplete",
           "type": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"",
@@ -22943,6 +23155,54 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "maxlength",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "maxlength",
+          "reflectToAttr": false,
+          "docs": "This attribute specifies the maximum number of characters that the user can enter.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "minlength",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "minlength",
+          "reflectToAttr": false,
+          "docs": "This attribute specifies the minimum number of characters that the user can enter.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "mode",
           "type": "\"ios\" | \"md\"",
@@ -24428,30 +24688,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "legacy",
-          "type": "boolean | undefined",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "legacy",
-          "reflectToAttr": false,
-          "docs": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the `label` property. As a result,\nthe `legacy` property should only be used as an escape hatch when you want to\navoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "mode",
           "type": "\"ios\" | \"md\"",
@@ -24830,6 +25066,11 @@
           "annotation": "prop",
           "docs": "The color of the highlight on the select when valid"
         },
+        {
+          "name": "--highlight-height",
+          "annotation": "prop",
+          "docs": "The height of the highlight on the select. Only applies to md mode."
+        },
         {
           "name": "--padding-bottom",
           "annotation": "prop",
@@ -24929,8 +25170,7 @@
         ],
         "ion-item": [
           "ion-icon",
-          "ion-ripple-effect",
-          "ion-note"
+          "ion-ripple-effect"
         ],
         "ion-popover": [
           "ion-backdrop"
@@ -26847,30 +27087,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "legacy",
-          "type": "boolean | undefined",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "legacy",
-          "reflectToAttr": false,
-          "docs": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the default slot that contains\nthe label text. As a result, the `legacy` property should only be used as\nan escape hatch when you want to avoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "maxlength",
           "type": "number | undefined",
@@ -27340,6 +27556,11 @@
           "annotation": "prop",
           "docs": "The color of the highlight on the textarea when valid"
         },
+        {
+          "name": "--highlight-height",
+          "annotation": "prop",
+          "docs": "The height of the highlight on the textarea. Only applies to md mode."
+        },
         {
           "name": "--padding-bottom",
           "annotation": "prop",
@@ -28833,30 +29054,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "legacy",
-          "type": "boolean | undefined",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "legacy",
-          "reflectToAttr": false,
-          "docs": "Set the `legacy` property to `true` to forcibly use the legacy form control markup.\nIonic will only opt components in to the modern form markup when they are\nusing either the `aria-label` attribute or the default slot that contains\nthe label text. As a result, the `legacy` property should only be used as\nan escape hatch when you want to avoid this automatic opt-in behavior.\nNote that this property will be removed in an upcoming major release\nof Ionic, and all form components will be opted-in to using the modern form markup.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "mode",
           "type": "\"ios\" | \"md\"",
@@ -29309,18 +29506,13 @@
       "docstring": "",
       "path": "src/components/router/utils/interface.ts"
     },
-    "src/components/item/item-interface.ts::CounterFormatter": {
-      "declaration": "(inputLength: number, maxLength: number) => string",
-      "docstring": "",
-      "path": "src/components/item/item-interface.ts"
-    },
     "src/interface.d.ts::FrameworkDelegate": {
       "declaration": "export interface FrameworkDelegate {\n  attachViewToDom(container: any, component: any, propsOrDataObj?: any, cssClasses?: string[]): Promise<HTMLElement>;\n  removeViewFromDom(container: any, component: any): Promise<void>;\n}",
       "docstring": "",
       "path": "src/interface.d.ts"
     },
     "src/components/action-sheet/action-sheet-interface.ts::ActionSheetButton": {
-      "declaration": "export interface ActionSheetButton<T = any> {\n  text?: string;\n  role?: LiteralUnion<'cancel' | 'destructive' | 'selected', string>;\n  icon?: string;\n  cssClass?: string | string[];\n  id?: string;\n  htmlAttributes?: { [key: string]: any };\n  handler?: () => boolean | void | Promise<boolean | void>;\n  data?: T;\n}",
+      "declaration": "export interface ActionSheetButton<T = any> {\n  text?: string;\n  role?: LiteralUnion<'cancel' | 'destructive' | 'selected', string>;\n  icon?: string;\n  cssClass?: string | string[];\n  id?: string;\n  htmlAttributes?: { [key: string]: any };\n  handler?: () => boolean | void | Promise<boolean | void>;\n  data?: T;\n  /**\n   * When `disabled` is `true` the action\n   * sheet button will not be interactive. Note\n   * that buttons with a 'cancel' role cannot\n   * be disabled as that would make it difficult for\n   * users to dismiss the action sheet.\n   */\n  disabled?: boolean;\n}",
       "docstring": "",
       "path": "src/components/action-sheet/action-sheet-interface.ts"
     },
@@ -29354,11 +29546,6 @@
       "docstring": "",
       "path": "src/components/checkbox/checkbox-interface.ts"
     },
-    "src/interface.d.ts::StyleEventDetail": {
-      "declaration": "export interface StyleEventDetail {\n  [styleName: string]: boolean;\n}",
-      "docstring": "",
-      "path": "src/interface.d.ts"
-    },
     "src/components/content/content-interface.ts::ScrollBaseDetail": {
       "declaration": "export interface ScrollBaseDetail {\n  isScrolling: boolean;\n}",
       "docstring": "",
@@ -29369,6 +29556,11 @@
       "docstring": "",
       "path": "src/components/content/content-interface.ts"
     },
+    "src/components/datetime/datetime-interface.ts::FormatOptions": {
+      "declaration": "export type FormatOptions =\n  | {\n      date: Intl.DateTimeFormatOptions;\n      time?: Intl.DateTimeFormatOptions;\n    }\n  | {\n      date?: Intl.DateTimeFormatOptions;\n      time: Intl.DateTimeFormatOptions;\n    };",
+      "docstring": "",
+      "path": "src/components/datetime/datetime-interface.ts"
+    },
     "src/components/datetime/datetime-interface.ts::DatetimePresentation": {
       "declaration": "export type DatetimePresentation = 'date-time' | 'time-date' | 'date' | 'time' | 'month' | 'year' | 'month-year';",
       "docstring": "",
@@ -29399,15 +29591,25 @@
       "docstring": "",
       "path": "src/components/datetime/datetime-interface.ts"
     },
-    "src/components/picker-column-internal/picker-column-internal-interfaces.ts::PickerColumnItem": {
-      "declaration": "export interface PickerColumnItem {\n  text: string;\n  value: string | number;\n  disabled?: boolean;\n}",
+    "src/interface.d.ts::StyleEventDetail": {
+      "declaration": "export interface StyleEventDetail {\n  [styleName: string]: boolean;\n}",
+      "docstring": "",
+      "path": "src/interface.d.ts"
+    },
+    "src/components/picker-column/picker-column-interfaces.ts::PickerColumnChangeEventDetail": {
+      "declaration": "export interface PickerColumnChangeEventDetail {\n  value: PickerColumnValue;\n}",
+      "docstring": "",
+      "path": "src/components/picker-column/picker-column-interfaces.ts"
+    },
+    "src/components/picker-column/picker-column-interfaces.ts::PickerColumnValue": {
+      "declaration": "export type PickerColumnValue = string | number | undefined;",
       "docstring": "",
-      "path": "src/components/picker-column-internal/picker-column-internal-interfaces.ts"
+      "path": "src/components/picker-column/picker-column-interfaces.ts"
     },
-    "src/components/picker-internal/picker-internal-interfaces.ts::PickerInternalChangeEventDetail": {
-      "declaration": "export interface PickerInternalChangeEventDetail {\n  useInputMode: boolean;\n  inputModeColumn?: HTMLIonPickerColumnInternalElement;\n}",
+    "src/components/picker/picker-interfaces.ts::PickerChangeEventDetail": {
+      "declaration": "export interface PickerChangeEventDetail {\n  useInputMode: boolean;\n  inputModeColumn?: HTMLIonPickerColumnElement;\n}",
       "docstring": "",
-      "path": "src/components/picker-internal/picker-internal-interfaces.ts"
+      "path": "src/components/picker/picker-interfaces.ts"
     },
     "src/components/spinner/spinner-configs.ts::SpinnerTypes": {
       "declaration": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-small\" | \"lines-sharp\" | \"lines-sharp-small\"",
@@ -29449,6 +29651,11 @@
       "docstring": "",
       "path": "src/components/menu/menu-interface.ts"
     },
+    "src/components/menu/menu-interface.ts::MenuType": {
+      "declaration": "export type MenuType = 'overlay' | 'reveal' | 'push';",
+      "docstring": "",
+      "path": "src/components/menu/menu-interface.ts"
+    },
     "src/components/menu/menu-interface.ts::MenuChangeEventDetail": {
       "declaration": "export interface MenuChangeEventDetail {\n  disabled: boolean;\n  open: boolean;\n}",
       "docstring": "",
@@ -29514,15 +29721,15 @@
       "docstring": "",
       "path": "src/components/router/utils/interface.ts"
     },
-    "src/components/picker/picker-interface.ts::PickerButton": {
+    "src/components/picker-legacy/picker-interface.ts::PickerButton": {
       "declaration": "export interface PickerButton {\n  text?: string;\n  role?: string;\n  cssClass?: string | string[];\n  handler?: (value: any) => boolean | void;\n}",
       "docstring": "",
-      "path": "src/components/picker/picker-interface.ts"
+      "path": "src/components/picker-legacy/picker-interface.ts"
     },
-    "src/components/picker/picker-interface.ts::PickerColumn": {
+    "src/components/picker-legacy/picker-interface.ts::PickerColumn": {
       "declaration": "export interface PickerColumn {\n  name: string;\n  align?: string;\n  /**\n   * Changing this value allows the initial value of a picker column to be set.\n   */\n  selectedIndex?: number;\n  prevSelected?: number;\n  prefix?: string;\n  suffix?: string;\n  options: PickerColumnOption[];\n  cssClass?: string | string[];\n  columnWidth?: string;\n  prefixWidth?: string;\n  suffixWidth?: string;\n  optionsWidth?: string;\n}",
       "docstring": "",
-      "path": "src/components/picker/picker-interface.ts"
+      "path": "src/components/picker-legacy/picker-interface.ts"
     },
     "src/components/popover/popover-interface.ts::TriggerAction": {
       "declaration": "export type TriggerAction = 'click' | 'hover' | 'context-menu';",
@@ -29685,7 +29892,7 @@
       "path": "src/components/toast/toast-interface.ts"
     },
     "src/components/toast/toast-interface.ts::ToastButton": {
-      "declaration": "export interface ToastButton {\n  text?: string;\n  icon?: string;\n  side?: 'start' | 'end';\n  role?: LiteralUnion<'cancel', string>;\n  /**\n   * @deprecated Use the toast button's CSS Shadow Parts instead.\n   */\n  cssClass?: string | string[];\n  htmlAttributes?: { [key: string]: any };\n  handler?: () => boolean | void | Promise<boolean | void>;\n}",
+      "declaration": "export interface ToastButton {\n  text?: string;\n  icon?: string;\n  side?: 'start' | 'end';\n  role?: LiteralUnion<'cancel', string>;\n  htmlAttributes?: { [key: string]: any };\n  handler?: () => boolean | void | Promise<boolean | void>;\n}",
       "docstring": "",
       "path": "src/components/toast/toast-interface.ts"
     },