@esri/calcite-components 3.0.0-next.99 → 3.0.0

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-01-14T20:10:21",
+  "timestamp": "2025-02-08T04:16:25",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.32.0-next.77",
+    "version": "4.32.0-next.129",
     "typescriptVersion": "5.6.3"
   },
   "schemaVersion": "1.0.0",
@@ -4094,7 +4094,7 @@
             {
               "kind": "field",
               "name": "maxLength",
-              "description": "Specifies the maximum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -4123,7 +4123,7 @@
             {
               "kind": "field",
               "name": "minLength",
-              "description": "Specifies the minimum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -4202,7 +4202,7 @@
             {
               "kind": "field",
               "name": "pattern",
-              "description": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+              "description": "When the component resides in a form,\nspecifies a regular expression (regex) pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
               "type": {
                 "text": "string",
                 "values": [
@@ -4359,7 +4359,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -4724,7 +4724,7 @@
             },
             {
               "name": "max-length",
-              "description": "Specifies the maximum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -4737,7 +4737,7 @@
             },
             {
               "name": "min-length",
-              "description": "Specifies the minimum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -4796,7 +4796,7 @@
             },
             {
               "name": "pattern",
-              "description": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+              "description": "When the component resides in a form,\nspecifies a regular expression (regex) pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
               "type": {
                 "text": "string",
                 "values": [
@@ -4884,7 +4884,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -6017,10 +6017,26 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "dragDisabled",
+              "description": "When `true`, and a parent Block Group is `dragEnabled`, the component is not draggable.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "drag-disabled",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "dragHandle",
-              "description": "When `true`, displays a drag handle in the header.",
+              "description": "When `true`, the component displays a draggable button.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -6030,6 +6046,7 @@
                 ]
               },
               "default": "false",
+              "deprecated": "No longer necessary. Use Block Group for draggable functionality.",
               "attribute": "drag-handle",
               "reflects": true
             },
@@ -6347,6 +6364,22 @@
               "signature": "(): Promise<void>",
               "async": true
             },
+            {
+              "kind": "field",
+              "name": "sortHandleOpen",
+              "description": "When `true`, displays and positions the sort handle.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "sort-handle-open",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "status",
@@ -6415,9 +6448,23 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "drag-disabled",
+              "description": "When `true`, and a parent Block Group is `dragEnabled`, the component is not draggable.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "dragDisabled"
+            },
             {
               "name": "drag-handle",
-              "description": "When `true`, displays a drag handle in the header.",
+              "description": "When `true`, the component displays a draggable button.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -6427,7 +6474,8 @@
                 ]
               },
               "default": "false",
-              "fieldName": "dragHandle"
+              "fieldName": "dragHandle",
+              "deprecated": "No longer necessary. Use Block Group for draggable functionality."
             },
             {
               "name": "heading",
@@ -6679,6 +6727,20 @@
               "default": "\"absolute\"",
               "fieldName": "overlayPositioning"
             },
+            {
+              "name": "sort-handle-open",
+              "description": "When `true`, displays and positions the sort handle.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "sortHandleOpen"
+            },
             {
               "name": "status",
               "description": "Displays a status-related indicator icon.",
@@ -6736,6 +6798,38 @@
               },
               "cancelable": false
             },
+            {
+              "name": "calciteBlockSortHandleBeforeClose",
+              "description": "Fires when the sort handle is requested to be closed and before the closing transition begins.",
+              "type": {
+                "text": "undefined"
+              },
+              "cancelable": false
+            },
+            {
+              "name": "calciteBlockSortHandleBeforeOpen",
+              "description": "Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins.",
+              "type": {
+                "text": "undefined"
+              },
+              "cancelable": false
+            },
+            {
+              "name": "calciteBlockSortHandleClose",
+              "description": "Fires when the sort handle is closed and animation is complete.",
+              "type": {
+                "text": "undefined"
+              },
+              "cancelable": false
+            },
+            {
+              "name": "calciteBlockSortHandleOpen",
+              "description": "Fires when the sort handle is open and animation is complete.",
+              "type": {
+                "text": "undefined"
+              },
+              "cancelable": false
+            },
             {
               "name": "calciteBlockToggle",
               "description": "Fires when the component's header is clicked.",
@@ -6786,9 +6880,13 @@
               "description": "Specifies the component's `heading` background color when hovered."
             },
             {
-              "name": "--calcite-block-header-text-color",
+              "name": "--calcite-block-heading-text-color",
               "description": "Specifies the component's `heading` text color."
             },
+            {
+              "name": "--calcite-block-heading-text-color-press",
+              "description": "When the component is `open`, specifies the `heading` text color."
+            },
             {
               "name": "--calcite-block-padding",
               "description": "[Deprecated] Specifies the padding of the component's `default` slot."
@@ -6796,10 +6894,6 @@
             {
               "name": "--calcite-block-text-color",
               "description": "Specifies the component's text color."
-            },
-            {
-              "name": "--calcite-block-text-color-hover",
-              "description": "Specifies the component's text color when hovered."
             }
           ]
         }
