@esri/calcite-components 5.0.0-next.7 → 5.0.0-next.71

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/calcite-components",
-  "version": "5.0.0-next.7",
+  "version": "5.0.0-next.71",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -109,7 +109,7 @@
         },
         {
           "name": "calcite-accordion-item",
-          "description": "### Events\n- **calciteAccordionItemCollapse** - Fires when the component's content area is collapsed.\n- **calciteAccordionItemExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content, including nested `calcite-accordion-item`s.\n- **actions-end** - A slot for adding `calcite-action`s or content to the end side of the component's header.\n- **actions-start** - A slot for adding `calcite-action`s or content to the start side of the component's header.\n- **content-end** - A slot for adding non-actionable elements after the component's header text.\n- **content-start** - A slot for adding non-actionable elements before the component's header text.\n\n### CSS Properties\n- **--calcite-accordion-border-color** - Specifies the component's border color. \n- **--calcite-accordion-background-color** - Specifies the component's background color. \n- **--calcite-accordion-text-color** - Specifies the component's text color. \n- **--calcite-accordion-text-color-hover** - Specifies the component's main text color on hover. \n- **--calcite-accordion-text-color-press** - Specifies the component's main text color when pressed. \n- **--calcite-accordion-item-background-color** - [Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color. \n- **--calcite-accordion-item-border-color** - [Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color. \n- **--calcite-accordion-item-content-space** - Specifies the component's padding. \n- **--calcite-accordion-item-end-icon-color** - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-expand-icon-color** - Specifies the component's expand icon color. \n- **--calcite-accordion-item-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-accordion-item-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-accordion-item-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-accordion-item-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-accordion-item-icon-color** - [Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color. \n- **--calcite-accordion-item-start-icon-color** - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-text-color** - [Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color. \n- **--calcite-accordion-item-text-color-hover** - [Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover. \n- **--calcite-accordion-item-text-color-press** - [Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press. ",
+          "description": "### Events\n- **calciteAccordionItemCollapse** - Fires when the component's content area is collapsed.\n- **calciteAccordionItemExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content, including nested `calcite-accordion-item`s.\n- **actions-end** - A slot for adding `calcite-action`s or content to the end side of the component's header.\n- **actions-start** - A slot for adding `calcite-action`s or content to the start side of the component's header.\n- **content-end** - A slot for adding non-actionable elements after the component's header text.\n- **content-start** - A slot for adding non-actionable elements before the component's header text.\n\n### CSS Properties\n- **--calcite-accordion-border-color** - Specifies the component's border color. \n- **--calcite-accordion-background-color** - Specifies the component's background color. \n- **--calcite-accordion-text-color** - Specifies the component's text color. \n- **--calcite-accordion-text-color-hover** - Specifies the component's main text color on hover. \n- **--calcite-accordion-text-color-press** - Specifies the component's main text color when pressed. \n- **--calcite-accordion-item-background-color** - [Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color. \n- **--calcite-accordion-item-border-color** - [Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color. \n- **--calcite-accordion-item-content-space** - Specifies the component's padding. \n- **--calcite-accordion-item-end-icon-color** - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-expand-icon-color** - Specifies the component's expand icon color. \n- **--calcite-accordion-item-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-accordion-item-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-accordion-item-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-accordion-item-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-accordion-item-icon-color** - [Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color. \n- **--calcite-accordion-item-start-icon-color** - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-text-color** - [Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color. \n- **--calcite-accordion-item-text-color-hover** - [Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover. ",
           "attributes": [
             {
               "name": "description",
@@ -262,7 +262,7 @@
         },
         {
           "name": "calcite-action",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding non-interactive content, such as a `calcite-icon`.\n\n### CSS Properties\n- **--calcite-action-background-color-hover** - Specifies the component's background color when hovered or focused. \n- **--calcite-action-background-color-press** - Specifies the component's background color when active. \n- **--calcite-action-background-color-pressed** - [Deprecated] Use --calcite-action-background-color-press. Specifies the component's background color when active. \n- **--calcite-action-background-color** - Specifies the component's background color. \n- **--calcite-action-corner-radius-end-end** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end end. \n- **--calcite-action-corner-radius-end-start** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end start. \n- **--calcite-action-corner-radius-start-end** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start end. \n- **--calcite-action-corner-radius-start-start** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start start. \n- **--calcite-action-corner-radius** - Specifies the component's corner radius. \n- **--calcite-action-indicator-color** - Specifies the component's indicator color. \n- **--calcite-action-text-color-press** - Specifies the component's text color when pressed or hovered. \n- **--calcite-action-text-color-pressed** - [Deprecated] Use --calcite-action-text-color-press. Specifies the component's text color when hovered. \n- **--calcite-action-text-color** - Specifies the component's text color. ",
+          "description": "### Events\n- **calciteInternalActionMouseDown** - Fires when the action's button is being pressed down.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding non-interactive content, such as a `calcite-icon`.\n\n### CSS Properties\n- **--calcite-action-background-color-hover** - Specifies the component's background color when hovered or focused. \n- **--calcite-action-background-color-press** - Specifies the component's background color when active. \n- **--calcite-action-background-color-pressed** - [Deprecated] Use --calcite-action-background-color-press. Specifies the component's background color when active. \n- **--calcite-action-background-color** - Specifies the component's background color. \n- **--calcite-action-corner-radius-end-end** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end end. \n- **--calcite-action-corner-radius-end-start** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end start. \n- **--calcite-action-corner-radius-start-end** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start end. \n- **--calcite-action-corner-radius-start-start** - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start start. \n- **--calcite-action-corner-radius** - Specifies the component's corner radius. \n- **--calcite-action-indicator-color** - Specifies the component's indicator color. \n- **--calcite-action-text-color-press** - Specifies the component's text color when pressed or hovered. \n- **--calcite-action-text-color-pressed** - [Deprecated] Use --calcite-action-text-color-press. Specifies the component's text color when hovered. \n- **--calcite-action-text-color** - Specifies the component's text color. ",
           "attributes": [
             {
               "name": "active",
@@ -285,8 +285,8 @@
             },
             {
               "name": "appearance",
-              "description": "Specifies the appearance of the component.",
-              "default": "\"solid\"",
+              "description": "**Deprecated**: in v5.0.0, removal target v6.0.0 - No longer necessary.. Specifies the appearance of the component.",
+              "default": "\"transparent\"",
               "value": {
                 "type": [
                   "\"solid\"",
@@ -399,7 +399,13 @@
               "description": "A slot for adding non-interactive content, such as a `calcite-icon`."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "calciteInternalActionMouseDown",
+              "type": "void",
+              "description": "Fires when the action's button is being pressed down."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -420,7 +426,7 @@
               {
                 "name": "aria",
                 "description": "Use this property to override or extend ARIA properties and attributes on the component's button.",
-                "type": "{\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"tree\" | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n}"
+                "type": "{\n    checked?: boolean | \"true\" | \"false\" | \"mixed\";\n    controlsElements?: Array<Element>;\n    describedByElements?: Array<Element>;\n    expanded?: boolean | \"true\" | \"false\";\n    hasPopup?: boolean | \"grid\" | \"tree\" | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\";\n    labelledByElements?: Array<Element>;\n    ownsElements?: Array<Element>;\n    pressed?: boolean | \"true\" | \"false\" | \"mixed\";\n    role?: \"grid\" | \"none\" | \"search\" | \"link\" | \"article\" | \"button\" | \"group\" | \"heading\" | \"list\" | \"presentation\" | \"separator\" | \"switch\" | \"table\" | \"timer\" | \"tree\" | \"meter\" | \"alert\" | \"application\" | \"log\" | \"main\" | \"figure\" | \"document\" | \"form\" | \"note\" | \"slider\" | \"row\" | \"tab\" | \"term\" | \"dialog\" | \"img\" | \"menu\" | \"option\" | \"math\" | \"marquee\" | \"menuitem\" | \"status\" | \"combobox\" | \"tooltip\" | \"checkbox\" | \"navigation\" | \"gridcell\" | \"menuitemcheckbox\" | \"menuitemradio\" | \"progressbar\" | \"radio\" | \"scrollbar\" | \"searchbox\" | \"spinbutton\" | \"tabpanel\" | \"textbox\" | \"treeitem\" | \"listbox\" | \"menubar\" | \"radiogroup\" | \"tablist\" | \"treegrid\" | \"cell\" | \"columnheader\" | \"definition\" | \"directory\" | \"feed\" | \"listitem\" | \"rowgroup\" | \"rowheader\" | \"toolbar\" | \"banner\" | \"complementary\" | \"contentinfo\" | \"region\" | \"alertdialog\";\n}"
               },
               {
                 "name": "compact",
@@ -488,7 +494,13 @@
                 "type": "\"button\" | \"reset\" | \"submit\""
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "calciteInternalActionMouseDown",
+                "type": "void",
+                "description": "Fires when the action's button is being pressed down."
+              }
+            ]
           }
         },
         {
@@ -701,7 +713,7 @@
         },
         {
           "name": "calcite-action-group",
-          "description": "### Events\n- **calciteActionGroupCollapse** - Fires when the component's content area is collapsed.\n- **calciteActionGroupExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding a group of `calcite-action`s.\n- **menu-actions** - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.\n- **menu-tooltip** - A slot for adding a `calcite-tooltip` for the menu.\n\n### CSS Properties\n- **--calcite-action-background-color** - Specifies the component's background color. \n- **--calcite-action-group-border-color** - Specifies the component's border color when used in a `calcite-action-bar` or `calcite-action-menu`. \n- **--calcite-action-group-columns** - When `layout` is `\"grid\"`, specifies the component's grid-template-columns. \n- **--calcite-action-group-gap** - When `layout` is `\"grid\"`, specifies the component's gap. \n- **--calcite-action-group-padding** - [Deprecated] Use `--calcite-action-group-gap`. Specifies the component's padding. ",
+          "description": "### Events\n- **calciteActionGroupCollapse** - Fires when the component's content area is collapsed.\n- **calciteActionGroupExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding a group of `calcite-action`s.\n- **menu-actions** - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.\n- **menu-tooltip** - A slot for adding a `calcite-tooltip` for the menu.\n\n### CSS Properties\n- **--calcite-action-background-color** - Specifies the component's background color. \n- **--calcite-action-group-border-color** - Specifies the component's border color when used in a `calcite-action-bar` or `calcite-action-menu`. \n- **--calcite-action-group-columns** - When `layout` is `\"grid\"`, specifies the component's grid-template-columns. \n- **--calcite-action-group-gap** - When `layout` is `\"grid\"`, specifies the component's gap. ",
           "attributes": [
             {
               "name": "columns",
@@ -803,6 +815,19 @@
                   "\"s\""
                 ]
               }
+            },
+            {
+              "name": "selection-mode",
+              "description": "Specifies the selection mode of the component, where:\n\n`\"multiple\"` allows any number of selections,\n\n`\"single\"` allows only one selection, and\n\n`\"single-persist\"` allows one selection and prevents de-selection.\n\n`\"none\"` disables selection (default).",
+              "default": "\"none\"",
+              "value": {
+                "type": [
+                  "\"multiple\"",
+                  "\"none\"",
+                  "\"single\"",
+                  "\"single-persist\""
+                ]
+              }
             }
           ],
           "slots": [
@@ -856,7 +881,7 @@
               {
                 "name": "menuFlipPlacements",
                 "description": "Specifies the component's fallback menu `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "menuOpen",
@@ -882,6 +907,11 @@
                 "name": "scale",
                 "description": "Specifies the size of the `calcite-action-menu`.",
                 "type": "\"l\" | \"m\" | \"s\""
+              },
+              {
+                "name": "selectionMode",
+                "description": "Specifies the selection mode of the component, where:\n\n`\"multiple\"` allows any number of selections,\n\n`\"single\"` allows only one selection, and\n\n`\"single-persist\"` allows one selection and prevents de-selection.\n\n`\"none\"` disables selection (default).",
+                "type": "\"multiple\" | \"none\" | \"single\" | \"single-persist\""
               }
             ],
             "events": [
@@ -1036,7 +1066,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback slotted content `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "label",
@@ -1263,7 +1293,7 @@
         },
         {
           "name": "calcite-alert",
-          "description": "Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned\nat the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.\n--\n\n### Events\n- **calciteAlertBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteAlertBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteAlertClose** - Fires when the component is closed and animation is complete.\n- **calciteAlertOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's \"close\" button, the first focusable item.\n\n`@returns` {Promise<void>}\n\n### Slots\n- **title** - A slot for adding a title to the component.\n- **message** - A slot for adding main text to the component.\n- **link** - A slot for adding a `calcite-action` to take from the component such as: \"undo\", \"try again\", \"link to page\", etc.\n- **actions-end** - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions.\n\n### CSS Properties\n- **--calcite-alert-width** - Specifies the width of the component. \n- **--calcite-alert-background-color** - Specifies the component's background color. \n- **--calcite-alert-corner-radius** - Specifies the component's corner radius. \n- **--calcite-alert-shadow** - Specifies the component's shadow. \n- **--calcite-alert-offset-size** - Specifies the component's `placement` offset. ",
+          "description": "Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned\nat the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.\n--\n\n### Events\n- **calciteAlertBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteAlertBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteAlertClose** - Fires when the component is closed and animation is complete.\n- **calciteAlertOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's \"close\" button, the first focusable item.\n\n### Slots\n- **title** - A slot for adding a title to the component.\n- **message** - A slot for adding main text to the component.\n- **link** - A slot for adding a `calcite-action` to take from the component such as: \"undo\", \"try again\", \"link to page\", etc.\n- **actions-end** - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions.\n\n### CSS Properties\n- **--calcite-alert-width** - Specifies the width of the component. \n- **--calcite-alert-background-color** - Specifies the component's background color. \n- **--calcite-alert-corner-radius** - Specifies the component's corner radius. \n- **--calcite-alert-shadow** - Specifies the component's shadow. \n- **--calcite-alert-offset-size** - Specifies the component's `placement` offset. ",
           "attributes": [
             {
               "name": "auto-close",
@@ -1378,6 +1408,14 @@
                   "\"s\""
                 ]
               }
+            },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
             }
           ],
           "slots": [
@@ -1481,6 +1519,11 @@
                 "name": "scale",
                 "description": "Specifies the size of the component.",
                 "type": "\"l\" | \"m\" | \"s\""
+              },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
               }
             ],
             "events": [
@@ -1509,7 +1552,7 @@
         },
         {
           "name": "calcite-autocomplete",
-          "description": "### Events\n- **calciteAutocompleteBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteAutocompleteBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteAutocompleteChange** - Fires each time a new `value` is typed and committed.\n- **calciteAutocompleteClose** - Fires when the component is closed and animation is complete.\n- **calciteAutocompleteOpen** - Fires when the component is open and animation is complete.\n- **calciteAutocompleteTextChange** - Fires each time a new `inputValue` is typed and committed.\n- **calciteAutocompleteTextInput** - Fires each time a new `inputValue` is typed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `scrollContentTo(options?: ScrollToOptions): Promise<void>` - Scrolls the component's content to a specified set of coordinates.\n- `selectText(): Promise<void>` - Selects the text of the component's `value`.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-autocomplete-item` elements.\n- **content-bottom** - A slot for adding content below `calcite-autocomplete-item` elements.\n- **content-top** - A slot for adding content above `calcite-autocomplete-item` elements.\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-autocomplete-background-color** - Specifies the background color of the component. \n- **--calcite-autocomplete-corner-radius** - Specifies the component's corner radius. \n- **--calcite-autocomplete-text-color** - Specifies the text color of the component. \n- **--calcite-autocomplete-input-prefix-size** - Specifies the Input's prefix width, when present. \n- **--calcite-autocomplete-input-suffix-size** - Specifies the Input's suffix width, when present. \n- **--calcite-autocomplete-input-background-color** - Specifies the background color of the Input. \n- **--calcite-autocomplete-input-border-color** - Specifies the border color of the Input. \n- **--calcite-autocomplete-input-corner-radius** - Specifies the corner radius of the Input. \n- **--calcite-autocomplete-input-shadow** - Specifies the shadow of the Input. \n- **--calcite-autocomplete-input-icon-color** - Specifies the icon color of the Input. \n- **--calcite-autocomplete-input-text-color** - Specifies the text color of the Input. \n- **--calcite-autocomplete-input-placeholder-text-color** - Specifies the color of placeholder text in the Input. \n- **--calcite-autocomplete-input-actions-background-color** - Specifies the background color of Input's `clearable` element. \n- **--calcite-autocomplete-input-actions-background-color-hover** - Specifies the background color of Input's `clearable` element when hovered. \n- **--calcite-autocomplete-input-actions-background-color-press** - Specifies the background color of Input's `clearable` element when pressed. \n- **--calcite-autocomplete-input-actions-icon-color** - Specifies the icon color of Input's `clearable` element. \n- **--calcite-autocomplete-input-actions-icon-color-hover** - Specifies the icon color of Input's `clearable` element when hovered. \n- **--calcite-autocomplete-input-actions-icon-color-press** - Specifies the icon color of Input's `clearable` element when pressed. \n- **--calcite-autocomplete-input-loading-background-color** - Specifies the background color of the Input's `loading` element, when present. \n- **--calcite-autocomplete-input-loading-fill-color** - Specifies the fill color of the Input's `loading` element, when present. \n- **--calcite-autocomplete-input-prefix-text-color** - Specifies the text color of the Input's prefix, when present. \n- **--calcite-autocomplete-input-suffix-text-color** - Specifies the text color of the Input's suffix, when present. ",
+          "description": "### Events\n- **calciteAutocompleteBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteAutocompleteBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteAutocompleteChange** - Fires each time a new `value` is typed and committed.\n- **calciteAutocompleteClose** - Fires when the component is closed and animation is complete.\n- **calciteAutocompleteOpen** - Fires when the component is open and animation is complete.\n- **calciteAutocompleteTextChange** - Fires each time a new `inputValue` is typed and committed.\n- **calciteAutocompleteTextInput** - Fires each time a new `inputValue` is typed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `scrollContentTo(options?: ScrollToOptions): Promise<void>` - Scrolls the component's content to a specified set of coordinates.\n- `selectText(): Promise<void>` - Selects the text of the component's `value`.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-autocomplete-item` elements.\n- **content-bottom** - A slot for adding content below `calcite-autocomplete-item` elements.\n- **content-top** - A slot for adding content above `calcite-autocomplete-item` elements.\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-autocomplete-background-color** - Specifies the background color of the component. \n- **--calcite-autocomplete-corner-radius** - Specifies the component's corner radius. \n- **--calcite-autocomplete-text-color** - Specifies the text color of the component. \n- **--calcite-autocomplete-menu-max-size-y** - Specifies the maximum height of the component's menu. \n- **--calcite-autocomplete-input-prefix-size** - Specifies the Input's prefix width, when present. \n- **--calcite-autocomplete-input-suffix-size** - Specifies the Input's suffix width, when present. \n- **--calcite-autocomplete-input-background-color** - Specifies the background color of the Input. \n- **--calcite-autocomplete-input-border-color** - Specifies the border color of the Input. \n- **--calcite-autocomplete-input-corner-radius** - Specifies the corner radius of the Input. \n- **--calcite-autocomplete-input-shadow** - Specifies the shadow of the Input. \n- **--calcite-autocomplete-input-icon-color** - Specifies the icon color of the Input. \n- **--calcite-autocomplete-input-text-color** - Specifies the text color of the Input. \n- **--calcite-autocomplete-input-placeholder-text-color** - Specifies the color of placeholder text in the Input. \n- **--calcite-autocomplete-input-actions-background-color** - Specifies the background color of Input's `clearable` element. \n- **--calcite-autocomplete-input-actions-background-color-hover** - Specifies the background color of Input's `clearable` element when hovered. \n- **--calcite-autocomplete-input-actions-background-color-press** - Specifies the background color of Input's `clearable` element when pressed. \n- **--calcite-autocomplete-input-actions-icon-color** - Specifies the icon color of Input's `clearable` element. \n- **--calcite-autocomplete-input-actions-icon-color-hover** - Specifies the icon color of Input's `clearable` element when hovered. \n- **--calcite-autocomplete-input-actions-icon-color-press** - Specifies the icon color of Input's `clearable` element when pressed. \n- **--calcite-autocomplete-input-loading-background-color** - Specifies the background color of the Input's `loading` element, when present. \n- **--calcite-autocomplete-input-loading-fill-color** - Specifies the fill color of the Input's `loading` element, when present. \n- **--calcite-autocomplete-input-prefix-text-color** - Specifies the text color of the Input's prefix, when present. \n- **--calcite-autocomplete-input-suffix-text-color** - Specifies the text color of the Input's suffix, when present. ",
           "attributes": [
             {
               "name": "alignment",
@@ -1704,6 +1747,14 @@
                 "type": "string"
               }
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "validation-icon",
               "description": "Specifies the validation icon to display under the component.",
@@ -1802,7 +1853,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "form",
@@ -1914,6 +1965,11 @@
                 "description": "Adds text to the end of the component.",
                 "type": "string"
               },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
+              },
               {
                 "name": "validationIcon",
                 "description": "Specifies the validation icon to display under the component.",
@@ -1927,7 +1983,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -2251,7 +2307,7 @@
         },
         {
           "name": "calcite-block",
-          "description": "### Events\n- **calciteBlockBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteBlockBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteBlockClose** - Fires when the component is closed and animation is complete.\n- **calciteBlockCollapse** - Fires when the component's content area is collapsed.\n- **calciteBlockExpand** - Fires when the component's content area is expanded.\n- **calciteBlockOpen** - Fires when the component is open and animation is complete.\n- **calciteBlockSortHandleBeforeClose** - Fires when the sort handle is requested to be closed and before the closing transition begins.\n- **calciteBlockSortHandleBeforeOpen** - Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteBlockSortHandleClose** - Fires when the sort handle is closed and animation is complete.\n- **calciteBlockSortHandleOpen** - Fires when the sort handle is open and animation is complete.\n- **calciteBlockToggle** - Fires when the component's header is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first tabbable element.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **actions-end** - A slot for adding actionable `calcite-action` elements after the content of the component. It is recommended to use two or fewer actions.\n- **content-start** - A slot for adding non-actionable elements before content of the component.\n- **header-menu-actions** - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n\n### CSS Properties\n- **--calcite-block-border-color** - Specifies the component's border color. \n- **--calcite-block-content-space** - Specifies the space of the component's `default` slot. \n- **--calcite-block-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-block-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-block-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-block-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-block-heading-text-color-press** - [Deprecated]  use `--calcite-block-heading-text-color` instead - When the component is `expanded`, specifies the `heading` text color. \n- **--calcite-block-padding** - [Deprecated] use `--calcite-block-content-space` instead - Specifies the padding of the component's `default` slot. \n- **--calcite-block-text-color** - [Deprecated] Specifies the component's text color. \n- **--calcite-block-description-text-color** - Specifies the component's `description` text color. \n- **--calcite-block-icon-color** - Specifies the component's `collapsible` icon, `iconStart` and `iconEnd` color. \n- **--calcite-block-icon-color-hover** - Specifies the component's `collapsible` icon color when hovered. ",
+          "description": "### Events\n- **calciteBlockBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteBlockBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteBlockClose** - Fires when the component is closed and animation is complete.\n- **calciteBlockCollapse** - Fires when the component's content area is collapsed.\n- **calciteBlockExpand** - Fires when the component's content area is expanded.\n- **calciteBlockOpen** - Fires when the component is open and animation is complete.\n- **calciteBlockSortHandleBeforeClose** - Fires when the sort handle is requested to be closed and before the closing transition begins.\n- **calciteBlockSortHandleBeforeOpen** - Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteBlockSortHandleClose** - Fires when the sort handle is closed and animation is complete.\n- **calciteBlockSortHandleOpen** - Fires when the sort handle is open and animation is complete.\n- **calciteBlockToggle** - Fires when the component's header is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first tabbable element.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **actions-end** - A slot for adding actionable `calcite-action` elements after the content of the component. It is recommended to use two or fewer actions.\n- **content-end** - A slot for adding non-actionable elements after content of the component.\n- **content-start** - A slot for adding non-actionable elements before content of the component.\n- **header-menu-actions** - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n\n### CSS Properties\n- **--calcite-block-border-color** - Specifies the component's border color. \n- **--calcite-block-content-space** - Specifies the space of the component's `default` slot. \n- **--calcite-block-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-block-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-block-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-block-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-block-heading-text-color-press** - [Deprecated]  use `--calcite-block-heading-text-color` instead - When the component is `expanded`, specifies the `heading` text color. \n- **--calcite-block-padding** - [Deprecated] use `--calcite-block-content-space` instead - Specifies the padding of the component's `default` slot. \n- **--calcite-block-text-color** - [Deprecated] Specifies the component's text color. \n- **--calcite-block-description-text-color** - Specifies the component's `description` text color. \n- **--calcite-block-icon-color** - Specifies the component's `collapsible` icon, `iconStart` and `iconEnd` color. \n- **--calcite-block-icon-color-hover** - Specifies the component's `collapsible` icon color when hovered. ",
           "attributes": [
             {
               "name": "collapsible",
@@ -2447,6 +2503,10 @@
               "name": "actions-end",
               "description": "A slot for adding actionable `calcite-action` elements after the content of the component. It is recommended to use two or fewer actions."
             },
+            {
+              "name": "content-end",
+              "description": "A slot for adding non-actionable elements after content of the component."
+            },
             {
               "name": "content-start",
               "description": "A slot for adding non-actionable elements before content of the component."
@@ -2583,7 +2643,7 @@
               {
                 "name": "menuFlipPlacements",
                 "description": "Specifies the component's fallback menu `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "menuPlacement",
@@ -3023,7 +3083,7 @@
         },
         {
           "name": "calcite-button",
-          "description": "Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this.\n\nIt is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-button-background-color** - Specifies the component's background color. \n- **--calcite-button-border-color** - Specifies the component's border color. \n- **--calcite-button-corner-radius** - Specifies the component's corner radius. \n- **--calcite-button-icon-color** - Specifies the component's `iconStart` and `iconEnd` color. \n- **--calcite-button-loader-color** - Specifies the component's loader color. \n- **--calcite-button-shadow-color** - [Deprecated] Use `--calcite-button-shadow`. Specifies the component's box-shadow color. \n- **--calcite-button-text-color** - Specifies the component's text color. \n- **--calcite-button-shadow** - Specifies the component's shadow. ",
+          "description": "Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this.\n\nIt is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-button-background-color** - Specifies the component's background color. \n- **--calcite-button-border-color** - Specifies the component's border color. \n- **--calcite-button-corner-radius** - Specifies the component's corner radius. \n- **--calcite-button-icon-color** - Specifies the component's `iconStart` and `iconEnd` color. \n- **--calcite-button-loader-color** - Specifies the component's loader color. \n- **--calcite-button-text-color** - Specifies the component's text color. \n- **--calcite-button-shadow** - Specifies the component's shadow. ",
           "attributes": [
             {
               "name": "alignment",
@@ -3333,7 +3393,7 @@
         },
         {
           "name": "calcite-card",
-          "description": "### Events\n- **calciteCardSelect** - Fires when the deprecated `selectable` is true, or `selectionMode` set on parent `calcite-card-group` is not `none` and the component is selected.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding content.\n- **thumbnail** - A slot for adding a thumbnail.\n- **heading** - A slot for adding a heading.\n- **description** - A slot for adding a description.\n- **footer-start** - A slot for adding a leading footer.\n- **footer-end** - A slot for adding a trailing footer.\n\n### CSS Properties\n- **--calcite-card-accent-color-selected** - Specifies the component's accent color when `selected`. \n- **--calcite-card-background-color** - Specifies the component's background color. \n- **--calcite-card-border-color** - Specifies the component's border color. \n- **--calcite-card-corner-radius** - Specifies the component's corner radius. \n- **--calcite-card-selection-background-color-active** - [Deprecated] Use `--calcite-card-selection-background-color-press`. Specifies the component's selection element background color when active. \n- **--calcite-card-selection-background-color-hover** - Specifies the component's selection element background color when hovered. \n- **--calcite-card-selection-background-color-press** - Specifies the component's selection element background color when active. \n- **--calcite-card-selection-background-color-selected** - [Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element icon color when `selected`. \n- **--calcite-card-selection-background-color** - [Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element background color. \n- **--calcite-card-selection-color-hover** - Specifies the component's selection element color when hovered or focused. \n- **--calcite-card-selection-color** - Specifies the component's selection element color. \n- **--calcite-card-selection-icon-color-hover** - [Deprecated] Use `--calcite-card-selection-color-hover`. Specifies the component's selection element icon color when hovered. \n- **--calcite-card-selection-icon-color-selected** - [Deprecated] Use `--calcite-card-accent-color-selected`. Specifies the component's selection element icon color when `selected`. \n- **--calcite-card-selection-icon-color** - [Deprecated] Use `--calcite-card-selection-color`. Specifies the component's selection element icon color. \n- **--calcite-card-shadow** - Specifies the component's shadow. ",
+          "description": "### Events\n- **calciteCardSelect** - Fires when the deprecated `selectable` is true, or `selectionMode` set on parent `calcite-card-group` is not `none` and the component is selected.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding content.\n- **thumbnail** - A slot for adding a thumbnail.\n- **heading** - A slot for adding a heading.\n- **description** - A slot for adding a description.\n- **footer-start** - A slot for adding a leading footer.\n- **footer-end** - A slot for adding a trailing footer.\n\n### CSS Properties\n- **--calcite-card-accent-color-selected** - Specifies the component's accent color when `selected`. \n- **--calcite-card-background-color** - Specifies the component's background color. \n- **--calcite-card-border-color** - Specifies the component's border color. \n- **--calcite-card-corner-radius** - Specifies the component's corner radius. \n- **--calcite-card-selection-background-color-hover** - Specifies the component's selection element background color when hovered. \n- **--calcite-card-selection-background-color-press** - Specifies the component's selection element background color when active. \n- **--calcite-card-selection-background-color** - [Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element background color. \n- **--calcite-card-selection-color-hover** - Specifies the component's selection element color when hovered or focused. \n- **--calcite-card-selection-color** - Specifies the component's selection element color. \n- **--calcite-card-selection-icon-color-hover** - [Deprecated] Use `--calcite-card-selection-color-hover`. Specifies the component's selection element icon color when hovered. \n- **--calcite-card-selection-icon-color-selected** - [Deprecated] Use `--calcite-card-accent-color-selected`. Specifies the component's selection element icon color when `selected`. \n- **--calcite-card-shadow** - Specifies the component's shadow. ",
           "attributes": [
             {
               "name": "disabled",
@@ -3604,6 +3664,14 @@
               "value": {
                 "type": "string"
               }
+            },
+            {
+              "name": "pagination-disabled",
+              "description": "When `true`, the component's pagination controls are hidden.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
             }
           ],
           "slots": [
@@ -3676,6 +3744,11 @@
                 "description": "Use this property to override individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
+              {
+                "name": "paginationDisabled",
+                "description": "When `true`, the component's pagination controls are hidden.",
+                "type": "boolean"
+              },
               {
                 "name": "selectedItem",
                 "description": "The component's selected `calcite-carousel-item`.",
@@ -3917,7 +3990,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -4727,6 +4800,36 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "placement",
+              "description": "Determines where the component will be positioned relative to the `referenceElement`.",
+              "default": "\"bottom-start\"",
+              "value": {
+                "type": [
+                  "\"auto\"",
+                  "\"auto-end\"",
+                  "\"auto-start\"",
+                  "\"bottom\"",
+                  "\"bottom-end\"",
+                  "\"bottom-start\"",
+                  "\"leading\"",
+                  "\"leading-end\"",
+                  "\"leading-start\"",
+                  "\"left\"",
+                  "\"left-end\"",
+                  "\"left-start\"",
+                  "\"right\"",
+                  "\"right-end\"",
+                  "\"right-start\"",
+                  "\"top\"",
+                  "\"top-end\"",
+                  "\"top-start\"",
+                  "\"trailing\"",
+                  "\"trailing-end\"",
+                  "\"trailing-start\""
+                ]
+              }
+            },
             {
               "name": "read-only",
               "description": "When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.",
@@ -4800,6 +4903,14 @@
                 ]
               }
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "validation-icon",
               "description": "Specifies the validation icon to display under the component.",
@@ -4904,7 +5015,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback slotted content placement when it's initial placement has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "form",
@@ -4961,6 +5072,11 @@
                 "description": "When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`).",
                 "type": "boolean"
               },
+              {
+                "name": "placement",
+                "description": "Determines where the component will be positioned relative to the `referenceElement`.",
+                "type": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"leading\" | \"leading-end\" | \"leading-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\" | \"trailing\" | \"trailing-end\" | \"trailing-start\""
+              },
               {
                 "name": "readOnly",
                 "description": "When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.",
@@ -5001,6 +5117,11 @@
                 "description": "Specifies the status of the input field, which determines message and icons.",
                 "type": "\"idle\" | \"invalid\" | \"valid\""
               },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
+              },
               {
                 "name": "validationIcon",
                 "description": "Specifies the validation icon to display under the component.",
@@ -5014,7 +5135,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -5145,16 +5266,9 @@
                 "type": "string"
               }
             },
-            {
-              "name": "text-label",
-              "description": "**Deprecated**: in v2.12.0, removal target v5.0.0 - Use the `heading` property instead.. The component's text.",
-              "value": {
-                "type": "string"
-              }
-            },
             {
               "name": "value",
-              "description": "The component's value.",
+              "description": "The component's value. Falls back to `heading` if not provided.",
               "value": {
                 "type": "any"
               }
@@ -5248,14 +5362,9 @@
                 "description": "The component's short heading.\n\nWhen provided, the short heading will be displayed in the component's selection.\n\nIt is recommended to use 5 characters or fewer.",
                 "type": "string"
               },
-              {
-                "name": "textLabel",
-                "description": "The component's text.",
-                "type": "string"
-              },
               {
                 "name": "value",
-                "description": "The component's value.",
+                "description": "The component's value. Falls back to `heading` if not provided.",
                 "type": "any"
               }
             ],
@@ -5840,93 +5949,6 @@
             "events": []
           }
         },
-        {
-          "name": "calcite-date-picker-month-header",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
-          "attributes": [
-            {
-              "name": "heading-level",
-              "description": "Specifies the number at which section headings should start.",
-              "value": {
-                "type": [
-                  "1",
-                  "2",
-                  "3",
-                  "4",
-                  "5",
-                  "6"
-                ]
-              }
-            },
-            {
-              "name": "month-style",
-              "description": "Specifies the monthStyle used by the component.",
-              "value": {
-                "type": [
-                  "\"abbreviated\"",
-                  "\"wide\""
-                ]
-              }
-            },
-            {
-              "name": "scale",
-              "description": "Specifies the size of the component.",
-              "value": {
-                "type": [
-                  "\"l\"",
-                  "\"m\"",
-                  "\"s\""
-                ]
-              }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "activeDate",
-                "description": "The focused date is indicated and will become the selected date if the user proceeds.",
-                "type": "Date"
-              },
-              {
-                "name": "headingLevel",
-                "description": "Specifies the number at which section headings should start.",
-                "type": "1 | 2 | 3 | 4 | 5 | 6"
-              },
-              {
-                "name": "localeData",
-                "description": "CLDR locale data for translated calendar info.",
-                "type": "DateLocaleData"
-              },
-              {
-                "name": "max",
-                "description": "Specifies the latest allowed date (`\"yyyy-mm-dd\"`).",
-                "type": "Date"
-              },
-              {
-                "name": "min",
-                "description": "Specifies the earliest allowed date (`\"yyyy-mm-dd\"`).",
-                "type": "Date"
-              },
-              {
-                "name": "monthStyle",
-                "description": "Specifies the monthStyle used by the component.",
-                "type": "\"abbreviated\" | \"wide\""
-              },
-              {
-                "name": "scale",
-                "description": "Specifies the size of the component.",
-                "type": "\"l\" | \"m\" | \"s\""
-              },
-              {
-                "name": "selectedDate",
-                "description": "Already selected date.",
-                "type": "Date"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "calcite-dialog",
           "description": "### Events\n- **calciteDialogBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteDialogBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteDialogClose** - Fires when the component is closed and animation is complete.\n- **calciteDialogOpen** - Fires when the component is open and animation is complete.\n- **calciteDialogScroll** - Fires when the content is scrolled.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `scrollContentTo(options?: ScrollToOptions): Promise<void>` - Scrolls the component's content to a specified set of coordinates.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's \"close\" button (the first focusable item).\n- `updateFocusTrapElements(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>` - Updates the element(s) that are included in the focus-trap of the component.\n\n### Slots\n- _default_ - A slot for adding content.\n- **custom-content** - A slot for displaying custom content. Will prevent the rendering of any default Dialog UI, except for `box-shadow` and `corner-radius`.\n- **action-bar** - A slot for adding a `calcite-action-bar` to the component.\n- **alerts** - A slot for adding `calcite-alert`s to the component.\n- **content-bottom** - A slot for adding content below the unnamed (default) slot and - if populated - the `footer` slot.\n- **content-top** - A slot for adding content above the unnamed (default) slot and - if populated - below the `action-bar` slot.\n- **header-actions-start** - A slot for adding actions or content to the starting side of the component's header.\n- **header-actions-end** - A slot for adding actions or content to the ending side of the component's header.\n- **header-content** - A slot for adding custom content to the component's header.\n- **header-menu-actions** - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n- **fab** - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n- **footer** - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n- **footer-end** - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n- **footer-start** - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n\n### CSS Properties\n- **--calcite-dialog-scrim-background-color** - Specifies the background color of the component's scrim. \n- **--calcite-dialog-size-x** - Specifies the width of the component, using `px`, `em`, `rem`, `vw`, or `%`. Does not exceed the viewport's width - applies when `placement=\"cover\"` is set. \n- **--calcite-dialog-min-size-x** - Specifies the minimum width of the component, using `px`, `em`, `rem`, `vw`, or `%`. \n- **--calcite-dialog-max-size-x** - Specifies the maximum width of the component, using `px`, `em`, `rem`, `vw`, or `%`. \n- **--calcite-dialog-size-y** - Specifies the height of the component, using `px`, `em`, `rem`, `vh`, or `%`. Does not exceed the viewport's height - applies when `placement=\"cover\"` is set. \n- **--calcite-dialog-min-size-y** - Specifies the minimum height of the component, using `px`, `em`, `rem`, `vh`, or `%`. \n- **--calcite-dialog-max-size-y** - Specifies the maximum height of the component, using `px`, `em`, `rem`, `vh`, or `%`. \n- **--calcite-dialog-content-space** - Specifies the padding of the component's content. \n- **--calcite-dialog-footer-space** - Specifies the padding of the component's footer. \n- **--calcite-dialog-border-color** - Specifies the component's border color. \n- **--calcite-dialog-offset-x** - Specifies the horizontal offset of the component. \n- **--calcite-dialog-offset-y** - Specifies the vertical offset of the component. \n- **--calcite-dialog-background-color** - Specifies the background color of the component. \n- **--calcite-dialog-icon-color** - Specifies the color of the component's icon. \n- **--calcite-dialog-accent-color** - Specifies the component's accent color when `kind` is specified. \n- **--calcite-dialog-corner-radius** - Specifies the component's corner radius. \n- **--calcite-dialog-heading-text-color** - Specifies the text color of the component's `heading`. \n- **--calcite-dialog-description-text-color** - Specifies the text color of the component's `description`. \n- **--calcite-dialog-header-background-color** - Specifies the background color of the component's header. \n- **--calcite-dialog-header-action-background-color** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-dialog-header-action-background-color-hover** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered. \n- **--calcite-dialog-header-action-background-color-press** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed. \n- **--calcite-dialog-header-action-text-color** - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-dialog-header-action-text-color-press** - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered. \n- **--calcite-dialog-footer-background-color** - Specifies the background color of the component's footer. \n- **--calcite-dialog-space** - Specifies the padding of the component's `\"unnamed (default)\"` slot. \n- **--calcite-dialog-header-content-space** - Specifies the padding of the `\"header-content\"` slot. \n- **--calcite-dialog-action-menu-border-color** - Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s. ",
@@ -6105,6 +6127,14 @@
                 ]
               }
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "width",
               "description": "Specifies the width of the component.",
@@ -6248,8 +6278,8 @@
               },
               {
                 "name": "focusTrapOptions",
-                "description": "Specifies custom focus trap configuration on the component, where\n\n`\"allowOutsideClick`\" allows outside clicks,\n`\"initialFocus\"` enables initial focus,\n`\"returnFocusOnDeactivate\"` returns focus when not active, and\n`\"extraContainers\"` specifies additional focusable elements external to the trap (e.g., 3rd-party components appending elements to the document body).\n`\"setReturnFocus\"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).",
-                "type": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n    setReturnFocus?: FocusTargetValueOrFalse | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => FocusTargetValueOrFalse) | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => undefined);\n}"
+                "description": "Specifies custom focus trap configuration on the component, where\n\n`\"allowOutsideClick`\" allows outside clicks,\n`\"initialFocus\"` enables initial focus,\n`\"returnFocusOnDeactivate\"` returns focus when not active, and\n`\"extraContainers\"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body.\n`\"setReturnFocus\"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).",
+                "type": "{\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n    setReturnFocus?: FocusTargetValueOrFalse | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => FocusTargetValueOrFalse) | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => undefined);\n}"
               },
               {
                 "name": "heading",
@@ -6326,6 +6356,11 @@
                 "description": "Specifies the size of the component.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
+              },
               {
                 "name": "width",
                 "description": "Specifies the width of the component.",
@@ -6456,6 +6491,14 @@
                 ]
               }
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "type",
               "description": "Specifies the action to open the component from the container element.",
