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

package/dist/docs/docs.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"
   },
   "components": [
@@ -3312,7 +3312,7 @@
           "mutable": true,
           "attr": "max-length",
           "reflectToAttr": true,
-          "docs": "Specifies the maximum length of text for the component's value.",
+          "docs": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -3354,7 +3354,7 @@
           "mutable": true,
           "attr": "min-length",
           "reflectToAttr": true,
-          "docs": "Specifies the minimum length of text for the component's value.",
+          "docs": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -3455,7 +3455,7 @@
           "mutable": true,
           "attr": "pattern",
           "reflectToAttr": false,
-          "docs": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+          "docs": "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.",
           "docsTags": [
             {
               "name": "mdn",
@@ -3598,7 +3598,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -4899,6 +4899,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "dragDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "drag-disabled",
+          "reflectToAttr": true,
+          "docs": "When `true`, and a parent Block Group is `dragEnabled`, the component is not draggable.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "dragHandle",
           "type": "boolean",
@@ -4910,9 +4932,10 @@
           "mutable": true,
           "attr": "drag-handle",
           "reflectToAttr": true,
-          "docs": "When `true`, displays a drag handle in the header.",
+          "docs": "When `true`, the component displays a draggable button.",
           "docsTags": [],
           "default": "false",
+          "deprecation": "No longer necessary. Use Block Group for draggable functionality.",
           "values": [
             {
               "type": "boolean"
@@ -5289,6 +5312,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "sortHandleOpen",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "sort-handle-open",
+          "reflectToAttr": true,
+          "docs": "When `true`, displays and positions the sort handle.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "status",
           "type": "\"idle\" | \"invalid\" | \"valid\"",
@@ -5435,6 +5480,62 @@
           "docs": "Fires when the component is open and animation is complete.",
           "docsTags": []
         },
+        {
+          "event": "calciteBlockSortHandleBeforeClose",
+          "detail": "undefined",
+          "bubbles": true,
+          "complexType": {
+            "original": "undefined",
+            "resolved": "undefined",
+            "references": {}
+          },
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the sort handle is requested to be closed and before the closing transition begins.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteBlockSortHandleBeforeOpen",
+          "detail": "undefined",
+          "bubbles": true,
+          "complexType": {
+            "original": "undefined",
+            "resolved": "undefined",
+            "references": {}
+          },
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the sort handle is added to the DOM but not rendered, and before the opening transition begins.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteBlockSortHandleClose",
+          "detail": "undefined",
+          "bubbles": true,
+          "complexType": {
+            "original": "undefined",
+            "resolved": "undefined",
+            "references": {}
+          },
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the sort handle is closed and animation is complete.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteBlockSortHandleOpen",
+          "detail": "undefined",
+          "bubbles": true,
+          "complexType": {
+            "original": "undefined",
+            "resolved": "undefined",
+            "references": {}
+          },
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the sort handle is open and animation is complete.",
+          "docsTags": []
+        },
         {
           "event": "calciteBlockToggle",
           "detail": "undefined",
@@ -5468,10 +5569,15 @@
           "docs": "Specifies the component's `heading` background color when hovered."
         },
         {
-          "name": "--calcite-block-header-text-color",
+          "name": "--calcite-block-heading-text-color",
           "annotation": "prop",
           "docs": "Specifies the component's `heading` text color."
         },
+        {
+          "name": "--calcite-block-heading-text-color-press",
+          "annotation": "prop",
+          "docs": "When the component is `open`, specifies the `heading` text color."
+        },
         {
           "name": "--calcite-block-padding",
           "annotation": "prop",
@@ -5481,11 +5587,6 @@
           "name": "--calcite-block-text-color",
           "annotation": "prop",
           "docs": "Specifies the component's text color."
-        },
-        {
-          "name": "--calcite-block-text-color-hover",
-          "annotation": "prop",
-          "docs": "Specifies the component's text color when hovered."
         }
       ],
       "slots": [
@@ -5517,6 +5618,314 @@
       "parts": [],
       "listeners": []
     },
+    {
+      "filePath": "src/components/block-group/block-group.tsx",
+      "tag": "calcite-block-group",
+      "overview": "",
+      "readme": "",
+      "usage": {},
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "superclass",
+          "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
+        }
+      ],
+      "encapsulation": "shadow",
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {},
+      "props": [
+        {
+          "name": "canPull",
+          "type": "(detail: BlockDragDetail) => boolean",
+          "complexType": {
+            "original": "(detail: BlockDragDetail) => boolean",
+            "resolved": "(detail: BlockDragDetail) => boolean",
+            "references": {
+              "BlockDragDetail": {
+                "location": "local",
+                "path": "dist/components/calcite-block-group/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "When provided, the method will be called to determine whether the element is sortable in the component.",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "canPut",
+          "type": "(detail: BlockDragDetail) => boolean",
+          "complexType": {
+            "original": "(detail: BlockDragDetail) => boolean",
+            "resolved": "(detail: BlockDragDetail) => boolean",
+            "references": {
+              "BlockDragDetail": {
+                "location": "local",
+                "path": "dist/components/calcite-block-group/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "When provided, the method will be called to determine whether the element can be added from another component.",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "When `true`, interaction is prevented and the component is displayed with lower opacity.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "dragEnabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "drag-enabled",
+          "reflectToAttr": true,
+          "docs": "When `true`, `calcite-block`s are sortable via a draggable button.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "group",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "group",
+          "reflectToAttr": true,
+          "docs": "The block-group's group identifier.\n\nTo drag elements from one group into another, both groups must have the same group value.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "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.",
+          "docsTags": [
+            {
+              "name": "required"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "loading",
+          "reflectToAttr": true,
+          "docs": "When `true`, a busy indicator is displayed.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "componentOnReady",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(): Promise<void>",
+            "parameters": [],
+            "return": "Promise<void>",
+            "references": {
+              "Promise": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "signature": "componentOnReady(): Promise<void>",
+          "parameters": [],
+          "docs": "Create a promise that resolves once component is fully loaded.",
+          "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});"
+            },
+            {
+              "name": "inheritedFrom",
+              "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
+            }
+          ]
+        },
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(): Promise<void>",
+            "parameters": [],
+            "return": "Promise<void>",
+            "references": {
+              "Promise": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "signature": "setFocus(): Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the component's first focusable element.",
+          "docsTags": [
+            {
+              "name": "returns"
+            }
+          ]
+        }
+      ],
+      "events": [
+        {
+          "event": "calciteBlockGroupDragEnd",
+          "detail": "BlockDragDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "BlockDragDetail",
+            "resolved": "BlockDragDetail",
+            "references": {
+              "BlockDragDetail": {
+                "location": "local",
+                "path": "dist/components/calcite-block-group/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the component's dragging has ended.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteBlockGroupDragStart",
+          "detail": "BlockDragDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "BlockDragDetail",
+            "resolved": "BlockDragDetail",
+            "references": {
+              "BlockDragDetail": {
+                "location": "local",
+                "path": "dist/components/calcite-block-group/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the component's dragging has started.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteBlockGroupOrderChange",
+          "detail": "BlockDragDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "BlockDragDetail",
+            "resolved": "BlockDragDetail",
+            "references": {
+              "BlockDragDetail": {
+                "location": "local",
+                "path": "dist/components/calcite-block-group/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the component's item order changes.",
+          "docsTags": []
+        }
+      ],
+      "styles": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding `calcite-block` elements."
+        }
+      ],
+      "parts": [],
+      "listeners": []
+    },
     {
       "filePath": "src/components/block-section/block-section.tsx",
       "tag": "calcite-block-section",
@@ -6463,7 +6872,38 @@
         }
       ],
       "events": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-button-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's background color when appearance=\"solid\" or appearance=\"outline-fill\"."
+        },
+        {
+          "name": "--calcite-button-border-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's border color when it has appearance=\"outline\" or appearance=\"outline-fill\"."
+        },
+        {
+          "name": "--calcite-button-corner-radius",
+          "annotation": "prop",
+          "docs": "Specifies the component's corner radius."
+        },
+        {
+          "name": "--calcite-button-loader-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's loader color."
+        },
+        {
+          "name": "--calcite-button-shadow-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's box-shadow color."
+        },
+        {
+          "name": "--calcite-button-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's text color."
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -7740,7 +8180,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9995,7 +10435,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11169,7 +11609,7 @@
           "mutable": true,
           "attr": "max",
           "reflectToAttr": true,
-          "docs": "Specifies the latest allowed date (`\"yyyy-mm-dd\"`).",
+          "docs": "When the component resides in a form,\nspecifies the latest allowed date (`\"yyyy-mm-dd\"`).",
           "docsTags": [],
           "values": [
             {
@@ -11228,7 +11668,7 @@
           "mutable": true,
           "attr": "min",
           "reflectToAttr": true,
-          "docs": "Specifies the earliest allowed date (`\"yyyy-mm-dd\"`).",
+          "docs": "When the component resides in a form,\nspecifies the earliest allowed date (`\"yyyy-mm-dd\"`).",
           "docsTags": [],
           "values": [
             {
@@ -11544,7 +11984,133 @@
           "docsTags": []
         }
       ],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-date-picker-border-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's border color."
+        },
+        {
+          "name": "--calcite-date-picker-corner-radius",
+          "annotation": "prop",
+          "docs": "Specifies the component's border radius."
+        },
+        {
+          "name": "--calcite-date-picker-range-calendar-divider-color",
+          "annotation": "prop",
+          "docs": "Specifies the divider color between calendar's when `range=\"true\"`."
+        },
+        {
+          "name": "--calcite-date-picker-week-header-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the week header text color."
+        },
+        {
+          "name": "--calcite-date-picker-header-action-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the background color of header action's of the component."
+        },
+        {
+          "name": "--calcite-date-picker-header-action-background-color-hover",
+          "annotation": "prop",
+          "docs": "Specifies the background color of header action's of the component when hovered."
+        },
+        {
+          "name": "--calcite-date-picker-header-action-background-color-press",
+          "annotation": "prop",
+          "docs": "Specifies the background color of header action's of the component when pressed."
+        },
+        {
+          "name": "--calcite-date-picker-header-action-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the text color of header action's of the component."
+        },
+        {
+          "name": "--calcite-date-picker-header-action-text-color-press",
+          "annotation": "prop",
+          "docs": "Specifies the text color of header action's of the component when pressed."
+        },
+        {
+          "name": "--calcite-date-picker-year-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the text color of year & suffix of the component."
+        },
+        {
+          "name": "--calcite-date-picker-month-select-font-size",
+          "annotation": "prop",
+          "docs": "Specifies the font size of month select of the component."
+        },
+        {
+          "name": "--calcite-date-picker-month-select-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the text color of month select of the component."
+        },
+        {
+          "name": "--calcite-date-picker-month-select-icon-color",
+          "annotation": "prop",
+          "docs": "Specifies the icon color of month select of the component."
+        },
+        {
+          "name": "--calcite-date-picker-month-select-icon-color-hover",
+          "annotation": "prop",
+          "docs": "Specifies the icon color of month select of the component when hovered."
+        },
+        {
+          "name": "--calcite-date-picker-day-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the background color of day of the component."
+        },
+        {
+          "name": "--calcite-date-picker-day-background-color-hover",
+          "annotation": "prop",
+          "docs": "Specifies the background color of day of the component when hovered."
+        },
+        {
+          "name": "--calcite-date-picker-day-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the text color of day of the component."
+        },
+        {
+          "name": "--calcite-date-picker-day-text-color-hover",
+          "annotation": "prop",
+          "docs": "Specifies the text color of day of the component when hovered."
+        },
+        {
+          "name": "--calcite-date-picker-current-day-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the text color of current day of the component."
+        },
+        {
+          "name": "--calcite-date-picker-day-background-color-selected",
+          "annotation": "prop",
+          "docs": "Specifies the background color of selected day of the component."
+        },
+        {
+          "name": "--calcite-date-picker-day-text-color-selected",
+          "annotation": "prop",
+          "docs": "Specifies the text color of selected day of the component."
+        },
+        {
+          "name": "--calcite-date-picker-day-range-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the text color of select day range of the component."
+        },
+        {
+          "name": "--calcite-date-picker-day-range-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the background color of select day range of the component."
+        },
+        {
+          "name": "--calcite-date-picker-day-outside-range-background-color-hover",
+          "annotation": "prop",
+          "docs": "Specifies the background color of day's outside current range when hovered."
+        },
+        {
+          "name": "--calcite-date-picker-day-outside-range-text-color-hover",
+          "annotation": "prop",
+          "docs": "Specifies the text color of day's outside current range when hovered."
+        }
+      ],
       "slots": [],
       "parts": [],
       "listeners": []
@@ -12638,6 +13204,44 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "focusTrapDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "focus-trap-disabled",
+          "reflectToAttr": true,
+          "docs": "When `true` and `modal` is `false`, prevents focus trapping.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "focusTrapOptions",
+          "type": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+          "complexType": {
+            "original": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+            "resolved": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+            "references": {}
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "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).",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "heading",
           "type": "string",
@@ -13180,21 +13784,53 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "(): Promise<void>",
-            "parameters": [],
+            "signature": "(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>",
+            "parameters": [
+              {
+                "name": "extraContainers",
+                "type": "Array<string | HTMLElement | SVGElement> | HTMLElement | SVGElement | string",
+                "docs": ""
+              }
+            ],
             "return": "Promise<void>",
             "references": {
               "Promise": {
                 "location": "import",
                 "path": "typescript/lib/lib.es5.d.ts",
                 "id": "notImplemented"
+              },
+              "Array": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              },
+              "HTMLElement": {
+                "location": "import",
+                "path": "typescript/lib/lib.dom.d.ts",
+                "id": "notImplemented"
+              },
+              "SVGElement": {
+                "location": "import",
+                "path": "typescript/lib/lib.dom.d.ts",
+                "id": "notImplemented"
               }
             }
           },
-          "signature": "updateFocusTrapElements(): Promise<void>",
-          "parameters": [],
-          "docs": "Updates the element(s) that are used within the focus-trap of the component.",
-          "docsTags": []
+          "signature": "updateFocusTrapElements(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>",
+          "parameters": [
+            {
+              "name": "extraContainers",
+              "type": "Array<string | HTMLElement | SVGElement> | HTMLElement | SVGElement | string",
+              "docs": ""
+            }
+          ],
+          "docs": "Updates the element(s) that are included in the focus-trap of the component.",
+          "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."
+            }
+          ]
         }
       ],
       "events": [
@@ -13343,7 +13979,11 @@
         },
         {
           "name": "content",
-          "docs": "A slot for adding custom content."
+          "docs": "[Deprecated] Use `custom-content` slot instead."
+        },
+        {
+          "name": "custom-content",
+          "docs": "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",
@@ -15143,7 +15783,13 @@
         }
       ],
       "events": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-flow-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's background color."
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -15753,12 +16399,122 @@
         {
           "name": "--calcite-flow-item-footer-padding",
           "annotation": "prop",
-          "docs": "Specifies the padding of the component's footer."
+          "docs": "[Deprecated] Use `--calcite-flow-footer-space` instead. Specifies the padding of the component's footer."
         },
         {
           "name": "--calcite-flow-item-header-border-block-end",
           "annotation": "prop",
-          "docs": "Specifies the component header's block end border."
+          "docs": "[Deprecated] Use `--calcite-flow-border-color` instead. Specifies the component header's block end border."
+        },
+        {
+          "name": "--calcite-flow-corner-radius",
+          "annotation": "prop",
+          "docs": "Specifies the component's corner radius."
+        },
+        {
+          "name": "--calcite-flow-heading-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the text color of the component's `heading`."
+        },
+        {
+          "name": "--calcite-flow-description-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the text color of the component's `description`."
+        },
+        {
+          "name": "--calcite-flow-border-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's border color."
+        },
+        {
+          "name": "--calcite-flow-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's background color."
+        },
+        {
+          "name": "--calcite-flow-header-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the background color of the component's header."
+        },
+        {
+          "name": "--calcite-flow-footer-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the background color of the component's footer."
+        },
+        {
+          "name": "--calcite-flow-space",
+          "annotation": "prop",
+          "docs": "Specifies the padding of the component's `\"unnamed (default)\"` slot."
+        },
+        {
+          "name": "--calcite-flow-header-content-space",
+          "annotation": "prop",
+          "docs": "Specifies the padding of the `\"header-content\"` slot."
+        },
+        {
+          "name": "--calcite-flow-footer-space",
+          "annotation": "prop",
+          "docs": "Specifies the padding of the component's footer."
+        },
+        {
+          "name": "--calcite-action-background-color",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "Specifies the background color of the component's `calcite-action` items  in the flow item header."
+        },
+        {
+          "name": "--calcite-flow-header-action-indicator-color",
+          "annotation": "prop",
+          "docs": "Specifies the color of the component's `calcite-action` items' indicator in the flow item header."
+        },
+        {
+          "name": "--calcite-flow-header-action-text-color-press",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "Specifies the text color of the component's `calcite-action` items in the flow item header."
         }
       ],
       "slots": [
@@ -16011,7 +16767,13 @@
         }
       ],
       "events": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-graph-highlight-fill-color",
+          "annotation": "prop",
+          "docs": "Specifies the fill color of the `highlight` element, when present."
+        }
+      ],
       "slots": [],
       "parts": [],
       "listeners": []
@@ -16033,6 +16795,7 @@
       "dependents": [],
       "dependencies": [],
       "dependencyGraph": {},
+      "deprecation": "Use the `calcite-sort-handle` component instead.",
       "props": [
         {
           "name": "disabled",
@@ -16699,7 +17462,43 @@
           "docsTags": []
         }
       ],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-inline-editable-background-color-hover",
+          "annotation": "prop",
+          "docs": "Specifies the component's background color when hovered."
+        },
+        {
+          "name": "--calcite-inline-editable-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's background color."
+        },
+        {
+          "name": "--calcite-inline-editable-button-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the button element's background color when appearance=\"solid\" or appearance=\"outline-fill\"."
+        },
+        {
+          "name": "--calcite-inline-editable-button-corner-radius",
+          "annotation": "prop",
+          "docs": "Specifies the button element's corner radius."
+        },
+        {
+          "name": "--calcite-inline-editable-button-loader-color",
+          "annotation": "prop",
+          "docs": "Specifies the button element's loader color."
+        },
+        {
+          "name": "--calcite-inline-editable-button-shadow-color",
+          "annotation": "prop",
+          "docs": "Specifies the button element's box-shadow color."
+        },
+        {
+          "name": "--calcite-inline-editable-button-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the button element's text color."
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -17026,7 +17825,7 @@
           "mutable": true,
           "attr": "max",
           "reflectToAttr": true,
-          "docs": "Specifies the maximum value for type \"number\".",
+          "docs": "When the component resides in a form,\nspecifies the maximum value for `type=\"number\"`.",
           "docsTags": [
             {
               "name": "mdn",
@@ -17052,7 +17851,7 @@
           "mutable": true,
           "attr": "max-length",
           "reflectToAttr": true,
-          "docs": "Specifies the maximum length of text for the component's value.",
+          "docs": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -17094,7 +17893,7 @@
           "mutable": true,
           "attr": "min",
           "reflectToAttr": true,
-          "docs": "Specifies the minimum value for `type=\"number\"`.",
+          "docs": "When the component resides in a form,\nspecifies the minimum value for `type=\"number\"`.",
           "docsTags": [
             {
               "name": "mdn",
@@ -17120,7 +17919,7 @@
           "mutable": true,
           "attr": "min-length",
           "reflectToAttr": true,
-          "docs": "Specifies the minimum length of text for the component's value.",
+          "docs": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -17260,7 +18059,7 @@
           "mutable": true,
           "attr": "pattern",
           "reflectToAttr": false,
-          "docs": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+          "docs": "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.",
           "docsTags": [
             {
               "name": "mdn",
@@ -17360,7 +18159,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -18070,7 +18869,7 @@
           "mutable": true,
           "attr": "max",
           "reflectToAttr": true,
-          "docs": "Specifies the latest allowed date (\"yyyy-mm-dd\").",
+          "docs": "When the component resides in a form,\nspecifies the latest allowed date (\"yyyy-mm-dd\").",
           "docsTags": [],
           "values": [
             {
@@ -18129,7 +18928,7 @@
           "mutable": true,
           "attr": "min",
           "reflectToAttr": true,
-          "docs": "Specifies the earliest allowed date (\"yyyy-mm-dd\").",
+          "docs": "When the component resides in a form,\nspecifies the earliest allowed date (\"yyyy-mm-dd\").",
           "docsTags": [],
           "values": [
             {
@@ -18413,7 +19212,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -19268,7 +20067,7 @@
           "mutable": true,
           "attr": "max",
           "reflectToAttr": true,
-          "docs": "Specifies the maximum value.",
+          "docs": "When the component resides in a form,\nspecifies the maximum value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -19294,7 +20093,7 @@
           "mutable": true,
           "attr": "max-length",
           "reflectToAttr": true,
-          "docs": "Specifies the maximum length of text for the component's value.",
+          "docs": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -19337,7 +20136,7 @@
           "mutable": true,
           "attr": "min",
           "reflectToAttr": true,
-          "docs": "Specifies the minimum value.",
+          "docs": "When the component resides in a form,\nspecifies the minimum value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -19363,7 +20162,7 @@
           "mutable": true,
           "attr": "min-length",
           "reflectToAttr": true,
-          "docs": "Specifies the minimum length of text for the component's value.",
+          "docs": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -19551,7 +20350,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20145,7 +20944,7 @@
           "mutable": true,
           "attr": "max-length",
           "reflectToAttr": true,
-          "docs": "Specifies the maximum length of text for the component's value.",
+          "docs": "When the component resides in a form,\nspecifies the maximum length of text for the component's value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -20187,7 +20986,7 @@
           "mutable": true,
           "attr": "min-length",
           "reflectToAttr": true,
-          "docs": "Specifies the minimum length of text for the component's value.",
+          "docs": "When the component resides in a form,\nspecifies the minimum length of text for the component's value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -20239,7 +21038,7 @@
           "mutable": true,
           "attr": "pattern",
           "reflectToAttr": false,
-          "docs": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+          "docs": "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.",
           "docsTags": [
             {
               "name": "mdn",
@@ -20339,7 +21138,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -20781,7 +21580,7 @@
           "mutable": true,
           "attr": "max",
           "reflectToAttr": true,
-          "docs": "Specifies the maximum value.",
+          "docs": "When the component resides in a form,\nspecifies the maximum value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -20823,7 +21622,7 @@
           "mutable": true,
           "attr": "min",
           "reflectToAttr": true,
-          "docs": "Specifies the minimum value.",
+          "docs": "When the component resides in a form,\nspecifies the minimum value.",
           "docsTags": [
             {
               "name": "mdn",
@@ -21079,7 +21878,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -23625,7 +24424,7 @@
           },
           "mutable": true,
           "attr": "sort-handle-open",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "When `true`, displays and positions the sort handle.",
           "docsTags": [],
           "default": "false",
@@ -25535,6 +26334,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "focusTrapOptions",
+          "type": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+          "complexType": {
+            "original": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+            "resolved": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+            "references": {}
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "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).",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "fullscreen",
           "type": "boolean",
@@ -25835,21 +26650,53 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "(): Promise<void>",
-            "parameters": [],
+            "signature": "(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>",
+            "parameters": [
+              {
+                "name": "extraContainers",
+                "type": "Array<string | HTMLElement | SVGElement> | HTMLElement | SVGElement | string",
+                "docs": ""
+              }
+            ],
             "return": "Promise<void>",
             "references": {
               "Promise": {
                 "location": "import",
                 "path": "typescript/lib/lib.es5.d.ts",
                 "id": "notImplemented"
+              },
+              "Array": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              },
+              "HTMLElement": {
+                "location": "import",
+                "path": "typescript/lib/lib.dom.d.ts",
+                "id": "notImplemented"
+              },
+              "SVGElement": {
+                "location": "import",
+                "path": "typescript/lib/lib.dom.d.ts",
+                "id": "notImplemented"
               }
             }
           },
-          "signature": "updateFocusTrapElements(): Promise<void>",
-          "parameters": [],
-          "docs": "Updates the element(s) that are used within the focus-trap of the component.",
-          "docsTags": []
+          "signature": "updateFocusTrapElements(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>",
+          "parameters": [
+            {
+              "name": "extraContainers",
+              "type": "Array<string | HTMLElement | SVGElement> | HTMLElement | SVGElement | string",
+              "docs": ""
+            }
+          ],
+          "docs": "Updates the element(s) that are included in the focus-trap of the component.",
+          "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."
+            }
+          ]
         }
       ],
       "events": [
@@ -28558,6 +29405,36 @@
           "name": "--calcite-panel-header-border-block-end",
           "annotation": "prop",
           "docs": "[Deprecated] Use `--calcite-panel-border-color` instead. Specifies the component header's block end border."
+        },
+        {
+          "name": "--calcite-panel-header-action-background-color-hover",
+          "annotation": "prop",
+          "docs": "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",
+          "annotation": "prop",
+          "docs": "Specifies the background color of the component's `calcite-action` items  in the panel header when pressed."
+        },
+        {
+          "name": "--calcite-panel-header-action-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the background color of the component's `calcite-action` items  in the panel header."
+        },
+        {
+          "name": "--calcite-panel-header-action-indicator-color",
+          "annotation": "prop",
+          "docs": "Specifies the color of the component's `calcite-action` items' indicator in the panel header."
+        },
+        {
+          "name": "--calcite-panel-header-action-text-color-press",
+          "annotation": "prop",
+          "docs": "Specifies the text color of the component's `calcite-action` items in the panel header when pressed."
+        },
+        {
+          "name": "--calcite-panel-header-action-text-color",
+          "annotation": "prop",
+          "docs": "Specifies the text color of the component's `calcite-action` items in the panel header."
         }
       ],
       "slots": [
@@ -28749,6 +29626,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "focusTrapOptions",
+          "type": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+          "complexType": {
+            "original": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+            "resolved": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+            "references": {}
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "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).",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "heading",
           "type": "string",
@@ -28812,55 +29705,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "initialFocusTrapFocus",
-          "type": "((() => FocusTargetValueOrFalse)) | HTMLElement | SVGElement | boolean | string",
-          "complexType": {
-            "original": "((() => FocusTargetValueOrFalse)) | HTMLElement | SVGElement | boolean | string",
-            "resolved": "((() => FocusTargetValueOrFalse)) | HTMLElement | SVGElement | boolean | string",
-            "references": {
-              "FocusTargetValueOrFalse": {
-                "location": "import",
-                "path": "focus-trap/index.d.ts",
-                "id": "notImplemented"
-              },
-              "HTMLElement": {
-                "location": "import",
-                "path": "typescript/lib/lib.dom.d.ts",
-                "id": "notImplemented"
-              },
-              "SVGElement": {
-                "location": "import",
-                "path": "typescript/lib/lib.dom.d.ts",
-                "id": "notImplemented"
-              }
-            }
-          },
-          "mutable": true,
-          "attr": "initial-focus-trap-focus",
-          "reflectToAttr": false,
-          "docs": "Specifies whether focus should move to the popover when the focus trap is activated.\n `@internal`",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "((() => FocusTargetValueOrFalse))"
-            },
-            {
-              "type": "HTMLElement"
-            },
-            {
-              "type": "SVGElement"
-            },
-            {
-              "type": "boolean"
-            },
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "label",
           "type": "string",
@@ -29733,7 +30577,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.",
+          "docs": "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.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -29986,7 +30830,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -30926,7 +31770,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -31218,7 +32062,13 @@
           "docsTags": []
         }
       ],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-segmented-control-border-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's border color."
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -31389,7 +32239,33 @@
         }
       ],
       "events": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--calcite-segmented-control-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's color."
+        },
+        {
+          "name": "--calcite-segmented-control-background-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's background color."
+        },
+        {
+          "name": "--calcite-segmented-control-border-color",
+          "annotation": "prop",
+          "docs": "Specifies the component's border color."
+        },
+        {
+          "name": "--calcite-segmented-control-shadow",
+          "annotation": "prop",
+          "docs": "Specifies the component's shadow."
+        },
+        {
+          "name": "--calcite-segmented-control-icon-color",
+          "annotation": "prop",
+          "docs": "Specifies the icons's color."
+        }
+      ],
       "slots": [],
       "parts": [],
       "listeners": []
@@ -31512,7 +32388,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -31964,6 +32840,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "focusTrapOptions",
+          "type": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+          "complexType": {
+            "original": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+            "resolved": "{\n    initialFocus?: FocusTargetOrFalse | (() => void);\n    returnFocusOnDeactivate?: boolean;\n    allowOutsideClick?: boolean | MouseEventToBoolean;\n    extraContainers?: string | HTMLElement | SVGElement | Array<string | HTMLElement | SVGElement>;\n}",
+            "references": {}
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "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).",
+          "docsTags": [],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "height",
           "type": "\"l\" | \"m\" | \"s\"",
@@ -32294,21 +33186,53 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "(): Promise<void>",
-            "parameters": [],
+            "signature": "(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>",
+            "parameters": [
+              {
+                "name": "extraContainers",
+                "type": "Array<string | HTMLElement | SVGElement> | HTMLElement | SVGElement | string",
+                "docs": ""
+              }
+            ],
             "return": "Promise<void>",
             "references": {
               "Promise": {
                 "location": "import",
                 "path": "typescript/lib/lib.es5.d.ts",
                 "id": "notImplemented"
+              },
+              "Array": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              },
+              "HTMLElement": {
+                "location": "import",
+                "path": "typescript/lib/lib.dom.d.ts",
+                "id": "notImplemented"
+              },
+              "SVGElement": {
+                "location": "import",
+                "path": "typescript/lib/lib.dom.d.ts",
+                "id": "notImplemented"
               }
             }
           },
-          "signature": "updateFocusTrapElements(): Promise<void>",
-          "parameters": [],
-          "docs": "Updates the element(s) that are used within the focus-trap of the component.",
-          "docsTags": []
+          "signature": "updateFocusTrapElements(extraContainers?: FocusTrapOptions[\"extraContainers\"]): Promise<void>",
+          "parameters": [
+            {
+              "name": "extraContainers",
+              "type": "Array<string | HTMLElement | SVGElement> | HTMLElement | SVGElement | string",
+              "docs": ""
+            }
+          ],
+          "docs": "Updates the element(s) that are included in the focus-trap of the component.",
+          "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."
+            }
+          ]
         }
       ],
       "events": [
@@ -32406,7 +33330,12 @@
           "docs": "When `position` is `\"block-start\"` or `\"block-end\"`, specifies the minimum height of the component."
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding custom content."
+        }
+      ],
       "parts": [],
       "listeners": []
     },