@@ -6815,6 +6909,333 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/block-group/block-group.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "BlockGroup",
+          "tagName": "calcite-block-group",
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "CalciteBlockGroup",
+          "importPath": "components/calcite-block-group",
+          "members": [
+            {
+              "kind": "field",
+              "name": "canPull",
+              "description": "When provided, the method will be called to determine whether the element is sortable in the component.",
+              "type": {
+                "text": "(detail: BlockDragDetail) => boolean",
+                "references": [
+                  {
+                    "name": "BlockDragDetail",
+                    "module": "dist/components/calcite-block-group/interfaces.d.ts",
+                    "start": 9,
+                    "end": 24
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "canPut",
+              "description": "When provided, the method will be called to determine whether the element can be added from another component.",
+              "type": {
+                "text": "(detail: BlockDragDetail) => boolean",
+                "references": [
+                  {
+                    "name": "BlockDragDetail",
+                    "module": "dist/components/calcite-block-group/interfaces.d.ts",
+                    "start": 9,
+                    "end": 24
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "const blockGroup = document.createElement(\"calcite-block-group\");\ndocument.body.append(blockGroup);\nblockGroup.componentOnReady().then(() => {\n  console.log(\"calcite-block-group is ready to go!\");\n});"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "description": "When `true`, interaction is prevented and the component is displayed with lower opacity.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "dragEnabled",
+              "description": "When `true`, `calcite-block`s are sortable via a draggable button.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "drag-enabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "group",
+              "description": "The block-group's group identifier.\n\nTo drag elements from one group into another, both groups must have the same group value.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "group",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "Specifies an accessible name for the component.\n\nWhen `dragEnabled` is `true` and multiple group sorting is enabled with `group`, specifies the component's name for dragging between groups.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "label",
+              "docsTags": [
+                {
+                  "name": "required"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "description": "When `true`, a busy indicator is displayed.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "loading",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "setFocus",
+              "description": "Sets focus on the component's first focusable element.",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "typescript",
+                      "module": "lib/lib.es5.d.ts",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "docsTags": [
+                {
+                  "name": "returns"
+                }
+              ],
+              "signature": "(): Promise<void>",
+              "async": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "When `true`, interaction is prevented and the component is displayed with lower opacity.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "drag-enabled",
+              "description": "When `true`, `calcite-block`s are sortable via a draggable button.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "dragEnabled"
+            },
+            {
+              "name": "group",
+              "description": "The block-group's group identifier.\n\nTo drag elements from one group into another, both groups must have the same group value.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "group"
+            },
+            {
+              "name": "label",
+              "description": "Specifies an accessible name for the component.\n\nWhen `dragEnabled` is `true` and multiple group sorting is enabled with `group`, specifies the component's name for dragging between groups.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "loading",
+              "description": "When `true`, a busy indicator is displayed.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "loading"
+            }
+          ],
+          "events": [
+            {
+              "name": "calciteBlockGroupDragEnd",
+              "description": "Fires when the component's dragging has ended.",
+              "type": {
+                "text": "BlockDragDetail",
+                "references": [
+                  {
+                    "name": "BlockDragDetail",
+                    "module": "dist/components/calcite-block-group/interfaces.d.ts",
+                    "start": 0,
+                    "end": 15
+                  }
+                ]
+              },
+              "cancelable": false
+            },
+            {
+              "name": "calciteBlockGroupDragStart",
+              "description": "Fires when the component's dragging has started.",
+              "type": {
+                "text": "BlockDragDetail",
+                "references": [
+                  {
+                    "name": "BlockDragDetail",
+                    "module": "dist/components/calcite-block-group/interfaces.d.ts",
+                    "start": 0,
+                    "end": 15
+                  }
+                ]
+              },
+              "cancelable": false
+            },
+            {
+              "name": "calciteBlockGroupOrderChange",
+              "description": "Fires when the component's item order changes.",
+              "type": {
+                "text": "BlockDragDetail",
+                "references": [
+                  {
+                    "name": "BlockDragDetail",
+                    "module": "dist/components/calcite-block-group/interfaces.d.ts",
+                    "start": 0,
+                    "end": 15
+                  }
+                ]
+              },
+              "cancelable": false
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "A slot for adding `calcite-block` elements."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "calcite-block-group",
+          "declaration": {
+            "name": "BlockGroup",
+            "module": "src/components/block-group/block-group.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/block-section/block-section.tsx",
@@ -8052,6 +8473,32 @@
               "name": "",
               "description": "A slot for adding text."
             }
+          ],
+          "cssProperties": [
+            {
+              "name": "--calcite-button-background-color",
+              "description": "Specifies the component's background color when appearance=\"solid\" or appearance=\"outline-fill\"."
+            },
+            {
+              "name": "--calcite-button-border-color",
+              "description": "Specifies the component's border color when it has appearance=\"outline\" or appearance=\"outline-fill\"."
+            },
+            {
+              "name": "--calcite-button-corner-radius",
+              "description": "Specifies the component's corner radius."
+            },
+            {
+              "name": "--calcite-button-loader-color",
+              "description": "Specifies the component's loader color."
+            },
+            {
+              "name": "--calcite-button-shadow-color",
+              "description": "Specifies the component's box-shadow color."
+            },
+            {
+              "name": "--calcite-button-text-color",
+              "description": "Specifies the component's text color."
+            }
           ]
         }
       ],
@@ -9417,7 +9864,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -9616,7 +10063,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -12131,7 +12578,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -12567,7 +13014,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -13575,7 +14022,7 @@
             {
               "kind": "field",
               "name": "max",
-              "description": "Specifies the latest allowed date (`\"yyyy-mm-dd\"`).",
+              "description": "When the component resides in a form,\nspecifies the latest allowed date (`\"yyyy-mm-dd\"`).",
               "type": {
                 "text": "string",
                 "values": [
@@ -13615,7 +14062,7 @@
             {
               "kind": "field",
               "name": "min",
-              "description": "Specifies the earliest allowed date (`\"yyyy-mm-dd\"`).",
+              "description": "When the component resides in a form,\nspecifies the earliest allowed date (`\"yyyy-mm-dd\"`).",
               "type": {
                 "text": "string",
                 "values": [
@@ -13906,7 +14353,7 @@
             },
             {
               "name": "max",
-              "description": "Specifies the latest allowed date (`\"yyyy-mm-dd\"`).",
+              "description": "When the component resides in a form,\nspecifies the latest allowed date (`\"yyyy-mm-dd\"`).",
               "type": {
                 "text": "string",
                 "values": [
@@ -13919,7 +14366,7 @@
             },
             {
               "name": "min",
-              "description": "Specifies the earliest allowed date (`\"yyyy-mm-dd\"`).",
+              "description": "When the component resides in a form,\nspecifies the earliest allowed date (`\"yyyy-mm-dd\"`).",
               "type": {
                 "text": "string",
                 "values": [
@@ -14053,6 +14500,108 @@
               },
               "cancelable": false
             }
+          ],
+          "cssProperties": [
+            {
+              "name": "--calcite-date-picker-border-color",
+              "description": "Specifies the component's border color."
+            },
+            {
+              "name": "--calcite-date-picker-corner-radius",
+              "description": "Specifies the component's border radius."
+            },
+            {
+              "name": "--calcite-date-picker-range-calendar-divider-color",
+              "description": "Specifies the divider color between calendar's when `range=\"true\"`."
+            },
+            {
+              "name": "--calcite-date-picker-week-header-text-color",
+              "description": "Specifies the week header text color."
+            },
+            {
+              "name": "--calcite-date-picker-header-action-background-color",
+              "description": "Specifies the background color of header action's of the component."
+            },
+            {
+              "name": "--calcite-date-picker-header-action-background-color-hover",
+              "description": "Specifies the background color of header action's of the component when hovered."
+            },
+            {
+              "name": "--calcite-date-picker-header-action-background-color-press",
+              "description": "Specifies the background color of header action's of the component when pressed."
+            },
+            {
+              "name": "--calcite-date-picker-header-action-text-color",
+              "description": "Specifies the text color of header action's of the component."
+            },
+            {
+              "name": "--calcite-date-picker-header-action-text-color-press",
+              "description": "Specifies the text color of header action's of the component when pressed."
+            },
+            {
+              "name": "--calcite-date-picker-year-text-color",
+              "description": "Specifies the text color of year & suffix of the component."
+            },
+            {
+              "name": "--calcite-date-picker-month-select-font-size",
+              "description": "Specifies the font size of month select of the component."
+            },
+            {
+              "name": "--calcite-date-picker-month-select-text-color",
+              "description": "Specifies the text color of month select of the component."
+            },
+            {
+              "name": "--calcite-date-picker-month-select-icon-color",
+              "description": "Specifies the icon color of month select of the component."
+            },
+            {
+              "name": "--calcite-date-picker-month-select-icon-color-hover",
+              "description": "Specifies the icon color of month select of the component when hovered."
+            },
+            {
+              "name": "--calcite-date-picker-day-background-color",
+              "description": "Specifies the background color of day of the component."
+            },
+            {
+              "name": "--calcite-date-picker-day-background-color-hover",
+              "description": "Specifies the background color of day of the component when hovered."
+            },
+            {
+              "name": "--calcite-date-picker-day-text-color",
+              "description": "Specifies the text color of day of the component."
+            },
+            {
+              "name": "--calcite-date-picker-day-text-color-hover",
+              "description": "Specifies the text color of day of the component when hovered."
+            },
+            {
+              "name": "--calcite-date-picker-current-day-text-color",
+              "description": "Specifies the text color of current day of the component."
+            },
+            {
+              "name": "--calcite-date-picker-day-background-color-selected",
+              "description": "Specifies the background color of selected day of the component."
+            },
+            {
+              "name": "--calcite-date-picker-day-text-color-selected",
+              "description": "Specifies the text color of selected day of the component."
+            },
+            {
+              "name": "--calcite-date-picker-day-range-text-color",
+              "description": "Specifies the text color of select day range of the component."
+            },
+            {
+              "name": "--calcite-date-picker-day-range-background-color",
+              "description": "Specifies the background color of select day range of the component."
+            },
+            {
+              "name": "--calcite-date-picker-day-outside-range-background-color-hover",
+              "description": "Specifies the background color of day's outside current range when hovered."
+            },
+            {
+              "name": "--calcite-date-picker-day-outside-range-text-color-hover",
+              "description": "Specifies the text color of day's outside current range when hovered."
+            }
           ]
         }
       ],
@@ -15311,6 +15860,30 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "focusTrapDisabled",
+              "description": "When `true` and `modal` is `false`, prevents focus trapping.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "focus-trap-disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "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).",
+              "type": {
+                "text": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}"
+              }
+            },
             {
               "kind": "field",
               "name": "heading",
@@ -15671,7 +16244,67 @@
             {
               "kind": "method",
               "name": "updateFocusTrapElements",
-              "description": "Updates the element(s) that are used within the focus-trap of the component.",
+              "description": "Updates the element(s) that are included in the focus-trap of the component.",
+              "parameters": [
+                {
+                  "name": "extraContainers",
+                  "optional": true,
+                  "type": {
+                    "text": "Array<string | HTMLElement | SVGElement> | HTMLElement | SVGElement | string",
+                    "references": [
+                      {
+                        "name": "Array",
+                        "package": "typescript",
+                        "module": "lib/lib.es5.d.ts",
+                        "start": 0,
+                        "end": 5
+                      },
+                      {
+                        "name": "HTMLElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 15,
+                        "end": 26
+                      },
+                      {
+                        "name": "SVGElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 29,
+                        "end": 39
+                      },
+                      {
+                        "name": "HTMLElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 43,
+                        "end": 54
+                      },
+                      {
+                        "name": "SVGElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 57,
+                        "end": 67
+                      }
+                    ],
+                    "values": [
+                      {
+                        "type": "Array<string | HTMLElement | SVGElement>"
+                      },
+                      {
+                        "type": "HTMLElement"
+                      },
+                      {
+                        "type": "SVGElement"
+                      },
+                      {
+                        "type": "string"
+                      }
+                    ]
+                  }
+                }
+              ],
               "return": {
                 "type": {
                   "text": "Promise<void>",
@@ -15686,7 +16319,13 @@
                   ]
                 }
               },
-              "signature": "(): Promise<void>",
+              "docsTags": [
+                {
+                  "name": "param",
+                  "text": "extraContainers - Additional elements to include in the focus trap. This is useful for including elements that may have related parts rendered outside the main focus trapping element."
+                }
+              ],
+              "signature": "(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>",
               "async": true
             },
             {
@@ -15796,6 +16435,20 @@
               "default": "false",
               "fieldName": "escapeDisabled"
             },
+            {
+              "name": "focus-trap-disabled",
+              "description": "When `true` and `modal` is `false`, prevents focus trapping.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "focusTrapDisabled"
+            },
             {
               "name": "heading",
               "description": "The component header text.",
@@ -16138,7 +16791,11 @@
             },
             {
               "name": "content",
-              "description": "A slot for adding custom content."
+              "description": "[Deprecated] Use `custom-content` slot instead."
+            },
+            {
+              "name": "custom-content",
+              "description": "A slot for displaying custom content. Will prevent the rendering of any default Dialog UI, except for `box-shadow` and `corner-radius`."
             },
             {
               "name": "action-bar",
@@ -18337,6 +18994,12 @@
               "name": "",
               "description": "A slot for adding `calcite-flow-item` elements to the component."
             }
+          ],
+          "cssProperties": [
+            {
+              "name": "--calcite-flow-background-color",
+              "description": "Specifies the component's background color."
+            }
           ]
         }
       ],
@@ -19103,11 +19766,99 @@
           "cssProperties": [
             {
               "name": "--calcite-flow-item-footer-padding",
-              "description": "Specifies the padding of the component's footer."
+              "description": "[Deprecated] Use `--calcite-flow-footer-space` instead. Specifies the padding of the component's footer."
             },
             {
               "name": "--calcite-flow-item-header-border-block-end",
-              "description": "Specifies the component header's block end border."
+              "description": "[Deprecated] Use `--calcite-flow-border-color` instead. Specifies the component header's block end border."
+            },
+            {
+              "name": "--calcite-flow-corner-radius",
+              "description": "Specifies the component's corner radius."
+            },
+            {
+              "name": "--calcite-flow-heading-text-color",
+              "description": "Specifies the text color of the component's `heading`."
+            },
+            {
+              "name": "--calcite-flow-description-text-color",
+              "description": "Specifies the text color of the component's `description`."
+            },
+            {
+              "name": "--calcite-flow-border-color",
+              "description": "Specifies the component's border color."
+            },
+            {
+              "name": "--calcite-flow-background-color",
+              "description": "Specifies the component's background color."
+            },
+            {
+              "name": "--calcite-flow-header-background-color",
+              "description": "Specifies the background color of the component's header."
+            },
+            {
+              "name": "--calcite-flow-footer-background-color",
+              "description": "Specifies the background color of the component's footer."
+            },
+            {
+              "name": "--calcite-flow-space",
+              "description": "Specifies the padding of the component's `\"unnamed (default)\"` slot."
+            },
+            {
+              "name": "--calcite-flow-header-content-space",
+              "description": "Specifies the padding of the `\"header-content\"` slot."
+            },
+            {
+              "name": "--calcite-flow-footer-space",
+              "description": "Specifies the padding of the component's footer."
+            },
+            {
+              "name": "--calcite-action-background-color",
+              "description": "Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s. Applies to any slotted `calcite-action`s."
+            },
+            {
+              "name": "--calcite-action-background-color-hover",
+              "description": "Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s."
+            },
+            {
+              "name": "--calcite-action-background-color-pressed",
+              "description": "Specifies the background color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s."
+            },
+            {
+              "name": "--calcite-action-text-color-hover",
+              "description": "Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when hovered. Applies to any slotted `calcite-action`s."
+            },
+            {
+              "name": "--calcite-action-text-color-pressed",
+              "description": "Specifies the text and icon color of the component's `closable`, `collapsible`, and `back` `calcite-action`s when pressed. Applies to any slotted `calcite-action`s."
+            },
+            {
+              "name": "--calcite-popover-border-color",
+              "description": "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."
+            },
+            {
+              "name": "--calcite-flow-header-action-background-color-hover",
+              "description": "Specifies the background color of the component's `calcite-action` items  in the flow item header when hovered."
+            },
+            {
+              "name": "--calcite-flow-header-action-background-color-press",
+              "description": "Specifies the background color of the component's `calcite-action` items  in the flow item header when pressed."
+            },
+            {
+              "name": "--calcite-flow-header-action-background-color",
+              "description": "Specifies the background color of the component's `calcite-action` items  in the flow item header."
+            },
+            {
+              "name": "--calcite-flow-header-action-indicator-color",
+              "description": "Specifies the color of the component's `calcite-action` items' indicator in the flow item header."
+            },
+            {
+              "name": "--calcite-flow-header-action-text-color-press",
+              "description": "Specifies the text color of the component's `calcite-action` items in the flow item header when pressed."
+            },
+            {
+              "name": "--calcite-flow-header-action-text-color",
+              "description": "Specifies the text color of the component's `calcite-action` items in the flow item header."
             }
           ]
         }
@@ -19323,6 +20074,12 @@
               },
               "fieldName": "min"
             }
+          ],
+          "cssProperties": [
+            {
+              "name": "--calcite-graph-highlight-fill-color",
+              "description": "Specifies the fill color of the `highlight` element, when present."
+            }
           ]
         }
       ],
@@ -19346,6 +20103,7 @@
           "customElement": true,
           "name": "Handle",
           "tagName": "calcite-handle",
+          "deprecated": "Use the `calcite-sort-handle` component instead.",
           "superclass": {
             "name": "LitElement",
             "package": "@arcgis/lumina"
@@ -20096,6 +20854,36 @@
               "name": "",
               "description": "A slot for adding a `calcite-input`."
             }
+          ],
+          "cssProperties": [
+            {
+              "name": "--calcite-inline-editable-background-color-hover",
+              "description": "Specifies the component's background color when hovered."
+            },
+            {
+              "name": "--calcite-inline-editable-background-color",
+              "description": "Specifies the component's background color."
+            },
+            {
+              "name": "--calcite-inline-editable-button-background-color",
+              "description": "Specifies the button element's background color when appearance=\"solid\" or appearance=\"outline-fill\"."
+            },
+            {
+              "name": "--calcite-inline-editable-button-corner-radius",
+              "description": "Specifies the button element's corner radius."
+            },
+            {
+              "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."
+            }
           ]
         }
       ],