@@ -6542,7 +6585,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `calcite-dropdown-item` `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "maxItems",
@@ -6584,6 +6627,11 @@
                 "description": "Specifies the component's selected items.",
                 "type": "Array<HTMLCalciteDropdownItemElement>"
               },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
+              },
               {
                 "name": "type",
                 "description": "Specifies the action to open the component from the container element.",
@@ -7690,7 +7738,7 @@
         },
         {
           "name": "calcite-inline-editable",
-          "description": "### Events\n- **calciteInlineEditableEditCancel** - Emits when the component's \"cancel editing\" button is pressed.\n- **calciteInlineEditableEditConfirm** - Emits when the component's \"confirm edits\" button is pressed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding a `calcite-input`.\n\n### CSS Properties\n- **--calcite-inline-editable-background-color-hover** - Specifies the component's background color when hovered. \n- **--calcite-inline-editable-background-color** - Specifies the component's background color. \n- **--calcite-inline-editable-button-background-color** - Specifies the button element's background color when appearance=\"solid\" or appearance=\"outline-fill\". \n- **--calcite-inline-editable-button-corner-radius** - Specifies the button element's corner radius. \n- **--calcite-inline-editable-button-loader-color** - Specifies the button element's loader color. \n- **--calcite-inline-editable-button-shadow-color** - Specifies the button element's box-shadow color. \n- **--calcite-inline-editable-button-text-color** - Specifies the button element's text color. ",
+          "description": "### Events\n- **calciteInlineEditableEditCancel** - Emits when the component's \"cancel editing\" button is pressed.\n- **calciteInlineEditableEditConfirm** - Emits when the component's \"confirm edits\" button is pressed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding a `calcite-input`.\n\n### CSS Properties\n- **--calcite-inline-editable-background-color-hover** - Specifies the component's background color when hovered. \n- **--calcite-inline-editable-background-color** - Specifies the component's background color. \n- **--calcite-inline-editable-button-background-color** - Specifies the button element's background color when appearance=\"solid\" or appearance=\"outline-fill\". \n- **--calcite-inline-editable-button-corner-radius** - Specifies the button element's corner radius. \n- **--calcite-inline-editable-button-loader-color** - Specifies the button element's loader color. \n- **--calcite-inline-editable-button-text-color** - Specifies the button element's text color. ",
           "attributes": [
             {
               "name": "controls",
@@ -7831,7 +7879,7 @@
             },
             {
               "name": "clearable",
-              "description": "When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `\"search\"`, `\"time\"`, and `\"date\"` types, and will not display for the `\"textarea\"` type.",
+              "description": "When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `\"search\"`, `\"time\"`, and `\"date\"` types.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -8043,7 +8091,7 @@
             },
             {
               "name": "type",
-              "description": "Specifies the component type.\n\nNote that the following `type`s add type-specific icons by default: `\"date\"`, `\"email\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"time\"`.\n\n `\"textarea\"` [Deprecated] use the `calcite-text-area` component instead.",
+              "description": "Specifies the component type.\n\nNote that the following `type`s add type-specific icons by default: `\"date\"`, `\"email\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"time\"`.",
               "default": "\"text\"",
               "value": {
                 "type": [
@@ -8059,7 +8107,6 @@
                   "\"search\"",
                   "\"tel\"",
                   "\"text\"",
-                  "\"textarea\"",
                   "\"time\"",
                   "\"url\"",
                   "\"week\""
@@ -8129,7 +8176,7 @@
               },
               {
                 "name": "clearable",
-                "description": "When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `\"search\"`, `\"time\"`, and `\"date\"` types, and will not display for the `\"textarea\"` type.",
+                "description": "When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `\"search\"`, `\"time\"`, and `\"date\"` types.",
                 "type": "boolean"
               },
               {
@@ -8269,8 +8316,8 @@
               },
               {
                 "name": "type",
-                "description": "Specifies the component type.\n\nNote that the following `type`s add type-specific icons by default: `\"date\"`, `\"email\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"time\"`.\n\n `\"textarea\"` [Deprecated] use the `calcite-text-area` component instead.",
-                "type": "\"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"image\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"textarea\" | \"time\" | \"url\" | \"week\""
+                "description": "Specifies the component type.\n\nNote that the following `type`s add type-specific icons by default: `\"date\"`, `\"email\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"time\"`.",
+                "type": "\"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"image\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\""
               },
               {
                 "name": "validationIcon",
@@ -8285,7 +8332,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -8309,7 +8356,7 @@
         },
         {
           "name": "calcite-input-date-picker",
-          "description": "### Events\n- **calciteInputDatePickerBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteInputDatePickerBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteInputDatePickerChange** - Fires when the component's `value` changes.\n- **calciteInputDatePickerClose** - Fires when the component is closed and animation is complete.\n- **calciteInputDatePickerOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-input-date-picker-actions-icon-color** - Specifies the component's actions icon color. \n- **--calcite-input-date-picker-actions-icon-color-hover** - Specifies the component's actions icon color on hover. \n- **--calcite-input-date-picker-background-color** - Specifies the component's input background color. \n- **--calcite-input-date-picker-border-color** - Specifies the component's input border color. \n- **--calcite-input-date-picker-calendar-actions-background-color** - Specifies the background color of actions of the calendar. \n- **--calcite-input-date-picker-calendar-actions-background-color-hover** - Specifies the background color of actions of the calendar when hovered. \n- **--calcite-input-date-picker-calendar-actions-background-color-press** - Specifies the background color of actions of the calendar when pressed. \n- **--calcite-input-date-picker-calendar-actions-text-color** - Specifies the text color of the component's calendar actions. \n- **--calcite-input-date-picker-calendar-actions-text-color-press** - Specifies the text color of the component's calendar actions when pressed. \n- **--calcite-input-date-picker-calendar-border-color** - Specifies the component's calendar border color. \n- **--calcite-input-date-picker-calendar-corner-radius** - Specifies the component's calendar corner radius. \n- **--calcite-input-date-picker-calendar-current-day-text-color** - Specifies the text color of current day of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-background-color** - Specifies the background color of day of the calendar. \n- **--calcite-input-date-picker-calendar-day-background-color-hover** - Specifies the background color of day of the calendar when hovered. \n- **--calcite-input-date-picker-calendar-day-current-text-color** - [Deprecated] Use `--calcite-input-date-picker-calendar-current-day-text-color`. Specifies the text color of current day of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-range-text-color** - Specifies the text color of select day range of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-text-color-selected** - Specifies the text color of selected day of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-outside-range-background-color-hover** - Specifies the background color of day's outside current range of the component's date-picker when hovered. \n- **--calcite-input-date-picker-calendar-day-outside-range-text-color-hover** - Specifies the text color of day's outside current range of the component's date-picker when hovered. \n- **--calcite-input-date-picker-calendar-day-text-color** - Specifies the text color of day of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-text-color-hover** - Specifies the text color of day of the component's date-picker when hovered. \n- **--calcite-input-date-picker-calendar-selected-background-color** - Specifies the background color of selected day and day range of the calendar. \n- **--calcite-input-date-picker-calendar-shadow** - the component's calendar shadow. \n- **--calcite-input-date-picker-calendar-icon-color** - Specifies the component's calendar icon color. \n- **--calcite-input-date-picker-calendar-icon-color-hover** - Specifies the component's calendar icon color. \n- **--calcite-input-date-picker-calendar-month-select-text-color** - Specifies the text color of month select of the component's date-picker. \n- **--calcite-input-date-picker-calendar-range-divider-color** - Specifies the divider color between the component's date-picker. \n- **--calcite-input-date-picker-calendar-text-color** - Specifies the text color of the component's calendar week, year & suffix. \n- **--calcite-input-date-picker-corner-radius** - Specifies the component's input corner radius. \n- **--calcite-input-date-picker-divider-color** - Specifies the component's divider color between two inputs when in range mode. \n- **--calcite-input-date-picker-icon-color** - Specifies the component's in-field input icon color. \n- **--calcite-input-date-picker-icon-color-hover** - [Deprecated] Specifies the component's in-field input icon color on hover. \n- **--calcite-input-date-picker-placeholder-text-color** - Specifies the component's input placeholder text color. \n- **--calcite-input-date-picker-shadow** - Specifies the component's input shadow. \n- **--calcite-input-date-picker-text-color** - Specifies the component's input text color. ",
+          "description": "### Events\n- **calciteInputDatePickerBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteInputDatePickerBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteInputDatePickerChange** - Fires when the component's `value` changes.\n- **calciteInputDatePickerClose** - Fires when the component is closed and animation is complete.\n- **calciteInputDatePickerOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-input-date-picker-actions-icon-color** - Specifies the component's actions icon color. \n- **--calcite-input-date-picker-actions-icon-color-hover** - Specifies the component's actions icon color on hover. \n- **--calcite-input-date-picker-background-color** - Specifies the component's input background color. \n- **--calcite-input-date-picker-border-color** - Specifies the component's input border color. \n- **--calcite-input-date-picker-calendar-actions-background-color** - Specifies the background color of actions of the calendar. \n- **--calcite-input-date-picker-calendar-actions-background-color-hover** - Specifies the background color of actions of the calendar when hovered. \n- **--calcite-input-date-picker-calendar-actions-background-color-press** - Specifies the background color of actions of the calendar when pressed. \n- **--calcite-input-date-picker-calendar-actions-text-color** - Specifies the text color of the component's calendar actions. \n- **--calcite-input-date-picker-calendar-actions-text-color-press** - Specifies the text color of the component's calendar actions when pressed. \n- **--calcite-input-date-picker-calendar-border-color** - Specifies the component's calendar border color. \n- **--calcite-input-date-picker-calendar-corner-radius** - Specifies the component's calendar corner radius. \n- **--calcite-input-date-picker-calendar-current-day-text-color** - Specifies the text color of current day of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-background-color** - Specifies the background color of day of the calendar. \n- **--calcite-input-date-picker-calendar-day-background-color-hover** - Specifies the background color of day of the calendar when hovered. \n- **--calcite-input-date-picker-calendar-day-current-text-color** - [Deprecated] Use `--calcite-input-date-picker-calendar-current-day-text-color`. Specifies the text color of current day of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-range-text-color** - Specifies the text color of select day range of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-text-color-selected** - Specifies the text color of selected day of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-outside-range-background-color-hover** - Specifies the background color of day's outside current range of the component's date-picker when hovered. \n- **--calcite-input-date-picker-calendar-day-outside-range-text-color-hover** - Specifies the text color of day's outside current range of the component's date-picker when hovered. \n- **--calcite-input-date-picker-calendar-day-text-color** - Specifies the text color of day of the component's date-picker. \n- **--calcite-input-date-picker-calendar-day-text-color-hover** - Specifies the text color of day of the component's date-picker when hovered. \n- **--calcite-input-date-picker-calendar-selected-background-color** - Specifies the background color of selected day and day range of the calendar. \n- **--calcite-input-date-picker-calendar-shadow** - the component's calendar shadow. \n- **--calcite-input-date-picker-calendar-icon-color** - Specifies the component's calendar icon color. \n- **--calcite-input-date-picker-calendar-icon-color-hover** - Specifies the component's calendar icon color. \n- **--calcite-input-date-picker-calendar-month-select-text-color** - Specifies the text color of month select of the component's date-picker. \n- **--calcite-input-date-picker-calendar-range-divider-color** - Specifies the divider color between the component's date-picker. \n- **--calcite-input-date-picker-calendar-text-color** - Specifies the text color of the component's calendar week, year & suffix. \n- **--calcite-input-date-picker-corner-radius** - Specifies the component's input corner radius. \n- **--calcite-input-date-picker-divider-color** - Specifies the component's divider color between two inputs when in range mode. \n- **--calcite-input-date-picker-icon-color** - Specifies the component's in-field input icon color. \n- **--calcite-input-date-picker-placeholder-text-color** - Specifies the component's input placeholder text color. \n- **--calcite-input-date-picker-shadow** - Specifies the component's input shadow. \n- **--calcite-input-date-picker-text-color** - Specifies the component's input text color. ",
           "attributes": [
             {
               "name": "calendars",
@@ -8517,6 +8564,14 @@
                 ]
               }
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "validation-icon",
               "description": "Specifies the validation icon to display under the component.",
@@ -8587,7 +8642,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `calcite-date-picker` `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "focusTrapDisabled",
@@ -8704,6 +8759,11 @@
                 "description": "Specifies the status of the input field, which determines message and icons.",
                 "type": "\"idle\" | \"invalid\" | \"valid\""
               },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
+              },
               {
                 "name": "validationIcon",
                 "description": "Specifies the validation icon to display under the component.",
@@ -8717,7 +8777,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -8761,7 +8821,7 @@
         },
         {
           "name": "calcite-input-message",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-input-message-spacing-value** - [Deprecated] Use `--calcite-input-message-spacing`. Specifies the margin spacing at the top of the component. \n- **--calcite-input-message-spacing** - Specifies the margin spacing at the top of the component. \n- **--calcite-input-message-icon-color** - Specifies the component's icon color. ",
+          "description": "**Deprecated**: in v5.0.0, removal target v6.0.0 - Use the `calcite-notice` component with `appearance=\"transparent\"` instead..\n--\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-input-message-spacing-value** - [Deprecated] Use `--calcite-input-message-spacing`. Specifies the margin spacing at the top of the component. \n- **--calcite-input-message-spacing** - Specifies the margin spacing at the top of the component. \n- **--calcite-input-message-icon-color** - Specifies the component's icon color. ",
           "attributes": [
             {
               "name": "icon",
@@ -9256,7 +9316,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -9610,7 +9670,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -9979,7 +10039,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -10292,7 +10352,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -10578,7 +10638,7 @@
             },
             {
               "name": "filter-placeholder",
-              "description": "Placeholder text for the component's filter input field.",
+              "description": "Specifies placeholder text for the component's filter input field.",
               "value": {
                 "type": "string"
               }
@@ -10586,20 +10646,21 @@
             {
               "name": "filter-text",
               "description": "Text for the component's filter input field.",
+              "default": "\"\"",
               "value": {
                 "type": "string"
               }
             },
             {
               "name": "group",
-              "description": "The list's group identifier.\n\nTo drag elements from one list into another, both lists must have the same group value.",
+              "description": "The component's group identifier.\n\nTo drag elements from one list into another, both lists must have the same group value.",
               "value": {
                 "type": "string"
               }
             },
             {
               "name": "interaction-mode",
-              "description": "Specifies the interaction mode of the component.\n\n`\"interactive\"` allows interaction styling and pointer changes on hover\n\n`\"static\"` does not allow interaction styling and pointer changes on hover\n\nThe `\"static\"` value should only be used when `selectionMode` is `\"none\"`.",
+              "description": "Specifies the interaction mode of the component, where\n\n`\"interactive\"` allows interaction styling and pointer changes on hover,\n\n`\"static\"` does not allow interaction styling and pointer changes on hover -\n\nthe `\"static\"` value should only be used when `selectionMode` is `\"none\"`.",
               "default": "\"interactive\"",
               "value": {
                 "type": [
@@ -10648,11 +10709,12 @@
             },
             {
               "name": "selection-appearance",
-              "description": "Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).",
+              "description": "Specifies the selection appearance, where\n\n`\"icon\"` displays a checkmark or dot,\n\n`\"border\"` [Deprecated] - Use `\"highlight\"` instead - displays a border, or\n\n`\"highlight\"` displays background highlight.",
               "default": "\"icon\"",
               "value": {
                 "type": [
                   "\"border\"",
+                  "\"highlight\"",
                   "\"icon\""
                 ]
               }
@@ -10778,7 +10840,7 @@
               },
               {
                 "name": "filterPlaceholder",
-                "description": "Placeholder text for the component's filter input field.",
+                "description": "Specifies placeholder text for the component's filter input field.",
                 "type": "string"
               },
               {
@@ -10798,12 +10860,12 @@
               },
               {
                 "name": "group",
-                "description": "The list's group identifier.\n\nTo drag elements from one list into another, both lists must have the same group value.",
+                "description": "The component's group identifier.\n\nTo drag elements from one list into another, both lists must have the same group value.",
                 "type": "string"
               },
               {
                 "name": "interactionMode",
-                "description": "Specifies the interaction mode of the component.\n\n`\"interactive\"` allows interaction styling and pointer changes on hover\n\n`\"static\"` does not allow interaction styling and pointer changes on hover\n\nThe `\"static\"` value should only be used when `selectionMode` is `\"none\"`.",
+                "description": "Specifies the interaction mode of the component, where\n\n`\"interactive\"` allows interaction styling and pointer changes on hover,\n\n`\"static\"` does not allow interaction styling and pointer changes on hover -\n\nthe `\"static\"` value should only be used when `selectionMode` is `\"none\"`.",
                 "type": "\"interactive\" | \"static\""
               },
               {
@@ -10818,7 +10880,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -10838,8 +10900,8 @@
               },
               {
                 "name": "selectionAppearance",
-                "description": "Specifies the selection appearance - `\"icon\"` (displays a checkmark or dot) or `\"border\"` (displays a border).",
-                "type": "\"border\" | \"icon\""
+                "description": "Specifies the selection appearance, where\n\n`\"icon\"` displays a checkmark or dot,\n\n`\"border\"` [Deprecated] - Use `\"highlight\"` instead - displays a border, or\n\n`\"highlight\"` displays background highlight.",
+                "type": "\"border\" | \"highlight\" | \"icon\""
               },
               {
                 "name": "selectionMode",
@@ -10888,7 +10950,7 @@
         },
         {
           "name": "calcite-list-item",
-          "description": "### Events\n- **calciteListItemClose** - Fires when the close button is clicked.\n- **calciteListItemCollapse** - Fires when the component's content area is collapsed.\n- **calciteListItemExpand** - Fires when the component's content area is expanded.\n- **calciteListItemSelect** - Fires when the component is selected.\n- **calciteListItemSortHandleBeforeClose** - Fires when the sort handle is requested to be closed and before the closing transition begins.\n- **calciteListItemSortHandleBeforeOpen** - Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteListItemSortHandleClose** - Fires when the sort handle is closed and animation is complete.\n- **calciteListItemSortHandleOpen** - Fires when the sort handle is open and animation is complete.\n- **calciteListItemToggle** - Fires when the open button is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding `calcite-list`, `calcite-list-item` and `calcite-list-item-group` elements.\n- **actions-start** - A slot for adding actionable `calcite-action` elements before the content of the component.\n- **content-start** - A slot for adding non-actionable elements before the label and description of the component.\n- **content** - A slot for adding non-actionable, centered content in place of the `label` and `description` of the component.\n- **content-end** - A slot for adding non-actionable elements after the label and description of the component.\n- **actions-end** - A slot for adding actionable `calcite-action` elements after the content of the component.\n- **content-bottom** - A slot for adding content below the component's `label` and `description`.\n\n### CSS Properties\n- **--calcite-list-background-color-hover** - Specifies the component's background color when hovered. \n- **--calcite-list-background-color-press** - Specifies the component's background color when pressed. \n- **--calcite-list-background-color** - Specifies the component's background color. \n- **--calcite-list-border-color** - Specifies the component's border color. \n- **--calcite-list-content-text-color** - Specifies the content color. \n- **--calcite-list-description-text-color** - Specifies the `description` color. \n- **--calcite-list-icon-color** - Specifies the component's icon color. \n- **--calcite-list-label-text-color** - Specifies the `label` color. \n- **--calcite-list-selection-border-color** - Specifies the component's selection border color. ",
+          "description": "### Events\n- **calciteListItemClose** - Fires when the close button is clicked.\n- **calciteListItemCollapse** - Fires when the component's content area is collapsed.\n- **calciteListItemExpand** - Fires when the component's content area is expanded.\n- **calciteListItemSelect** - Fires when the component is selected.\n- **calciteListItemSortHandleBeforeClose** - Fires when the sort handle is requested to be closed and before the closing transition begins.\n- **calciteListItemSortHandleBeforeOpen** - Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteListItemSortHandleClose** - Fires when the sort handle is closed and animation is complete.\n- **calciteListItemSortHandleOpen** - Fires when the sort handle is open and animation is complete.\n- **calciteListItemToggle** - Fires when the open button is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding `calcite-list`, `calcite-list-item` and `calcite-list-item-group` elements.\n- **actions-start** - A slot for adding actionable `calcite-action` elements before the content of the component.\n- **content-start** - A slot for adding non-actionable elements before the component's `label` and `description`.\n- **content** - A slot for adding non-actionable, centered content in place of the component's `label` and `description`.\n- **content-end** - A slot for adding non-actionable elements after the component's `label` and `description`.\n- **actions-end** - A slot for adding actionable `calcite-action` elements after the component's content.\n- **content-bottom** - A slot for adding content below the component's `label` and `description`.\n\n### CSS Properties\n- **--calcite-list-background-color-hover** - Specifies the component's background color when hovered. \n- **--calcite-list-background-color-press** - Specifies the component's background color when pressed. \n- **--calcite-list-background-color** - Specifies the component's background color. \n- **--calcite-list-border-color** - Specifies the component's border color. \n- **--calcite-list-content-text-color** - Specifies the content color. \n- **--calcite-list-description-text-color** - Specifies the `description` color. \n- **--calcite-list-icon-color** - Specifies the component's icon color. \n- **--calcite-list-label-text-color** - Specifies the `label` color. \n- **--calcite-list-selection-border-color** - Specifies the component's selection border color. ",
           "attributes": [
             {
               "name": "closable",
@@ -10908,7 +10970,7 @@
             },
             {
               "name": "description",
-              "description": "A description for the component. Displays below the label text.",
+              "description": "Specifies a description for the component, displays below the `label`.",
               "value": {
                 "type": "string"
               }
@@ -10960,7 +11022,7 @@
             },
             {
               "name": "label",
-              "description": "The label text of the component. Displays above the description text.",
+              "description": "Specifies the label of the component, displays above the `description`.",
               "value": {
                 "type": "string"
               }
@@ -11003,7 +11065,7 @@
             },
             {
               "name": "unavailable",
-              "description": "When `true`, the component's content appears inactive.",
+              "description": "When `true`, the component's content displays as inactive.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -11028,19 +11090,19 @@
             },
             {
               "name": "content-start",
-              "description": "A slot for adding non-actionable elements before the label and description of the component."
+              "description": "A slot for adding non-actionable elements before the component's `label` and `description`."
             },
             {
               "name": "content",
-              "description": "A slot for adding non-actionable, centered content in place of the `label` and `description` of the component."
+              "description": "A slot for adding non-actionable, centered content in place of the component's `label` and `description`."
             },
             {
               "name": "content-end",
-              "description": "A slot for adding non-actionable elements after the label and description of the component."
+              "description": "A slot for adding non-actionable elements after the component's `label` and `description`."
             },
             {
               "name": "actions-end",
-              "description": "A slot for adding actionable `calcite-action` elements after the content of the component."
+              "description": "A slot for adding actionable `calcite-action` elements after the component's content."
             },
             {
               "name": "content-bottom",
@@ -11108,7 +11170,7 @@
               },
               {
                 "name": "description",
-                "description": "A description for the component. Displays below the label text.",
+                "description": "Specifies a description for the component, displays below the `label`.",
                 "type": "string"
               },
               {
@@ -11143,12 +11205,12 @@
               },
               {
                 "name": "label",
-                "description": "The label text of the component. Displays above the description text.",
+                "description": "Specifies the label of the component, displays above the `description`.",
                 "type": "string"
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -11178,7 +11240,7 @@
               },
               {
                 "name": "unavailable",
-                "description": "When `true`, the component's content appears inactive.",
+                "description": "When `true`, the component's content displays as inactive.",
                 "type": "boolean"
               },
               {
@@ -11250,7 +11312,7 @@
             },
             {
               "name": "heading",
-              "description": "The header text for all nested `calcite-list-item` rows.",
+              "description": "Specifies heading text for the component's nested `calcite-list-item` rows.",
               "value": {
                 "type": "string"
               }
@@ -11284,7 +11346,7 @@
               },
               {
                 "name": "heading",
-                "description": "The header text for all nested `calcite-list-item` rows.",
+                "description": "Specifies heading text for the component's nested `calcite-list-item` rows.",
                 "type": "string"
               },
               {
@@ -11431,7 +11493,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               }
             ],
@@ -11440,7 +11502,7 @@
         },
         {
           "name": "calcite-menu-item",
-          "description": "### Events\n- **calciteMenuItemSelect** - Emits when the component is selected.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **submenu-item** - A slot for adding `calcite-menu-item`s in a submenu.\n\n### CSS Properties\n- **--calcite-menu-item-accent-color** - Specifies the border color of the component when `active`. \n- **--calcite-menu-background-color** - Specifies the background color of the component. \n- **--calcite-menu-item-sub-menu-border-color** - Specifies the border color of sub-menu. \n- **--calcite-menu-item-sub-menu-corner-radius** - Specifies the border radius of sub-menu. \n- **--calcite-menu-text-color** - Specifies the text color of the component. ",
+          "description": "### Events\n- **calciteMenuItemSelect** - Emits when the component is selected.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **submenu-item** - A slot for adding `calcite-menu-item`s in a submenu.\n\n### CSS Properties\n- **--calcite-menu-item-accent-color** - When `active`, specifies the component's border color. \n- **--calcite-menu-background-color** - Specifies the component's background color. \n- **--calcite-menu-item-sub-menu-border-color** - Specifies the submenu's border color. \n- **--calcite-menu-item-sub-menu-corner-radius** - Specifies the submenu's border radius. \n- **--calcite-menu-text-color** - Specifies the component's text color. ",
           "attributes": [
             {
               "name": "active",
@@ -11575,7 +11637,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -11614,7 +11676,7 @@
           "attributes": [
             {
               "name": "appearance",
-              "description": "Specifies the appearance style of the component.",
+              "description": "Specifies the appearance of the component.",
               "default": "\"outline-fill\"",
               "value": {
                 "type": [
@@ -11634,7 +11696,7 @@
             },
             {
               "name": "fill-type",
-              "description": "Specifies the component's display, where `\"single\"` displays a single color and `\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.",
+              "description": "Specifies the component's display, where\n`\"single\"` displays a single color, and\n`\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.",
               "default": "\"range\"",
               "value": {
                 "type": [
@@ -11681,7 +11743,7 @@
             },
             {
               "name": "max",
-              "description": "Specifies the highest allowed value of the component.",
+              "description": "Specifies the component's highest allowed value.",
               "default": "100",
               "value": {
                 "type": "number"
@@ -11689,7 +11751,7 @@
             },
             {
               "name": "min",
-              "description": "Specifies the lowest allowed value of the component.",
+              "description": "Specifies the component's lowest allowed value.",
               "default": "0",
               "value": {
                 "type": "number"
@@ -11754,14 +11816,14 @@
             },
             {
               "name": "value",
-              "description": "Specifies the current value of the component.",
+              "description": "Specifies the component's value.",
               "value": {
                 "type": "number"
               }
             },
             {
               "name": "value-label",
-              "description": "When `true`, displays the current value.",
+              "description": "When `true`, displays the `value`.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -11784,7 +11846,7 @@
             "properties": [
               {
                 "name": "appearance",
-                "description": "Specifies the appearance style of the component.",
+                "description": "Specifies the appearance of the component.",
                 "type": "\"outline\" | \"outline-fill\" | \"solid\""
               },
               {
@@ -11794,7 +11856,7 @@
               },
               {
                 "name": "fillType",
-                "description": "Specifies the component's display, where `\"single\"` displays a single color and `\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.",
+                "description": "Specifies the component's display, where\n`\"single\"` displays a single color, and\n`\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.",
                 "type": "\"range\" | \"single\""
               },
               {
@@ -11824,12 +11886,12 @@
               },
               {
                 "name": "max",
-                "description": "Specifies the highest allowed value of the component.",
+                "description": "Specifies the component's highest allowed value.",
                 "type": "number"
               },
               {
                 "name": "min",
-                "description": "Specifies the lowest allowed value of the component.",
+                "description": "Specifies the component's lowest allowed value.",
                 "type": "number"
               },
               {
@@ -11864,12 +11926,12 @@
               },
               {
                 "name": "value",
-                "description": "Specifies the current value of the component.",
+                "description": "Specifies the component's value.",
                 "type": "number"
               },
               {
                 "name": "valueLabel",
-                "description": "When `true`, displays the current value.",
+                "description": "When `true`, displays the `value`.",
                 "type": "boolean"
               },
               {
@@ -11970,7 +12032,7 @@
         },
         {
           "name": "calcite-navigation-logo",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-navigation-accent-color** - Specifies the component's border color when `active`. \n- **--calcite-navigation-background-color** - Specifies the component's background color. \n- **--calcite-navigation-logo-heading-text-color** - Specifies the component's default color for heading text. \n- **--calcite-navigation-logo-text-color** - Specifies the component's default color for icon and description text. ",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-navigation-accent-color** - When `active`, specifies the component's border color. \n- **--calcite-navigation-background-color** - Specifies the component's background color. \n- **--calcite-navigation-logo-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-navigation-logo-text-color** - Specifies the component's `description` text color. ",
           "attributes": [
             {
               "name": "active",
@@ -11982,7 +12044,7 @@
             },
             {
               "name": "description",
-              "description": "A description for the component, which displays below the `heading`.",
+              "description": "Specifies a description for the component, which displays below the `heading`.",
               "value": {
                 "type": "string"
               }
@@ -12067,7 +12129,7 @@
               },
               {
                 "name": "description",
-                "description": "A description for the component, which displays below the `heading`.",
+                "description": "Specifies a description for the component, which displays below the `heading`.",
                 "type": "string"
               },
               {
@@ -12121,7 +12183,7 @@
         },
         {
           "name": "calcite-navigation-user",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-navigation-accent-color** - Specifies the components's border color when `active`. \n- **--calcite-navigation-user-avatar-corner-radius** - Specifies the component's avatar corner radius. \n- **--calcite-navigation-user-avatar-color** - Specifies the component's avatar icon color. \n- **--calcite-navigation-background-color** - Specifies the component's background color. \n- **--calcite-navigation-user-full-name-text-color** - Specifies the component's `fullName` text color. \n- **--calcite-navigation-user-name-text-color** - Specifies the component's `username` text color. ",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-navigation-accent-color** - When `active`, specifies the components's border color. \n- **--calcite-navigation-user-avatar-corner-radius** - Specifies the component's avatar corner radius. \n- **--calcite-navigation-user-avatar-color** - Specifies the component's avatar icon color. \n- **--calcite-navigation-background-color** - Specifies the component's background color. \n- **--calcite-navigation-user-full-name-text-color** - Specifies the component's `fullName` text color. \n- **--calcite-navigation-user-name-text-color** - Specifies the component's `username` text color. ",
           "attributes": [
             {
               "name": "active",
@@ -12219,8 +12281,19 @@
         },
         {
           "name": "calcite-notice",
-          "description": "Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because\nnotices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.\nThey are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not\nto display a notice on page load and set the \"active\" attribute as needed to contextually provide inline messaging to users.\n--\n\n### Events\n- **calciteNoticeBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteNoticeBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteNoticeClose** - Fires when the component is closed and animation is complete.\n- **calciteNoticeOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- **title** - A slot for adding the title.\n- **message** - A slot for adding the message.\n- **link** - A slot for adding a `calcite-action` to take, such as: \"undo\", \"try again\", \"link to page\", etc.\n- **actions-end** - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions.\n\n### CSS Properties\n- **--calcite-notice-background-color** - Specifies the component's background color. \n- **--calcite-notice-close-background-color-focus** - Specifies the component's background color when focused. \n- **--calcite-notice-close-background-color-press** - Specifies the component's background color when active. \n- **--calcite-notice-close-icon-color-hover** - Specifies the background color of the component's close button when hovered. \n- **--calcite-notice-close-icon-color** - Specifies the text color of the component's close button. \n- **--calcite-notice-title-text-color** - Specifies the component's title text color. \n- **--calcite-notice-content-text-color** - Specifies the component's content text color. \n- **--calcite-notice-width** - [Deprecated] Specifies the component's width. \n- **--calcite-notice-close-text-color-hover** - [Deprecated] Use `--calcite-notice-close-icon-color-hover`. Specifies the background color of the component's close button when hovered. \n- **--calcite-notice-close-text-color** - [Deprecated] Use `--calcite-notice-close-icon-color`. Specifies the text color of the component's close button. ",
+          "description": "Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because\nnotices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.\nThey are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not\nto display a notice on page load and set the \"active\" attribute as needed to contextually provide inline messaging to users.\n--\n\n### Events\n- **calciteNoticeBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteNoticeBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteNoticeClose** - Fires when the component is closed and animation is complete.\n- **calciteNoticeOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- **title** - A slot for adding a title.\n- **message** - A slot for adding a message.\n- **link** - A slot for adding a `calcite-action` to take, such as: \"undo\", \"try again\", \"link to page\", etc.\n- **actions-end** - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less `calcite-action`s.\n\n### CSS Properties\n- **--calcite-notice-background-color** - When `appearance=\"outline-fill\"`, specifies the component's background color. \n- **--calcite-notice-border-color** - When `appearance=\"outline-fill\"`, specifies the component's border color. \n- **--calcite-notice-corner-radius** - Specifies the component's border radius. \n- **--calcite-notice-close-background-color** - Specifies the background color of the component's close element. \n- **--calcite-notice-close-background-color-hover** - Specifies the background color of the component's close element when hovered. \n- **--calcite-notice-close-background-color-focus** - [Deprecated] Specifies the background color of the component's close element when hovered. Use `--calcite-notice-close-background-color-hover` instead. \n- **--calcite-notice-close-background-color-press** - Specifies the background color of the component's close element when active. \n- **--calcite-notice-close-icon-color-hover** - Specifies the icon color of the component's close element when hovered or active. \n- **--calcite-notice-close-icon-color** - Specifies the icon color of the component's close element. \n- **--calcite-notice-title-text-color** - Specifies the component's slotted `\"title\"` content text color. \n- **--calcite-notice-content-text-color** - Specifies the component's slotted `\"message\"` content text color. \n- **--calcite-notice-width** - [Deprecated] Specifies the component's width. ",
           "attributes": [
+            {
+              "name": "appearance",
+              "description": "Specifies the appearance of the component.",
+              "default": "\"outline-fill\"",
+              "value": {
+                "type": [
+                  "\"outline-fill\"",
+                  "\"transparent\""
+                ]
+              }
+            },
             {
               "name": "closable",
               "description": "When `true`, a close button is added to the component.",
@@ -12246,13 +12319,14 @@
             },
             {
               "name": "kind",
-              "description": "Specifies the kind of the component, which will apply to top border and icon.",
+              "description": "Specifies the kind of the component, which will apply to the top border and icon.",
               "default": "\"brand\"",
               "value": {
                 "type": [
                   "\"brand\"",
                   "\"danger\"",
                   "\"info\"",
+                  "\"neutral\"",
                   "\"success\"",
                   "\"warning\""
                 ]
@@ -12294,11 +12368,11 @@
           "slots": [
             {
               "name": "title",
-              "description": "A slot for adding the title."
+              "description": "A slot for adding a title."
             },
             {
               "name": "message",
-              "description": "A slot for adding the message."
+              "description": "A slot for adding a message."
             },
             {
               "name": "link",
@@ -12306,7 +12380,7 @@
             },
             {
               "name": "actions-end",
-              "description": "A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions."
+              "description": "A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less `calcite-action`s."
             }
           ],
           "events": [
@@ -12333,6 +12407,11 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "appearance",
+                "description": "Specifies the appearance of the component.",
+                "type": "\"outline-fill\" | \"transparent\""
+              },
               {
                 "name": "closable",
                 "description": "When `true`, a close button is added to the component.",
@@ -12350,12 +12429,12 @@
               },
               {
                 "name": "kind",
-                "description": "Specifies the kind of the component, which will apply to top border and icon.",
-                "type": "\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\""
+                "description": "Specifies the kind of the component, which will apply to the top border and icon.",
+                "type": "\"brand\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\""
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -12579,7 +12658,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -12619,7 +12698,7 @@
         },
         {
           "name": "calcite-panel",
-          "description": "### Events\n- **calcitePanelClose** - Fires when the close button is clicked.\n- **calcitePanelCollapse** - Fires when the component's content area is collapsed.\n- **calcitePanelExpand** - Fires when the component's content area is expanded.\n- **calcitePanelScroll** - Fires when the content is scrolled.\n- **calcitePanelToggle** - Fires when the collapse button is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `scrollContentTo(options?: ScrollToOptions): Promise<void>` - Scrolls the component's content to a specified set of coordinates.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **action-bar** - A slot for adding a `calcite-action-bar` to the component.\n- **alerts** - A slot for adding `calcite-alert`s to the component.\n- **content-bottom** - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)\n- **content-top** - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\n- **header-actions-start** - A slot for adding actions or content to the start side of the header.\n- **header-actions-end** - A slot for adding actions or content to the end side of the header.\n- **header-content** - A slot for adding custom content to the header.\n- **header-menu-actions** - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n- **fab** - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n- **footer** - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n- **footer-end** - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n- **footer-start** - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n\n### CSS Properties\n- **--calcite-panel-corner-radius** - Specifies the component's corner radius. \n- **--calcite-panel-heading-text-color** - Specifies the text color of the component's `heading`. \n- **--calcite-panel-icon-color** - Specifies the color of the component's icon. \n- **--calcite-panel-description-text-color** - Specifies the text color of the component's `description`. \n- **--calcite-panel-border-color** - Specifies the component's border color. \n- **--calcite-panel-background-color** - Specifies the component's background color. \n- **--calcite-panel-header-background-color** - Specifies the background color of the component's header. \n- **--calcite-panel-header-action-background-color** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-panel-header-action-background-color-hover** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered. \n- **--calcite-panel-header-action-background-color-press** - Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed. \n- **--calcite-panel-header-action-text-color** - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-panel-header-action-text-color-press** - Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered. \n- **--calcite-panel-footer-background-color** - Specifies the background color of the component's footer. \n- **--calcite-panel-space** - Specifies the padding of the component's `\"unnamed (default)\"` slot. \n- **--calcite-panel-header-content-space** - Specifies the padding of the `\"header-content\"` slot. \n- **--calcite-panel-footer-space** - Specifies the padding of the component's footer. \n- **--calcite-popover-border-color** - Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s. \n- **--calcite-panel-content-space** - [Deprecated] Use `--calcite-panel-space` instead. Specifies the padding of the component's content. \n- **--calcite-panel-footer-padding** - [Deprecated] Use `--calcite-panel-footer-space` instead. Specifies the padding of the component's footer. \n- **--calcite-panel-header-border-block-end** - [Deprecated] Use `--calcite-panel-border-color` instead. Specifies the component header's block end border. ",
+          "description": "### Events\n- **calcitePanelClose** - Fires when the close button is clicked.\n- **calcitePanelCollapse** - Fires when the component's content area is collapsed.\n- **calcitePanelExpand** - Fires when the component's content area is expanded.\n- **calcitePanelScroll** - Fires when the content is scrolled.\n- **calcitePanelToggle** - Fires when the collapse button is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `scrollContentTo(options?: ScrollToOptions): Promise<void>` - Scrolls the component's content to a specified set of coordinates.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **action-bar** - A slot for adding a `calcite-action-bar` to the component.\n- **alerts** - A slot for adding `calcite-alert`s to the component.\n- **content-bottom** - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated).\n- **content-top** - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\n- **header-actions-start** - A slot for adding actions or content to the start side of the header.\n- **header-actions-end** - A slot for adding actions or content to the end side of the header.\n- **header-content** - A slot for adding custom content to the header.\n- **header-menu-actions** - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n- **fab** - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n- **footer** - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n- **footer-end** - A slot for adding custom content to a trailing footer. Should not be used with the `\"footer\"` slot.\n- **footer-start** - A slot for adding custom content to a leading footer. Should not be used with the `\"footer\"` slot.\n\n### CSS Properties\n- **--calcite-panel-corner-radius** - Specifies the component's corner radius. \n- **--calcite-panel-heading-text-color** - Specifies the text color of the component's `heading`. \n- **--calcite-panel-icon-color** - Specifies the color of the component's icon. \n- **--calcite-panel-description-text-color** - Specifies the text color of the component's `description`. \n- **--calcite-panel-border-color** - Specifies the component's border color. \n- **--calcite-panel-background-color** - Specifies the component's background color. \n- **--calcite-panel-header-background-color** - Specifies the background color of the component's header. \n- **--calcite-panel-header-action-background-color** - Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-panel-header-action-background-color-hover** - Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered. \n- **--calcite-panel-header-action-background-color-press** - Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed. \n- **--calcite-panel-header-action-text-color** - Specifies the text color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions`. \n- **--calcite-panel-header-action-text-color-press** - Specifies the text color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered. \n- **--calcite-panel-footer-background-color** - Specifies the background color of the component's footer. \n- **--calcite-panel-space** - Specifies the padding of the component's `\"unnamed (default)\"` slot. \n- **--calcite-panel-header-content-space** - Specifies the padding of the `\"header-content\"` slot. \n- **--calcite-panel-footer-space** - Specifies the padding of the component's footer. \n- **--calcite-popover-border-color** - Specifies the border color of the component's internally rendered `calcite-popover`, which is rendered within a `calcite-action` menu when slotted `calcite-action`s are present in the `header-actions-end` slot. Applies to any slotted `calcite-popover`s. \n- **--calcite-panel-content-space** - [Deprecated] Use `--calcite-panel-space` instead. Specifies the padding of the component's content. \n- **--calcite-panel-footer-padding** - [Deprecated] Use `--calcite-panel-footer-space` instead. Specifies the padding of the component's footer. \n- **--calcite-panel-header-border-block-end** - [Deprecated] Use `--calcite-panel-border-color` instead. Specifies the component header's block end border. ",
           "attributes": [
             {
               "name": "closable",
@@ -12639,7 +12718,7 @@
             },
             {
               "name": "collapse-direction",
-              "description": "When `collapsible` is present, specifies the direction of the collapse icon.",
+              "description": "When `collapsible` is `true`, specifies the direction of the collapse icon.",
               "default": "\"down\"",
               "value": {
                 "type": [
@@ -12666,7 +12745,7 @@
             },
             {
               "name": "description",
-              "description": "A description for the component.",
+              "description": "Specifies the component's description text.",
               "value": {
                 "type": "string"
               }
@@ -12681,7 +12760,7 @@
             },
             {
               "name": "heading",
-              "description": "The component header text.",
+              "description": "Specifies the component's header text.",
               "value": {
                 "type": "string"
               }
@@ -12798,7 +12877,7 @@
             },
             {
               "name": "content-bottom",
-              "description": "A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)"
+              "description": "A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)."
             },
             {
               "name": "content-top",
@@ -12830,11 +12909,11 @@
             },
             {
               "name": "footer-end",
-              "description": "A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot."
+              "description": "A slot for adding custom content to a trailing footer. Should not be used with the `\"footer\"` slot."
             },
             {
               "name": "footer-start",
-              "description": "A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot."
+              "description": "A slot for adding custom content to a leading footer. Should not be used with the `\"footer\"` slot."
             }
           ],
           "events": [
@@ -12888,7 +12967,7 @@
               },
               {
                 "name": "collapseDirection",
-                "description": "When `collapsible` is present, specifies the direction of the collapse icon.",
+                "description": "When `collapsible` is `true`, specifies the direction of the collapse icon.",
                 "type": "\"down\" | \"up\""
               },
               {
@@ -12898,7 +12977,7 @@
               },
               {
                 "name": "description",
-                "description": "A description for the component.",
+                "description": "Specifies the component's description text.",
                 "type": "string"
               },
               {
@@ -12908,7 +12987,7 @@
               },
               {
                 "name": "heading",
-                "description": "The component header text.",
+                "description": "Specifies the component's header text.",
                 "type": "string"
               },
               {
@@ -12934,7 +13013,7 @@
               {
                 "name": "menuFlipPlacements",
                 "description": "Specifies the component's fallback menu `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "menuOpen",
@@ -12948,7 +13027,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -12993,7 +13072,7 @@
         },
         {
           "name": "calcite-popover",
-          "description": "### Events\n- **calcitePopoverBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calcitePopoverBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calcitePopoverClose** - Fires when the component is closed and animation is complete.\n- **calcitePopoverOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n- `updateFocusTrapElements(): Promise<void>` - Updates the element(s) that are used within the focus-trap of the component.\n\n### Slots\n- _default_ - A slot for adding custom content.\n\n### CSS Properties\n- **--calcite-popover-background-color** - Specifies the component's background color. \n- **--calcite-popover-border-color** - Specifies the component's border color. \n- **--calcite-popover-corner-radius** - Specifies the component's corner radius. \n- **--calcite-popover-max-size-x** - Specifies the component's maximum width. \n- **--calcite-popover-text-color** - Specifies the component's text color. \n- **--calcite-popover-z-index** - [Deprecated] No longer necessary. Specifies the component's z-index value. ",
+          "description": "### Events\n- **calcitePopoverBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calcitePopoverBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calcitePopoverClose** - Fires when the component is closed and animation is complete.\n- **calcitePopoverOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n- `updateFocusTrapElements(): Promise<void>` - Updates the element(s) that are used within the focus-trap of the component.\n\n### Slots\n- _default_ - A slot for adding custom content.\n\n### CSS Properties\n- **--calcite-popover-background-color** - Specifies the component's background color. \n- **--calcite-popover-border-color** - Specifies the component's border color. \n- **--calcite-popover-corner-radius** - Specifies the component's corner radius. \n- **--calcite-popover-max-size-x** - Specifies the component's maximum width. \n- **--calcite-popover-text-color** - Specifies the component's text color. ",
           "attributes": [
             {
               "name": "auto-close",
@@ -13147,6 +13226,14 @@
                 ]
               }
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "trigger-disabled",
               "description": "When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.\n\nThis property can be set to `true` to manage when the component is open.",
@@ -13204,7 +13291,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "focusTrapDisabled",
@@ -13213,8 +13300,8 @@
               },
               {
                 "name": "focusTrapOptions",
-                "description": "Specifies custom focus trap configuration on the component, where\n\n`\"allowOutsideClick`\" allows outside clicks,\n`\"initialFocus\"` enables initial focus,\n`\"returnFocusOnDeactivate\"` returns focus when not active, and\n`\"extraContainers\"` specifies additional focusable elements external to the trap (e.g., 3rd-party components appending elements to the document body).\n`\"setReturnFocus\"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).",
-                "type": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n    setReturnFocus?: FocusTargetValueOrFalse | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => FocusTargetValueOrFalse) | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => undefined);\n}"
+                "description": "Specifies custom focus trap configuration on the component, where\n\n`\"allowOutsideClick`\" allows outside clicks,\n`\"initialFocus\"` enables initial focus,\n`\"returnFocusOnDeactivate\"` returns focus when not active,\n`\"extraContainers\"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body, and\n`\"setReturnFocus\"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).",
+                "type": "{\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n    setReturnFocus?: FocusTargetValueOrFalse | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => FocusTargetValueOrFalse) | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => undefined);\n}"
               },
               {
                 "name": "heading",
@@ -13233,7 +13320,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -13276,6 +13363,11 @@
                 "description": "Specifies the size of the component.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
+              },
               {
                 "name": "triggerDisabled",
                 "description": "When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.\n\nThis property can be set to `true` to manage when the component is open.",
@@ -13386,7 +13478,7 @@
         },
         {
           "name": "calcite-radio-button",
-          "description": "### Events\n- **calciteRadioButtonChange** - Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\nSince this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\ndirectly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\nor use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-radio-button-background-color** - Specifies the component's background color. \n- **--calcite-radio-button-border-color** - Specifies the component's border color. \n- **--calcite-radio-button-corner-radius** - Specifies the component's corner radius. \n- **--calcite-radio-button-size** - Specifies the component's size. \n- **--calcite-radio-size** - [Deprecated] Use `--calcite-radio-button-size`. Specifies the component's size. ",
+          "description": "### Events\n- **calciteRadioButtonChange** - Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\nSince this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\ndirectly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\nor use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### CSS Properties\n- **--calcite-radio-button-background-color** - Specifies the component's background color. \n- **--calcite-radio-button-border-color** - Specifies the component's border color. \n- **--calcite-radio-button-corner-radius** - Specifies the component's corner radius. \n- **--calcite-radio-button-size** - Specifies the component's size. ",
           "attributes": [
             {
               "name": "checked",
@@ -13514,7 +13606,7 @@
         },
         {
           "name": "calcite-radio-button-group",
-          "description": "### Events\n- **calciteRadioButtonGroupChange** - Fires when the component has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the fist focusable `calcite-radio-button` element in the component.\n\n### Slots\n- _default_ - A slot for adding `calcite-radio-button`s.\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-radio-button-group-gap** - Specifies the space between slotted components in the component. \n- **--calcite-radio-button-input-message-spacing** - Specifies the margin spacing at the top of the input-message component. ",
+          "description": "### Events\n- **calciteRadioButtonGroupChange** - Fires when the component has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the fist focusable `calcite-radio-button` element in the component.\n\n### Slots\n- _default_ - A slot for adding `calcite-radio-button`s.\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-radio-button-group-gap** - Specifies the space between slotted components in the component. \n- **--calcite-radio-button-input-message-spacing** - Specifies the margin spacing at the top of the `calcite-input-message`. ",
           "attributes": [
             {
               "name": "disabled",
@@ -13533,7 +13625,7 @@
             },
             {
               "name": "layout",
-              "description": "Defines the layout of the component.",
+              "description": "Specifies the layout of the component.",
               "default": "\"horizontal\"",
               "value": {
                 "type": [
@@ -13627,12 +13719,12 @@
               },
               {
                 "name": "layout",
-                "description": "Defines the layout of the component.",
+                "description": "Specifies the layout of the component.",
                 "type": "\"horizontal\" | \"vertical\""
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -13682,7 +13774,7 @@
         },
         {
           "name": "calcite-rating",
-          "description": "### Events\n- **calciteRatingChange** - Fires when the component's value changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-rating-spacing-unit** - [Deprecated] Use `--calcite-rating-spacing`. Specifies the amount of left and right margin spacing between each item. \n- **--calcite-rating-spacing** - Specifies the amount of left and right margin spacing between each item. \n- **--calcite-rating-color-hover** - Specifies the component's item color when hovered. \n- **--calcite-rating-color-press** - Specifies the component's item color when active. \n- **--calcite-rating-color** - Specifies the component's item color. \n- **--calcite-rating-average-color** - Specifies the component's item color when average is set. \n- **--calcite-rating-average-text-color** - Specifies the component's average text color. \n- **--calcite-rating-count-text-color** - Specifies the component's count text color. ",
+          "description": "### Events\n- **calciteRatingChange** - Fires when the component's value changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-rating-spacing** - Specifies the amount of left and right margin spacing between each item. \n- **--calcite-rating-color-hover** - Specifies the component's item color when hovered. \n- **--calcite-rating-color-press** - Specifies the component's item color when active. \n- **--calcite-rating-color** - Specifies the component's item color. \n- **--calcite-rating-average-color** - When `average` is set, specifies the component's item color. \n- **--calcite-rating-average-text-color** - When `average` is set, specifies the component's `average` text color. \n- **--calcite-rating-count-text-color** - Specifies the component's text color for `count`. ",
           "attributes": [
             {
               "name": "average",
@@ -13831,7 +13923,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -13872,7 +13964,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -13891,7 +13983,7 @@
         },
         {
           "name": "calcite-scrim",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding custom content, primarily loading information.\n\n### CSS Properties\n- **--calcite-scrim-background** - Specifies the background color of the scrim. ",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding custom content, primarily loading information.\n\n### CSS Properties\n- **--calcite-scrim-background** - Specifies the component's background color. ",
           "attributes": [
             {
               "name": "loading",
@@ -13918,7 +14010,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               }
             ],
@@ -14092,7 +14184,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -14133,7 +14225,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -14287,7 +14379,7 @@
             },
             {
               "name": "status",
-              "description": "Specifies the status of the input field, which determines message and icons.",
+              "description": "Specifies the status of the input field, which determines the message and icons.",
               "default": "\"idle\"",
               "value": {
                 "type": [
@@ -14372,7 +14464,7 @@
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -14397,7 +14489,7 @@
               },
               {
                 "name": "status",
-                "description": "Specifies the status of the input field, which determines message and icons.",
+                "description": "Specifies the status of the input field, which determines the message and icons.",
                 "type": "\"idle\" | \"invalid\" | \"valid\""
               },
               {
@@ -14413,7 +14505,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -14437,11 +14529,11 @@
         },
         {
           "name": "calcite-sheet",
-          "description": "### Events\n- **calciteSheetBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteSheetBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteSheetClose** - Fires when the component is closed and animation is complete.\n- **calciteSheetOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's \"close\" button - the first focusable item.\n- `updateFocusTrapElements(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>` - Updates the element(s) that are included in the focus-trap of the component.\n\n### Slots\n- _default_ - A slot for adding custom content.\n\n### CSS Properties\n- **--calcite-sheet-background-color** - Specifies the background color of the sheet. \n- **--calcite-sheet-corner-radius** - Specifies the corner radius of the component. \n- **--calcite-sheet-shadow** - Specifies the shadow of the component. \n- **--calcite-sheet-text-color** - Specifies the text color of the component. \n- **--calcite-sheet-resize-background-color** - Specifies the background color of the resize handle. \n- **--calcite-sheet-resize-icon-color** - Specifies the text color of the resize handle. \n- **--calcite-sheet-scrim-background** - Specifies the background color of the sheet scrim. \n- **--calcite-sheet-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component. \n- **--calcite-sheet-max-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the maximum width of the component. \n- **--calcite-sheet-min-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the minimum width of the component. \n- **--calcite-sheet-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component. \n- **--calcite-sheet-max-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the maximum height of the component. \n- **--calcite-sheet-min-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the minimum height of the component. ",
+          "description": "### Events\n- **calciteSheetBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteSheetBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteSheetClose** - Fires when the component is closed and animation is complete.\n- **calciteSheetOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's \"close\" button - the first focusable item.\n- `updateFocusTrapElements(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>` - Updates the element(s) that are included in the component's focus-trap.\n\n### Slots\n- _default_ - A slot for adding custom content.\n\n### CSS Properties\n- **--calcite-sheet-background-color** - Specifies the component's background color. \n- **--calcite-sheet-corner-radius** - Specifies the component's corner radius. \n- **--calcite-sheet-shadow** - Specifies the component's shadow. \n- **--calcite-sheet-text-color** - Specifies the component's text color. \n- **--calcite-sheet-resize-background-color** - Specifies the resize handle's background color. \n- **--calcite-sheet-resize-icon-color** - Specifies the resize handle's text color. \n- **--calcite-sheet-scrim-background** - Specifies the background color of the component's scrim. \n- **--calcite-sheet-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's width. \n- **--calcite-sheet-max-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's maximum width. \n- **--calcite-sheet-min-width** - When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's minimum width. \n- **--calcite-sheet-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's height. \n- **--calcite-sheet-max-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's maximum height. \n- **--calcite-sheet-min-height** - When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's minimum height. ",
           "attributes": [
             {
               "name": "display-mode",
-              "description": "Specifies the display mode - `\"float\"` (content is separated detached),\nor `\"overlay\"` (displays on top of center content).",
+              "description": "Specifies the display mode - `\"float\"` separates content from main layout,\nand `\"overlay\"` displays on top of center content.",
               "default": "\"overlay\"",
               "value": {
                 "type": [
@@ -14468,7 +14560,7 @@
             },
             {
               "name": "height",
-              "description": "Specifies the height of the component.",
+              "description": "Specifies the component's height.",
               "value": {
                 "type": [
                   "\"l\"",
@@ -14479,7 +14571,7 @@
             },
             {
               "name": "height-scale",
-              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `height` property instead.. When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `height` property instead.. When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's height.",
               "default": "\"m\"",
               "value": {
                 "type": [
@@ -14491,7 +14583,7 @@
             },
             {
               "name": "label",
-              "description": "Specifies the label of the component.",
+              "description": "Specifies the component's label.",
               "value": {
                 "type": "string"
               }
@@ -14506,7 +14598,7 @@
             },
             {
               "name": "outside-close-disabled",
-              "description": "When `true`, disables the closing of the component when clicked outside.",
+              "description": "When `true`, disables closing the component when the area outside of the component is clicked.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -14533,9 +14625,17 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "top-layer-disabled",
+              "description": "When `true` and the component is `open`, disables top layer placement.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "width",
-              "description": "Specifies the width of the component.",
+              "description": "Specifies the components width.",
               "value": {
                 "type": [
                   "\"l\"",
@@ -14546,7 +14646,7 @@
             },
             {
               "name": "width-scale",
-              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `width` property instead.. When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `width` property instead.. When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's width.",
               "default": "\"m\"",
               "value": {
                 "type": [
@@ -14594,7 +14694,7 @@
               },
               {
                 "name": "displayMode",
-                "description": "Specifies the display mode - `\"float\"` (content is separated detached),\nor `\"overlay\"` (displays on top of center content).",
+                "description": "Specifies the display mode - `\"float\"` separates content from main layout,\nand `\"overlay\"` displays on top of center content.",
                 "type": "\"float\" | \"overlay\""
               },
               {
@@ -14609,27 +14709,27 @@
               },
               {
                 "name": "focusTrapOptions",
-                "description": "Specifies custom focus trap configuration on the component, where\n\n`\"allowOutsideClick`\" allows outside clicks,\n`\"initialFocus\"` enables initial focus,\n`\"returnFocusOnDeactivate\"` returns focus when not active, and\n`\"extraContainers\"` specifies additional focusable elements external to the trap (e.g., 3rd-party components appending elements to the document body).\n`\"setReturnFocus\"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).",
-                "type": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n    setReturnFocus?: FocusTargetValueOrFalse | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => FocusTargetValueOrFalse) | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => undefined);\n}"
+                "description": "Specifies custom focus trap configuration on the component, where\n\n`\"allowOutsideClick\"` allows outside clicks,\n`\"initialFocus\"` enables initial focus,\n`\"returnFocusOnDeactivate\"` returns focus when not active, and\n`\"extraContainers\"` specifies additional focusable elements external to the trap, such as 3rd-party components appending elements to the document body.\n`\"setReturnFocus\"` customizes the element to which focus is returned when the trap is deactivated. Return `false` to prevent focus return, or `undefined` to use the default behavior (returning focus to the element focused before activation).",
+                "type": "{\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n    setReturnFocus?: FocusTargetValueOrFalse | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => FocusTargetValueOrFalse) | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => undefined);\n}"
               },
               {
                 "name": "height",
-                "description": "Specifies the height of the component.",
+                "description": "Specifies the component's height.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
                 "name": "heightScale",
-                "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.",
+                "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's height.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
                 "name": "label",
-                "description": "Specifies the label of the component.",
+                "description": "Specifies the component's label.",
                 "type": "string"
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -14639,7 +14739,7 @@
               },
               {
                 "name": "outsideCloseDisabled",
-                "description": "When `true`, disables the closing of the component when clicked outside.",
+                "description": "When `true`, disables closing the component when the area outside of the component is clicked.",
                 "type": "boolean"
               },
               {
@@ -14652,14 +14752,19 @@
                 "description": "When `true`, the component is resizable.",
                 "type": "boolean"
               },
+              {
+                "name": "topLayerDisabled",
+                "description": "When `true` and the component is `open`, disables top layer placement.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
+              },
               {
                 "name": "width",
-                "description": "Specifies the width of the component.",
+                "description": "Specifies the components width.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
                 "name": "widthScale",
-                "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.",
+                "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's width.",
                 "type": "\"l\" | \"m\" | \"s\""
               }
             ],
@@ -14689,11 +14794,11 @@
         },
         {
           "name": "calcite-shell",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n- **header** - A slot for adding header content. This content will be positioned at the top of the component.\n- **footer** - A slot for adding footer content. This content will be positioned at the bottom of the component.\n- **panel-start** - A slot for adding the starting `calcite-shell-panel`.\n- **panel-end** - A slot for adding the ending `calcite-shell-panel`.\n- **panel-top** - A slot for adding the top `calcite-shell-panel`.\n- **panel-bottom** - A slot for adding the bottom `calcite-shell-panel`.\n- **modals** - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the `calcite-shell`.\n- **dialogs** - A slot for adding `calcite-dialog` components. When placed in this slot, the dialog position will be constrained to the extent of the `calcite-shell`.\n- **alerts** - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the `calcite-shell`.\n- **sheets** - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the `calcite-shell`.\n\n### CSS Properties\n- **--calcite-shell-border-color** - Specifies the component's border color. \n- **--calcite-shell-tip-spacing** - [Deprecated] This component has been deprecated. The left and right spacing of the `calcite-tip-manager` when slotted in the component. ",
+          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n- **header** - A slot for adding header content. This content will be positioned at the top of the component.\n- **footer** - A slot for adding footer content. This content will be positioned at the bottom of the component.\n- **panel-start** - A slot for adding the starting `calcite-shell-panel`.\n- **panel-end** - A slot for adding the ending `calcite-shell-panel`.\n- **panel-top** - A slot for adding the top `calcite-shell-panel`.\n- **panel-bottom** - A slot for adding the bottom `calcite-shell-panel`.\n- **dialogs** - A slot for adding `calcite-dialog` components. When placed in this slot, the dialog position will be constrained to the extent of the `calcite-shell`.\n- **alerts** - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the `calcite-shell`.\n- **sheets** - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the `calcite-shell`.\n\n### CSS Properties\n- **--calcite-shell-border-color** - Specifies the component's border color. ",
           "attributes": [
             {
               "name": "content-behind",
-              "description": "Positions the center content behind any `calcite-shell-panel`s.",
+              "description": "When `true`, positions the center content behind any `calcite-shell-panel`s.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -14729,10 +14834,6 @@
               "name": "panel-bottom",
               "description": "A slot for adding the bottom `calcite-shell-panel`."
             },
-            {
-              "name": "modals",
-              "description": "A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the `calcite-shell`."
-            },
             {
               "name": "dialogs",
               "description": "A slot for adding `calcite-dialog` components. When placed in this slot, the dialog position will be constrained to the extent of the `calcite-shell`."
@@ -14751,7 +14852,7 @@
             "properties": [
               {
                 "name": "contentBehind",
-                "description": "Positions the center content behind any `calcite-shell-panel`s.",
+                "description": "When `true`, positions the center content behind any `calcite-shell-panel`s.",
                 "type": "boolean"
               }
             ],
@@ -14760,7 +14861,7 @@
         },
         {
           "name": "calcite-shell-panel",
-          "description": "### Events\n- **calciteShellPanelCollapse** - Fires when the component's content area is collapsed.\n- **calciteShellPanelExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **action-bar** - A slot for adding a `calcite-action-bar` to the component.\n\n### CSS Properties\n- **--calcite-shell-panel-background-color** - Specifies the background color of the component. \n- **--calcite-shell-panel-border-color** - When `displayMode` is `\"float-all\"`, specifies the component's border color. \n- **--calcite-shell-panel-corner-radius** - When `displayMode` is `\"float-all\"`, specifies the component's corner radius. \n- **--calcite-shell-panel-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the height of the component. \n- **--calcite-shell-panel-max-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the maximum height of the component. \n- **--calcite-shell-panel-max-width** - Specifies the maximum width of the component. \n- **--calcite-shell-panel-min-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the minimum height of the component. \n- **--calcite-shell-panel-min-width** - Specifies the minimum width of the component. \n- **--calcite-shell-panel-resize-background-color** - Specifies the background color of the resize handle. \n- **--calcite-shell-panel-resize-icon-color** - Specifies the text color of the resize handle. \n- **--calcite-shell-panel-shadow** - When `displayMode` is `\"float-all\"`, specifies the component's shadow. \n- **--calcite-shell-panel-text-color** - Specifies the text color of the component. \n- **--calcite-shell-panel-width** - Specifies the width of the component. \n- **--calcite-shell-panel-z-index** - Specifies the z-index value for the component. ",
+          "description": "### Events\n- **calciteShellPanelCollapse** - Fires when the component's content area is collapsed.\n- **calciteShellPanelExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `updateSize(size: { inline?: number | null; block?: number | null; }): Promise<void>`\n\n### Slots\n- _default_ - A slot for adding custom content.\n- **action-bar** - A slot for adding a `calcite-action-bar` to the component.\n\n### CSS Properties\n- **--calcite-shell-panel-background-color** - Specifies the component's background color. \n- **--calcite-shell-panel-border-color** - When `displayMode` is `\"float-all\"`, specifies the component's border color. \n- **--calcite-shell-panel-corner-radius** - When `displayMode` is `\"float-all\"`, specifies the component's corner radius. \n- **--calcite-shell-panel-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float` or `float-all`, specifies the component's height. \n- **--calcite-shell-panel-max-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's maximum height. \n- **--calcite-shell-panel-min-height** - When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's minimum height. \n- **--calcite-shell-panel-max-width** - Specifies the component's maximum width. \n- **--calcite-shell-panel-resize-icon-color** - Specifies the resize handle's text color. \n- **--calcite-shell-panel-shadow** - When `displayMode` is `\"float-all\"`, specifies the component's shadow. \n- **--calcite-shell-panel-text-color** - Specifies the component's text color. \n- **--calcite-shell-panel-width** - Specifies the component's width. \n- **--calcite-shell-panel-z-index** - Specifies the component's z-index value. ",
           "attributes": [
             {
               "name": "collapsed",
@@ -14772,7 +14873,7 @@
             },
             {
               "name": "display-mode",
-              "description": "Specifies the display mode of the component, where:\n\n`\"dock\"` displays at full height adjacent to center content,\n\n`\"overlay\"` displays at full height on top of center content, and\n\n`\"float\"` [Deprecated] does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n\n`\"float-content\"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n\n`\"float-all\"` detaches the `calcite-panel` and `calcite-action-bar` on top of center content.",
+              "description": "Specifies the component's display mode, where:\n\n`\"dock\"` displays at full height adjacent to center content,\n\n`\"overlay\"` displays at full height on top of center content, and\n\n`\"float\"` [Deprecated] does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n\n`\"float-content\"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n\n`\"float-all\"` detaches the `calcite-panel` and `calcite-action-bar` on top of center content.",
               "default": "\"dock\"",
               "value": {
                 "type": [
@@ -14786,7 +14887,7 @@
             },
             {
               "name": "height",
-              "description": "Specifies the height of the component.",
+              "description": "Specifies the component's height.",
               "value": {
                 "type": [
                   "\"l\"",
@@ -14797,7 +14898,7 @@
             },
             {
               "name": "height-scale",
-              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `height` property instead.. When `layout` is `horizontal`, specifies the maximum height of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 - Use the `height` property instead.. When `layout` is `horizontal`, specifies the component's maximum height.",
               "value": {
                 "type": [
                   "\"l\"",
@@ -14808,7 +14909,7 @@
             },
             {
               "name": "layout",
-              "description": "**Deprecated**: in v4.0.0, removal target v6.0.0 -  No longer necessary.. The direction of the component.",
+              "description": "**Deprecated**: in v4.0.0, removal target v6.0.0 -  No longer necessary.. Specifies the component's direction.",
               "default": "\"vertical\"",
               "value": {
                 "type": [
@@ -14838,7 +14939,7 @@
             },
             {
               "name": "width",
-              "description": "Specifies the width of the component.",
+              "description": "Specifies the component's width.",
               "value": {
                 "type": [
                   "\"l\"",
@@ -14849,7 +14950,7 @@
             },
             {
               "name": "width-scale",
-              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 -  Use the `width` property instead.. When `layout` is `vertical`, specifies the width of the component.",
+              "description": "**Deprecated**: in v3.0.0, removal target v6.0.0 -  Use the `width` property instead.. When `layout` is `vertical`, specifies the component's width.",
               "default": "\"m\"",
               "value": {
                 "type": [
@@ -14891,27 +14992,27 @@
               },
               {
                 "name": "displayMode",
-                "description": "Specifies the display mode of the component, where:\n\n`\"dock\"` displays at full height adjacent to center content,\n\n`\"overlay\"` displays at full height on top of center content, and\n\n`\"float\"` [Deprecated] does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n\n`\"float-content\"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n\n`\"float-all\"` detaches the `calcite-panel` and `calcite-action-bar` on top of center content.",
+                "description": "Specifies the component's display mode, where:\n\n`\"dock\"` displays at full height adjacent to center content,\n\n`\"overlay\"` displays at full height on top of center content, and\n\n`\"float\"` [Deprecated] does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n\n`\"float-content\"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.\n\n`\"float-all\"` detaches the `calcite-panel` and `calcite-action-bar` on top of center content.",
                 "type": "\"dock\" | \"float\" | \"float-all\" | \"float-content\" | \"overlay\""
               },
               {
                 "name": "height",
-                "description": "Specifies the height of the component.",
+                "description": "Specifies the component's height.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
                 "name": "heightScale",
-                "description": "When `layout` is `horizontal`, specifies the maximum height of the component.",
+                "description": "When `layout` is `horizontal`, specifies the component's maximum height.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
                 "name": "layout",
-                "description": "The direction of the component.",
+                "description": "Specifies the component's direction.",
                 "type": "\"horizontal\" | \"vertical\""
               },
               {
                 "name": "messageOverrides",
-                "description": "Use this property to override individual strings used by the component.",
+                "description": "Overrides individual strings used by the component.",
                 "type": "Record<string, unknown>"
               },
               {
@@ -14926,12 +15027,12 @@
               },
               {
                 "name": "width",
-                "description": "Specifies the width of the component.",
+                "description": "Specifies the component's width.",
                 "type": "\"l\" | \"m\" | \"s\""
               },
               {
                 "name": "widthScale",
-                "description": "When `layout` is `vertical`, specifies the width of the component.",
+                "description": "When `layout` is `vertical`, specifies the component's width.",
                 "type": "\"l\" | \"m\" | \"s\""
               }
             ],
@@ -15360,7 +15461,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -15533,7 +15634,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `calcite-dropdown-item` `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "label",
@@ -15982,7 +16083,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback slotted content `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
               },
               {
                 "name": "href",
@@ -16748,7 +16849,7 @@
           "attributes": [
             {
               "name": "position",
-              "description": "Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n\n `@internal`",
+              "description": "Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.",
               "default": "\"bottom\"",
               "value": {
                 "type": [
@@ -16794,7 +16895,7 @@
               },
               {
                 "name": "position",
-                "description": "Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n\n `@internal`",
+                "description": "Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.",
                 "type": "\"bottom\" | \"top\""
               },
               {
@@ -16873,7 +16974,7 @@
             },
             {
               "name": "position",
-              "description": "Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n\n `@internal`",
+              "description": "Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.",
               "default": "\"top\"",
               "value": {
                 "type": [
@@ -16955,7 +17056,7 @@
               },
               {
                 "name": "position",
-                "description": "Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.\n\n `@internal`",
+                "description": "Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.",
                 "type": "\"bottom\" | \"top\""
               },
               {
@@ -17591,6 +17692,14 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "loading",
+              "description": "When `true`, a busy indicator is displayed.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "max-length",
               "description": "When the component resides in a form,\nspecifies the maximum number of characters allowed.",
@@ -17791,6 +17900,11 @@
                 "description": "When `true`, prevents input beyond the `maxLength` value, mimicking native text area behavior.",
                 "type": "boolean"
               },
+              {
+                "name": "loading",
+                "description": "When `true`, a busy indicator is displayed.",
+                "type": "boolean"
+              },
               {
                 "name": "maxLength",
                 "description": "When the component resides in a form,\nspecifies the maximum number of characters allowed.",
@@ -17864,7 +17978,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -17944,6 +18058,20 @@
                 "type": "string"
               }
             },
+            {
+              "name": "heading-level",
+              "description": "Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.",
+              "value": {
+                "type": [
+                  "1",
+                  "2",
+                  "3",
+                  "4",
+                  "5",
+                  "6"
+                ]
+              }
+            },
             {
               "name": "href",
               "description": "When embed is `\"false\"`, the URL for the component.",
@@ -18041,6 +18169,11 @@
                 "description": "The component header text, which displays between the icon and description.",
                 "type": "string"
               },
+              {
+                "name": "headingLevel",
+                "description": "Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.",
+                "type": "1 | 2 | 3 | 4 | 5 | 6"
+              },
               {
                 "name": "href",
                 "description": "When embed is `\"false\"`, the URL for the component.",
@@ -18136,11 +18269,12 @@
             },
             {
               "name": "selection-appearance",
-              "description": "Specifies the selection appearance, where:\n\n- `\"icon\"` (displays a checkmark or dot), or\n- `\"border\"` (displays a border).",
+              "description": "Specifies the selection appearance, where:\n\n- `\"icon\"` (displays a checkmark or dot), or\n- `\"highlight\"` (changes the background color), or\n- `\"border\"` (displays a border). [Deprecated] The `\"border\"` value is deprecated in v5.0.0, removal target v6.0.0 - Use `\"highlight\"` instead.",
               "default": "\"icon\"",
               "value": {
                 "type": [
                   "\"border\"",
+                  "\"highlight\"",
                   "\"icon\""
                 ]
               }
@@ -18206,8 +18340,8 @@
               },
               {
                 "name": "selectionAppearance",
-                "description": "Specifies the selection appearance, where:\n\n- `\"icon\"` (displays a checkmark or dot), or\n- `\"border\"` (displays a border).",
-                "type": "\"border\" | \"icon\""
+                "description": "Specifies the selection appearance, where:\n\n- `\"icon\"` (displays a checkmark or dot), or\n- `\"highlight\"` (changes the background color), or\n- `\"border\"` (displays a border). [Deprecated] The `\"border\"` value is deprecated in v5.0.0, removal target v6.0.0 - Use `\"highlight\"` instead.",
+                "type": "\"border\" | \"highlight\" | \"icon\""
               },
               {
                 "name": "selectionMode",
@@ -18334,7 +18468,7 @@
         },
         {
           "name": "calcite-tooltip",
-          "description": "### Events\n- **calciteTooltipBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteTooltipBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteTooltipClose** - Fires when the component is closed and animation is complete.\n- **calciteTooltipOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tooltip-background-color** - Specifies the component's background color. \n- **--calcite-tooltip-border-color** - Specifies the component's border color. \n- **--calcite-tooltip-corner-radius** - Specifies the component's corner radius. \n- **--calcite-tooltip-max-size-x** - Specifies the component's maximum width. \n- **--calcite-tooltip-text-color** - Specifies the component's text color. \n- **--calcite-tooltip-z-index** - [Deprecated] No longer necessary. Specifies the z-index value for the component. ",
+          "description": "### Events\n- **calciteTooltipBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteTooltipBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteTooltipClose** - Fires when the component is closed and animation is complete.\n- **calciteTooltipOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tooltip-background-color** - Specifies the component's background color. \n- **--calcite-tooltip-border-color** - Specifies the component's border color. \n- **--calcite-tooltip-corner-radius** - Specifies the component's corner radius. \n- **--calcite-tooltip-max-size-x** - Specifies the component's maximum width. \n- **--calcite-tooltip-text-color** - Specifies the component's text color. ",
           "attributes": [
             {
               "name": "close-on-click",
@@ -18422,6 +18556,14 @@
               "value": {
                 "type": "string"
               }
+            },
+            {
+              "name": "top-layer-disabled",
+              "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
             }
           ],
           "slots": [
@@ -18493,6 +18635,11 @@
                 "name": "referenceElement",
                 "description": "The `referenceElement` to position the component according to its `\"placement\"` value.\n\nSetting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`.\n\nHowever, a string ID of the reference element can be used.\n\nThe component should not be placed within its own `referenceElement` to avoid unintended behavior.",
                 "type": "Element | VirtualElement | string"
+              },
+              {
+                "name": "topLayerDisabled",
+                "description": "When true, disables top layer placement when the component is open.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.",
+                "type": "boolean"
               }
             ],
             "events": [
@@ -18836,10 +18983,6 @@
           "name": "--calcite-accordion-item-text-color-hover",
           "description": "[Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover."
         },
-        {
-          "name": "--calcite-accordion-item-text-color-press",
-          "description": "[Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press."
-        },
         {
           "name": "--calcite-action-background-color-hover",
           "description": "Specifies the component's background color when hovered or focused."
@@ -18928,10 +19071,6 @@
           "name": "--calcite-action-group-gap",
           "description": "When `layout` is `\"grid\"`, specifies the component's gap."
         },
-        {
-          "name": "--calcite-action-group-padding",
-          "description": "[Deprecated] Use `--calcite-action-group-gap`. Specifies the component's padding."
-        },
         {
           "name": "--calcite-action-menu-items-space",
           "description": "Specifies the space between actions in the menu."
@@ -18980,6 +19119,10 @@
           "name": "--calcite-autocomplete-text-color",
           "description": "Specifies the text color of the component."
         },
+        {
+          "name": "--calcite-autocomplete-menu-max-size-y",
+          "description": "Specifies the maximum height of the component's menu."
+        },
         {
           "name": "--calcite-autocomplete-input-prefix-size",
           "description": "Specifies the Input's prefix width, when present."
@@ -19188,10 +19331,6 @@
           "name": "--calcite-button-loader-color",
           "description": "Specifies the component's loader color."
         },
-        {
-          "name": "--calcite-button-shadow-color",
-          "description": "[Deprecated] Use `--calcite-button-shadow`. Specifies the component's box-shadow color."
-        },
         {
           "name": "--calcite-button-text-color",
           "description": "Specifies the component's text color."
@@ -19216,10 +19355,6 @@
           "name": "--calcite-card-corner-radius",
           "description": "Specifies the component's corner radius."
         },
-        {
-          "name": "--calcite-card-selection-background-color-active",
-          "description": "[Deprecated] Use `--calcite-card-selection-background-color-press`. Specifies the component's selection element background color when active."
-        },
         {
           "name": "--calcite-card-selection-background-color-hover",
           "description": "Specifies the component's selection element background color when hovered."
@@ -19228,10 +19363,6 @@
           "name": "--calcite-card-selection-background-color-press",
           "description": "Specifies the component's selection element background color when active."
         },
-        {
-          "name": "--calcite-card-selection-background-color-selected",
-          "description": "[Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element icon color when `selected`."
-        },
         {
           "name": "--calcite-card-selection-background-color",
           "description": "[Deprecated] Use `--calcite-card-background-color`. Specifies the component's selection element background color."
@@ -19252,10 +19383,6 @@
           "name": "--calcite-card-selection-icon-color-selected",
           "description": "[Deprecated] Use `--calcite-card-accent-color-selected`. Specifies the component's selection element icon color when `selected`."
         },
-        {
-          "name": "--calcite-card-selection-icon-color",
-          "description": "[Deprecated] Use `--calcite-card-selection-color`. Specifies the component's selection element icon color."
-        },
         {
           "name": "--calcite-card-shadow",
           "description": "Specifies the component's shadow."
@@ -19964,10 +20091,6 @@
           "name": "--calcite-inline-editable-button-loader-color",
           "description": "Specifies the button element's loader color."
         },
-        {
-          "name": "--calcite-inline-editable-button-shadow-color",
-          "description": "Specifies the button element's box-shadow color."
-        },
         {
           "name": "--calcite-inline-editable-button-text-color",
           "description": "Specifies the button element's text color."
@@ -20172,10 +20295,6 @@
           "name": "--calcite-input-date-picker-icon-color",
           "description": "Specifies the component's in-field input icon color."
         },
-        {
-          "name": "--calcite-input-date-picker-icon-color-hover",
-          "description": "[Deprecated] Specifies the component's in-field input icon color on hover."
-        },
         {
           "name": "--calcite-input-date-picker-placeholder-text-color",
           "description": "Specifies the component's input placeholder text color."
@@ -20526,23 +20645,23 @@
         },
         {
           "name": "--calcite-menu-item-accent-color",
-          "description": "Specifies the border color of the component when `active`."
+          "description": "When `active`, specifies the component's border color."
         },
         {
           "name": "--calcite-menu-background-color",
-          "description": "Specifies the background color of the component."
+          "description": "Specifies the component's background color."
         },
         {
           "name": "--calcite-menu-item-sub-menu-border-color",
-          "description": "Specifies the border color of sub-menu."
+          "description": "Specifies the submenu's border color."
         },
         {
           "name": "--calcite-menu-item-sub-menu-corner-radius",
-          "description": "Specifies the border radius of sub-menu."
+          "description": "Specifies the submenu's border radius."
         },
         {
           "name": "--calcite-menu-text-color",
-          "description": "Specifies the text color of the component."
+          "description": "Specifies the component's text color."
         },
         {
           "name": "--calcite-meter-background-color",
@@ -20590,7 +20709,7 @@
         },
         {
           "name": "--calcite-navigation-accent-color",
-          "description": "Specifies the component's border color when `active`."
+          "description": "When `active`, specifies the component's border color."
         },
         {
           "name": "--calcite-navigation-background-color",
@@ -20598,15 +20717,15 @@
         },
         {
           "name": "--calcite-navigation-logo-heading-text-color",
-          "description": "Specifies the component's default color for heading text."
+          "description": "Specifies the component's `heading` text color."
         },
         {
           "name": "--calcite-navigation-logo-text-color",
-          "description": "Specifies the component's default color for icon and description text."
+          "description": "Specifies the component's `description` text color."
         },
         {
           "name": "--calcite-navigation-accent-color",
-          "description": "Specifies the components's border color when `active`."
+          "description": "When `active`, specifies the components's border color."
         },
         {
           "name": "--calcite-navigation-user-avatar-corner-radius",
@@ -20630,44 +20749,52 @@
         },
         {
           "name": "--calcite-notice-background-color",
-          "description": "Specifies the component's background color."
+          "description": "When `appearance=\"outline-fill\"`, specifies the component's background color."
+        },
+        {
+          "name": "--calcite-notice-border-color",
+          "description": "When `appearance=\"outline-fill\"`, specifies the component's border color."
+        },
+        {
+          "name": "--calcite-notice-corner-radius",
+          "description": "Specifies the component's border radius."
+        },
+        {
+          "name": "--calcite-notice-close-background-color",
+          "description": "Specifies the background color of the component's close element."
+        },
+        {
+          "name": "--calcite-notice-close-background-color-hover",
+          "description": "Specifies the background color of the component's close element when hovered."
         },
         {
           "name": "--calcite-notice-close-background-color-focus",
-          "description": "Specifies the component's background color when focused."
+          "description": "[Deprecated] Specifies the background color of the component's close element when hovered. Use `--calcite-notice-close-background-color-hover` instead."
         },
         {
           "name": "--calcite-notice-close-background-color-press",
-          "description": "Specifies the component's background color when active."
+          "description": "Specifies the background color of the component's close element when active."
         },
         {
           "name": "--calcite-notice-close-icon-color-hover",
-          "description": "Specifies the background color of the component's close button when hovered."
+          "description": "Specifies the icon color of the component's close element when hovered or active."
         },
         {
           "name": "--calcite-notice-close-icon-color",
-          "description": "Specifies the text color of the component's close button."
+          "description": "Specifies the icon color of the component's close element."
         },
         {
           "name": "--calcite-notice-title-text-color",
-          "description": "Specifies the component's title text color."
+          "description": "Specifies the component's slotted `\"title\"` content text color."
         },
         {
           "name": "--calcite-notice-content-text-color",
-          "description": "Specifies the component's content text color."
+          "description": "Specifies the component's slotted `\"message\"` content text color."
         },
         {
           "name": "--calcite-notice-width",
           "description": "[Deprecated] Specifies the component's width."
         },
-        {
-          "name": "--calcite-notice-close-text-color-hover",
-          "description": "[Deprecated] Use `--calcite-notice-close-icon-color-hover`. Specifies the background color of the component's close button when hovered."
-        },
-        {
-          "name": "--calcite-notice-close-text-color",
-          "description": "[Deprecated] Use `--calcite-notice-close-icon-color`. Specifies the text color of the component's close button."
-        },
         {
           "name": "--calcite-pagination-color",
           "description": "Specifies the component's item color."
@@ -20722,23 +20849,23 @@
         },
         {
           "name": "--calcite-panel-header-action-background-color",
-          "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
+          "description": "Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
         },
         {
           "name": "--calcite-panel-header-action-background-color-hover",
-          "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered."
+          "description": "Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when hovered."
         },
         {
           "name": "--calcite-panel-header-action-background-color-press",
-          "description": "Specifies the background color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed."
+          "description": "Specifies the background color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed."
         },
         {
           "name": "--calcite-panel-header-action-text-color",
-          "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
+          "description": "Specifies the text color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions`."
         },
         {
           "name": "--calcite-panel-header-action-text-color-press",
-          "description": "Specifies the text color of Panel's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered."
+          "description": "Specifies the text color of the component's `closable`, `collapsible`, and elements slotted in `header-menu-actions` when pressed or hovered."
         },
         {
           "name": "--calcite-panel-footer-background-color",
@@ -20792,10 +20919,6 @@
           "name": "--calcite-popover-text-color",
           "description": "Specifies the component's text color."
         },
-        {
-          "name": "--calcite-popover-z-index",
-          "description": "[Deprecated] No longer necessary. Specifies the component's z-index value."
-        },
         {
           "name": "--calcite-progress-background-color",
           "description": "Specifies the component's background color."
@@ -20824,21 +20947,13 @@
           "name": "--calcite-radio-button-size",
           "description": "Specifies the component's size."
         },
-        {
-          "name": "--calcite-radio-size",
-          "description": "[Deprecated] Use `--calcite-radio-button-size`. Specifies the component's size."
-        },
         {
           "name": "--calcite-radio-button-group-gap",
           "description": "Specifies the space between slotted components in the component."
         },
         {
           "name": "--calcite-radio-button-input-message-spacing",
-          "description": "Specifies the margin spacing at the top of the input-message component."
-        },
-        {
-          "name": "--calcite-rating-spacing-unit",
-          "description": "[Deprecated] Use `--calcite-rating-spacing`. Specifies the amount of left and right margin spacing between each item."
+          "description": "Specifies the margin spacing at the top of the `calcite-input-message`."
         },
         {
           "name": "--calcite-rating-spacing",
@@ -20858,19 +20973,19 @@
         },
         {
           "name": "--calcite-rating-average-color",
-          "description": "Specifies the component's item color when average is set."
+          "description": "When `average` is set, specifies the component's item color."
         },
         {
           "name": "--calcite-rating-average-text-color",
-          "description": "Specifies the component's average text color."
+          "description": "When `average` is set, specifies the component's `average` text color."
         },
         {
           "name": "--calcite-rating-count-text-color",
-          "description": "Specifies the component's count text color."
+          "description": "Specifies the component's text color for `count`."
         },
         {
           "name": "--calcite-scrim-background",
-          "description": "Specifies the background color of the scrim."
+          "description": "Specifies the component's background color."
         },
         {
           "name": "--calcite-segmented-control-border-color",
@@ -20930,67 +21045,63 @@
         },
         {
           "name": "--calcite-sheet-background-color",
-          "description": "Specifies the background color of the sheet."
+          "description": "Specifies the component's background color."
         },
         {
           "name": "--calcite-sheet-corner-radius",
-          "description": "Specifies the corner radius of the component."
+          "description": "Specifies the component's corner radius."
         },
         {
           "name": "--calcite-sheet-shadow",
-          "description": "Specifies the shadow of the component."
+          "description": "Specifies the component's shadow."
         },
         {
           "name": "--calcite-sheet-text-color",
-          "description": "Specifies the text color of the component."
+          "description": "Specifies the component's text color."
         },
         {
           "name": "--calcite-sheet-resize-background-color",
-          "description": "Specifies the background color of the resize handle."
+          "description": "Specifies the resize handle's background color."
         },
         {
           "name": "--calcite-sheet-resize-icon-color",
-          "description": "Specifies the text color of the resize handle."
+          "description": "Specifies the resize handle's text color."
         },
         {
           "name": "--calcite-sheet-scrim-background",
-          "description": "Specifies the background color of the sheet scrim."
+          "description": "Specifies the background color of the component's scrim."
         },
         {
           "name": "--calcite-sheet-width",
-          "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component."
+          "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's width."
         },
         {
           "name": "--calcite-sheet-max-width",
-          "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the maximum width of the component."
+          "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's maximum width."
         },
         {
           "name": "--calcite-sheet-min-width",
-          "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the minimum width of the component."
+          "description": "When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the component's minimum width."
         },
         {
           "name": "--calcite-sheet-height",
-          "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component."
+          "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's height."
         },
         {
           "name": "--calcite-sheet-max-height",
-          "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the maximum height of the component."
+          "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's maximum height."
         },
         {
           "name": "--calcite-sheet-min-height",
-          "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the minimum height of the component."
+          "description": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the component's minimum height."
         },
         {
           "name": "--calcite-shell-border-color",
           "description": "Specifies the component's border color."
         },
-        {
-          "name": "--calcite-shell-tip-spacing",
-          "description": "[Deprecated] This component has been deprecated. The left and right spacing of the `calcite-tip-manager` when slotted in the component."
-        },
         {
           "name": "--calcite-shell-panel-background-color",
-          "description": "Specifies the background color of the component."
+          "description": "Specifies the component's background color."
         },
         {
           "name": "--calcite-shell-panel-border-color",
@@ -21002,31 +21113,23 @@
         },
         {
           "name": "--calcite-shell-panel-height",
-          "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the height of the component."
+          "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float` or `float-all`, specifies the component's height."
         },
         {
           "name": "--calcite-shell-panel-max-height",
-          "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the maximum height of the component."
-        },
-        {
-          "name": "--calcite-shell-panel-max-width",
-          "description": "Specifies the maximum width of the component."
+          "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's maximum height."
         },
         {
           "name": "--calcite-shell-panel-min-height",
-          "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the minimum height of the component."
+          "description": "When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float`, specifies the component's minimum height."
         },
         {
-          "name": "--calcite-shell-panel-min-width",
-          "description": "Specifies the minimum width of the component."
-        },
-        {
-          "name": "--calcite-shell-panel-resize-background-color",
-          "description": "Specifies the background color of the resize handle."
+          "name": "--calcite-shell-panel-max-width",
+          "description": "Specifies the component's maximum width."
         },
         {
           "name": "--calcite-shell-panel-resize-icon-color",
-          "description": "Specifies the text color of the resize handle."
+          "description": "Specifies the resize handle's text color."
         },
         {
           "name": "--calcite-shell-panel-shadow",
@@ -21034,15 +21137,15 @@
         },
         {
           "name": "--calcite-shell-panel-text-color",
-          "description": "Specifies the text color of the component."
+          "description": "Specifies the component's text color."
         },
         {
           "name": "--calcite-shell-panel-width",
-          "description": "Specifies the width of the component."
+          "description": "Specifies the component's width."
         },
         {
           "name": "--calcite-shell-panel-z-index",
-          "description": "Specifies the z-index value for the component."
+          "description": "Specifies the component's z-index value."
         },
         {
           "name": "--calcite-slider-text-color",
@@ -21704,10 +21807,6 @@
           "name": "--calcite-tooltip-text-color",
           "description": "Specifies the component's text color."
         },
-        {
-          "name": "--calcite-tooltip-z-index",
-          "description": "[Deprecated] No longer necessary. Specifies the z-index value for the component."
-        },
         {
           "name": "--calcite-tree-text-color",
           "description": "Specifies the component's text color."