@@ -33060,6 +33989,21 @@
           "name": "--calcite-shell-panel-z-index",
           "annotation": "prop",
           "docs": "Specifies the z-index value for the component."
+        },
+        {
+          "name": "--calcite-shell-panel-border-color",
+          "annotation": "prop",
+          "docs": "When `displayMode` is `\"float-all\"`, specifies the component's border color."
+        },
+        {
+          "name": "--calcite-shell-panel-corner-radius",
+          "annotation": "prop",
+          "docs": "When `displayMode` is `\"float-all\"`, specifies the component's corner radius"
+        },
+        {
+          "name": "--calcite-shell-panel-shadow",
+          "annotation": "prop",
+          "docs": "When `displayMode` is `\"float-all\"`, specifies the component's shadow."
         }
       ],
       "slots": [
@@ -33574,7 +34518,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -34456,6 +35400,7 @@
       "dependents": [],
       "dependencies": [],
       "dependencyGraph": {},
+      "deprecation": "Use the `calcite-block-group` component instead.",
       "props": [
         {
           "name": "canPull",
@@ -38349,6 +39294,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "limitText",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "limit-text",
+          "reflectToAttr": true,
+          "docs": "When `true`, prevents input beyond the maximum length, mimicking native `<textarea>` behavior.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "maxLength",
           "type": "number",
@@ -38360,7 +39327,7 @@
           "mutable": true,
           "attr": "max-length",
           "reflectToAttr": true,
-          "docs": "Specifies the maximum number of characters allowed.",
+          "docs": "When the component resides in a form,\nspecifies the maximum number of characters allowed.",
           "docsTags": [
             {
               "name": "mdn",
@@ -38402,7 +39369,7 @@
           "mutable": true,
           "attr": "min-length",
           "reflectToAttr": true,
-          "docs": "Specifies the minimum number of characters allowed.",
+          "docs": "When the component resides in a form,\nspecifies the minimum number of characters allowed.",
           "docsTags": [
             {
               "name": "mdn",
@@ -38537,7 +39504,7 @@
           "mutable": true,
           "attr": "required",
           "reflectToAttr": true,
-          "docs": "When `true`, the component must have a value in order for the form to submit.",
+          "docs": "When `true` and the component resides in a form,\nthe component must have a value in order for the form to submit.",
           "docsTags": [
             {
               "name": "mdn",
@@ -40455,7 +41422,7 @@
           },
           "cancelable": false,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when a user changes the component's time",
           "docsTags": []
         }
       ],