@@ -20380,7 +21168,7 @@
             {
               "kind": "field",
               "name": "max",
-              "description": "Specifies the maximum value for type \"number\".",
+              "description": "When the component resides in a form,\nspecifies the maximum value for `type=\"number\"`.",
               "type": {
                 "text": "number",
                 "values": [
@@ -20401,7 +21189,7 @@
             {
               "kind": "field",
               "name": "maxLength",
-              "description": "Specifies the maximum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -20430,7 +21218,7 @@
             {
               "kind": "field",
               "name": "min",
-              "description": "Specifies the minimum value for `type=\"number\"`.",
+              "description": "When the component resides in a form,\nspecifies the minimum value for `type=\"number\"`.",
               "type": {
                 "text": "number",
                 "values": [
@@ -20451,7 +21239,7 @@
             {
               "kind": "field",
               "name": "minLength",
-              "description": "Specifies the minimum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -20563,7 +21351,7 @@
             {
               "kind": "field",
               "name": "pattern",
-              "description": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+              "description": "When the component resides in a form,\nspecifies a regular expression (regex) pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
               "type": {
                 "text": "string",
                 "values": [
@@ -20639,7 +21427,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -21070,7 +21858,7 @@
             },
             {
               "name": "max",
-              "description": "Specifies the maximum value for type \"number\".",
+              "description": "When the component resides in a form,\nspecifies the maximum value for `type=\"number\"`.",
               "type": {
                 "text": "number",
                 "values": [
@@ -21083,7 +21871,7 @@
             },
             {
               "name": "max-length",
-              "description": "Specifies the maximum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -21096,7 +21884,7 @@
             },
             {
               "name": "min",
-              "description": "Specifies the minimum value for `type=\"number\"`.",
+              "description": "When the component resides in a form,\nspecifies the minimum value for `type=\"number\"`.",
               "type": {
                 "text": "number",
                 "values": [
@@ -21109,7 +21897,7 @@
             },
             {
               "name": "min-length",
-              "description": "Specifies the minimum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -21194,7 +21982,7 @@
             },
             {
               "name": "pattern",
-              "description": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+              "description": "When the component resides in a form,\nspecifies a regular expression (regex) pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
               "type": {
                 "text": "string",
                 "values": [
@@ -21247,7 +22035,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -21746,7 +22534,7 @@
             {
               "kind": "field",
               "name": "max",
-              "description": "Specifies the latest allowed date (\"yyyy-mm-dd\").",
+              "description": "When the component resides in a form,\nspecifies the latest allowed date (\"yyyy-mm-dd\").",
               "type": {
                 "text": "string",
                 "values": [
@@ -21786,7 +22574,7 @@
             {
               "kind": "field",
               "name": "min",
-              "description": "Specifies the earliest allowed date (\"yyyy-mm-dd\").",
+              "description": "When the component resides in a form,\nspecifies the earliest allowed date (\"yyyy-mm-dd\").",
               "type": {
                 "text": "string",
                 "values": [
@@ -22049,7 +22837,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -22344,7 +23132,7 @@
             },
             {
               "name": "max",
-              "description": "Specifies the latest allowed date (\"yyyy-mm-dd\").",
+              "description": "When the component resides in a form,\nspecifies the latest allowed date (\"yyyy-mm-dd\").",
               "type": {
                 "text": "string",
                 "values": [
@@ -22357,7 +23145,7 @@
             },
             {
               "name": "min",
-              "description": "Specifies the earliest allowed date (\"yyyy-mm-dd\").",
+              "description": "When the component resides in a form,\nspecifies the earliest allowed date (\"yyyy-mm-dd\").",
               "type": {
                 "text": "string",
                 "values": [
@@ -22534,7 +23322,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -23173,7 +23961,7 @@
             {
               "kind": "field",
               "name": "max",
-              "description": "Specifies the maximum value.",
+              "description": "When the component resides in a form,\nspecifies the maximum value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -23194,7 +23982,7 @@
             {
               "kind": "field",
               "name": "maxLength",
-              "description": "Specifies the maximum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -23224,7 +24012,7 @@
             {
               "kind": "field",
               "name": "min",
-              "description": "Specifies the minimum value.",
+              "description": "When the component resides in a form,\nspecifies the minimum value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -23245,7 +24033,7 @@
             {
               "kind": "field",
               "name": "minLength",
-              "description": "Specifies the minimum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -23393,7 +24181,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -23748,7 +24536,7 @@
             },
             {
               "name": "max",
-              "description": "Specifies the maximum value.",
+              "description": "When the component resides in a form,\nspecifies the maximum value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -23761,7 +24549,7 @@
             },
             {
               "name": "max-length",
-              "description": "Specifies the maximum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -23775,7 +24563,7 @@
             },
             {
               "name": "min",
-              "description": "Specifies the minimum value.",
+              "description": "When the component resides in a form,\nspecifies the minimum value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -23788,7 +24576,7 @@
             },
             {
               "name": "min-length",
-              "description": "Specifies the minimum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -23900,7 +24688,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -24294,7 +25082,7 @@
             {
               "kind": "field",
               "name": "maxLength",
-              "description": "Specifies the maximum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -24323,7 +25111,7 @@
             {
               "kind": "field",
               "name": "minLength",
-              "description": "Specifies the minimum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -24365,7 +25153,7 @@
             {
               "kind": "field",
               "name": "pattern",
-              "description": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+              "description": "When the component resides in a form,\nspecifies a regular expression (regex) pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
               "type": {
                 "text": "string",
                 "values": [
@@ -24441,7 +25229,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -24743,7 +25531,7 @@
             },
             {
               "name": "max-length",
-              "description": "Specifies the maximum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -24756,7 +25544,7 @@
             },
             {
               "name": "min-length",
-              "description": "Specifies the minimum length of text for the component's value.",
+              "description": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
               "type": {
                 "text": "number",
                 "values": [
@@ -24782,7 +25570,7 @@
             },
             {
               "name": "pattern",
-              "description": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+              "description": "When the component resides in a form,\nspecifies a regular expression (regex) pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
               "type": {
                 "text": "string",
                 "values": [
@@ -24835,7 +25623,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -25116,7 +25904,7 @@
             {
               "kind": "field",
               "name": "max",
-              "description": "Specifies the maximum value.",
+              "description": "When the component resides in a form,\nspecifies the maximum value.",
               "type": {
                 "text": "string",
                 "values": [
@@ -25145,7 +25933,7 @@
             {
               "kind": "field",
               "name": "min",
-              "description": "Specifies the minimum value.",
+              "description": "When the component resides in a form,\nspecifies the minimum value.",
               "type": {
                 "text": "string",
                 "values": [
@@ -25399,7 +26187,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -25628,7 +26416,7 @@
             },
             {
               "name": "max",
-              "description": "Specifies the maximum value.",
+              "description": "When the component resides in a form,\nspecifies the maximum value.",
               "type": {
                 "text": "string",
                 "values": [
@@ -25641,7 +26429,7 @@
             },
             {
               "name": "min",
-              "description": "Specifies the minimum value.",
+              "description": "When the component resides in a form,\nspecifies the minimum value.",
               "type": {
                 "text": "string",
                 "values": [
@@ -25831,7 +26619,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -28504,7 +29292,8 @@
                 ]
               },
               "default": "false",
-              "attribute": "sort-handle-open"
+              "attribute": "sort-handle-open",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -30889,6 +31678,14 @@
               "attribute": "focus-trap-disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "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).",
+              "type": {
+                "text": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}"
+              }
+            },
             {
               "kind": "field",
               "name": "fullscreen",
@@ -31083,7 +31880,67 @@
             {
               "kind": "method",
               "name": "updateFocusTrapElements",
-              "description": "Updates the element(s) that are used within the focus-trap of the component.",
+              "description": "Updates the element(s) that are included in the focus-trap of the component.",
+              "parameters": [
+                {
+                  "name": "extraContainers",
+                  "optional": true,
+                  "type": {
+                    "text": "Array<string | HTMLElement | SVGElement> | HTMLElement | SVGElement | string",
+                    "references": [
+                      {
+                        "name": "Array",
+                        "package": "typescript",
+                        "module": "lib/lib.es5.d.ts",
+                        "start": 0,
+                        "end": 5
+                      },
+                      {
+                        "name": "HTMLElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 15,
+                        "end": 26
+                      },
+                      {
+                        "name": "SVGElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 29,
+                        "end": 39
+                      },
+                      {
+                        "name": "HTMLElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 43,
+                        "end": 54
+                      },
+                      {
+                        "name": "SVGElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 57,
+                        "end": 67
+                      }
+                    ],
+                    "values": [
+                      {
+                        "type": "Array<string | HTMLElement | SVGElement>"
+                      },
+                      {
+                        "type": "HTMLElement"
+                      },
+                      {
+                        "type": "SVGElement"
+                      },
+                      {
+                        "type": "string"
+                      }
+                    ]
+                  }
+                }
+              ],
               "return": {
                 "type": {
                   "text": "Promise<void>",
@@ -31098,7 +31955,13 @@
                   ]
                 }
               },
-              "signature": "(): Promise<void>",
+              "docsTags": [
+                {
+                  "name": "param",
+                  "text": "extraContainers - Additional elements to include in the focus trap. This is useful for including elements that may have related parts rendered outside the main focus trapping element."
+                }
+              ],
+              "signature": "(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>",
               "async": true
             },
             {
@@ -34516,6 +35379,30 @@
             {
               "name": "--calcite-panel-header-border-block-end",
               "description": "[Deprecated] Use `--calcite-panel-border-color` instead. Specifies the component header's block end border."
+            },
+            {
+              "name": "--calcite-panel-header-action-background-color-hover",
+              "description": "Specifies the background color of the component's `calcite-action` items  in the panel header when hovered."
+            },
+            {
+              "name": "--calcite-panel-header-action-background-color-press",
+              "description": "Specifies the background color of the component's `calcite-action` items  in the panel header when pressed."
+            },
+            {
+              "name": "--calcite-panel-header-action-background-color",
+              "description": "Specifies the background color of the component's `calcite-action` items  in the panel header."
+            },
+            {
+              "name": "--calcite-panel-header-action-indicator-color",
+              "description": "Specifies the color of the component's `calcite-action` items' indicator in the panel header."
+            },
+            {
+              "name": "--calcite-panel-header-action-text-color-press",
+              "description": "Specifies the text color of the component's `calcite-action` items in the panel header when pressed."
+            },
+            {
+              "name": "--calcite-panel-header-action-text-color",
+              "description": "Specifies the text color of the component's `calcite-action` items in the panel header."
             }
           ]
         }
@@ -34659,6 +35546,14 @@
               "attribute": "focus-trap-disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "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).",
+              "type": {
+                "text": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}"
+              }
+            },
             {
               "kind": "field",
               "name": "heading",
@@ -34709,55 +35604,6 @@
               "attribute": "heading-level",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "initialFocusTrapFocus",
-              "description": "Specifies whether focus should move to the popover when the focus trap is activated.\n `@internal`",
-              "type": {
-                "text": "((() => FocusTargetValueOrFalse)) | HTMLElement | SVGElement | boolean | string",
-                "references": [
-                  {
-                    "name": "FocusTargetValueOrFalse",
-                    "package": "focus-trap",
-                    "module": "index.d.ts",
-                    "start": 8,
-                    "end": 31
-                  },
-                  {
-                    "name": "HTMLElement",
-                    "package": "typescript",
-                    "module": "lib/lib.dom.d.ts",
-                    "start": 36,
-                    "end": 47
-                  },
-                  {
-                    "name": "SVGElement",
-                    "package": "typescript",
-                    "module": "lib/lib.dom.d.ts",
-                    "start": 50,
-                    "end": 60
-                  }
-                ],
-                "values": [
-                  {
-                    "type": "((() => FocusTargetValueOrFalse))"
-                  },
-                  {
-                    "type": "HTMLElement"
-                  },
-                  {
-                    "type": "SVGElement"
-                  },
-                  {
-                    "type": "boolean"
-                  },
-                  {
-                    "type": "string"
-                  }
-                ]
-              },
-              "attribute": "initial-focus-trap-focus"
-            },
             {
               "kind": "field",
               "name": "label",
@@ -35237,22 +36083,6 @@
               },
               "fieldName": "headingLevel"
             },
-            {
-              "name": "initial-focus-trap-focus",
-              "description": "Specifies whether focus should move to the popover when the focus trap is activated.\n `@internal`",
-              "type": {
-                "text": "boolean | string",
-                "values": [
-                  {
-                    "type": "boolean"
-                  },
-                  {
-                    "type": "string"
-                  }
-                ]
-              },
-              "fieldName": "initialFocusTrapFocus"
-            },
             {
               "name": "label",
               "description": "Accessible name for the component.",
@@ -35904,7 +36734,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -36040,7 +36870,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -36223,7 +37053,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -36411,7 +37241,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -37318,7 +38148,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -37589,7 +38419,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -37724,6 +38554,12 @@
               "name": "",
               "description": "A slot for adding `calcite-segmented-control-item`s."
             }
+          ],
+          "cssProperties": [
+            {
+              "name": "--calcite-segmented-control-border-color",
+              "description": "Specifies the component's border color."
+            }
           ]
         }
       ],
@@ -37930,6 +38766,28 @@
               },
               "fieldName": "value"
             }
+          ],
+          "cssProperties": [
+            {
+              "name": "--calcite-segmented-control-color",
+              "description": "Specifies the component's color."
+            },
+            {
+              "name": "--calcite-segmented-control-background-color",
+              "description": "Specifies the component's background color."
+            },
+            {
+              "name": "--calcite-segmented-control-border-color",
+              "description": "Specifies the component's border color."
+            },
+            {
+              "name": "--calcite-segmented-control-shadow",
+              "description": "Specifies the component's shadow."
+            },
+            {
+              "name": "--calcite-segmented-control-icon-color",
+              "description": "Specifies the icons's color."
+            }
           ]
         }
       ],
@@ -38059,7 +38917,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -38305,7 +39163,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -38608,6 +39466,14 @@
               "attribute": "focus-trap-disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "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).",
+              "type": {
+                "text": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -38786,7 +39652,67 @@
             {
               "kind": "method",
               "name": "updateFocusTrapElements",
-              "description": "Updates the element(s) that are used within the focus-trap of the component.",
+              "description": "Updates the element(s) that are included in the focus-trap of the component.",
+              "parameters": [
+                {
+                  "name": "extraContainers",
+                  "optional": true,
+                  "type": {
+                    "text": "Array<string | HTMLElement | SVGElement> | HTMLElement | SVGElement | string",
+                    "references": [
+                      {
+                        "name": "Array",
+                        "package": "typescript",
+                        "module": "lib/lib.es5.d.ts",
+                        "start": 0,
+                        "end": 5
+                      },
+                      {
+                        "name": "HTMLElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 15,
+                        "end": 26
+                      },
+                      {
+                        "name": "SVGElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 29,
+                        "end": 39
+                      },
+                      {
+                        "name": "HTMLElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 43,
+                        "end": 54
+                      },
+                      {
+                        "name": "SVGElement",
+                        "package": "typescript",
+                        "module": "lib/lib.dom.d.ts",
+                        "start": 57,
+                        "end": 67
+                      }
+                    ],
+                    "values": [
+                      {
+                        "type": "Array<string | HTMLElement | SVGElement>"
+                      },
+                      {
+                        "type": "HTMLElement"
+                      },
+                      {
+                        "type": "SVGElement"
+                      },
+                      {
+                        "type": "string"
+                      }
+                    ]
+                  }
+                }
+              ],
               "return": {
                 "type": {
                   "text": "Promise<void>",
@@ -38801,7 +39727,13 @@
                   ]
                 }
               },
-              "signature": "(): Promise<void>",
+              "docsTags": [
+                {
+                  "name": "param",
+                  "text": "extraContainers - Additional elements to include in the focus trap. This is useful for including elements that may have related parts rendered outside the main focus trapping element."
+                }
+              ],
+              "signature": "(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>",
               "async": true
             },
             {
@@ -39112,6 +40044,12 @@
               "cancelable": false
             }
           ],
+          "slots": [
+            {
+              "name": "",
+              "description": "A slot for adding custom content."
+            }
+          ],
           "cssProperties": [
             {
               "name": "--calcite-sheet-scrim-background",
@@ -39986,6 +40924,18 @@
             {
               "name": "--calcite-shell-panel-z-index",
               "description": "Specifies the z-index value for the component."
+            },
+            {
+              "name": "--calcite-shell-panel-border-color",
+              "description": "When `displayMode` is `\"float-all\"`, specifies the component's border color."
+            },
+            {
+              "name": "--calcite-shell-panel-corner-radius",
+              "description": "When `displayMode` is `\"float-all\"`, specifies the component's corner radius"
+            },
+            {
+              "name": "--calcite-shell-panel-shadow",
+              "description": "When `displayMode` is `\"float-all\"`, specifies the component's shadow."
             }
           ]
         }
@@ -40389,7 +41339,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -40862,7 +41812,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -41632,6 +42582,7 @@
           "customElement": true,
           "name": "SortableList",
           "tagName": "calcite-sortable-list",
+          "deprecated": "Use the `calcite-block-group` component instead.",
           "superclass": {
             "name": "LitElement",
             "package": "@arcgis/lumina"
@@ -46265,10 +47216,26 @@
               },
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "limitText",
+              "description": "When `true`, prevents input beyond the maximum length, mimicking native `<textarea>` behavior.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "attribute": "limit-text",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "maxLength",
-              "description": "Specifies the maximum number of characters allowed.",
+              "description": "When the component resides in a form,\nspecifies the maximum number of characters allowed.",
               "type": {
                 "text": "number",
                 "values": [
@@ -46297,7 +47264,7 @@
             {
               "kind": "field",
               "name": "minLength",
-              "description": "Specifies the minimum number of characters allowed.",
+              "description": "When the component resides in a form,\nspecifies the minimum number of characters allowed.",
               "type": {
                 "text": "number",
                 "values": [
@@ -46404,7 +47371,7 @@
             {
               "kind": "field",
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -46724,9 +47691,23 @@
               },
               "fieldName": "label"
             },
+            {
+              "name": "limit-text",
+              "description": "When `true`, prevents input beyond the maximum length, mimicking native `<textarea>` behavior.",
+              "type": {
+                "text": "boolean",
+                "values": [
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "default": "false",
+              "fieldName": "limitText"
+            },
             {
               "name": "max-length",
-              "description": "Specifies the maximum number of characters allowed.",
+              "description": "When the component resides in a form,\nspecifies the maximum number of characters allowed.",
               "type": {
                 "text": "number",
                 "values": [
@@ -46739,7 +47720,7 @@
             },
             {
               "name": "min-length",
-              "description": "Specifies the minimum number of characters allowed.",
+              "description": "When the component resides in a form,\nspecifies the minimum number of characters allowed.",
               "type": {
                 "text": "number",
                 "values": [
@@ -46814,7 +47795,7 @@
             },
             {
               "name": "required",
-              "description": "When `true`, the component must have a value in order for the form to submit.",
+              "description": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
               "type": {
                 "text": "boolean",
                 "values": [
@@ -48884,6 +49865,7 @@
           "events": [
             {
               "name": "calciteTimePickerChange",
+              "description": "Fires when a user changes the component's time",
               "type": {
                 "text": "undefined"
               },