@vscode-elements/elements 2.0.0-pre.2 → 2.0.0-pre.3

package/custom-elements.json

@@ -316,6 +316,131 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-badge/vscode-badge.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: inline-block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-badge/vscode-badge.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-badge/vscode-badge.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
+          "name": "VscodeBadge",
+          "cssProperties": [
+            {
+              "description": "A sans-serif font type depends on the host OS.",
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
+            },
+            {
+              "name": "--vscode-contrastBorder",
+              "default": "transparent"
+            },
+            {
+              "description": "default and counter variant background color",
+              "name": "--vscode-badge-background",
+              "default": "#616161"
+            },
+            {
+              "description": "default and counter variant foreground color",
+              "name": "--vscode-badge-foreground",
+              "default": "#f8f8f8"
+            },
+            {
+              "description": "activity bar variant background color",
+              "name": "--vscode-activityBarBadge-background",
+              "default": "#0078d4"
+            },
+            {
+              "description": "activity bar variant foreground color",
+              "name": "--vscode-activityBarBadge-foreground",
+              "default": "#ffffff"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
+              },
+              "default": "'default'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
+              },
+              "default": "'default'",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-badge",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeBadge",
+          "declaration": {
+            "name": "VscodeBadge",
+            "module": "src/vscode-badge/vscode-badge.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-badge",
+          "declaration": {
+            "name": "VscodeBadge",
+            "module": "src/vscode-badge/vscode-badge.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/vscode-button/vscode-button.styles.ts",
@@ -774,131 +899,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-badge/vscode-badge.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: inline-block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-badge/vscode-badge.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-badge/vscode-badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
-          "name": "VscodeBadge",
-          "cssProperties": [
-            {
-              "description": "A sans-serif font type depends on the host OS.",
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
-            },
-            {
-              "name": "--vscode-contrastBorder",
-              "default": "transparent"
-            },
-            {
-              "description": "default and counter variant background color",
-              "name": "--vscode-badge-background",
-              "default": "#616161"
-            },
-            {
-              "description": "default and counter variant foreground color",
-              "name": "--vscode-badge-foreground",
-              "default": "#f8f8f8"
-            },
-            {
-              "description": "activity bar variant background color",
-              "name": "--vscode-activityBarBadge-background",
-              "default": "#0078d4"
-            },
-            {
-              "description": "activity bar variant foreground color",
-              "name": "--vscode-activityBarBadge-foreground",
-              "default": "#ffffff"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
-              },
-              "default": "'default'",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
-              },
-              "default": "'default'",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-badge",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeBadge",
-          "declaration": {
-            "name": "VscodeBadge",
-            "module": "src/vscode-badge/vscode-badge.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-badge",
-          "declaration": {
-            "name": "VscodeBadge",
-            "module": "src/vscode-badge/vscode-badge.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/vscode-button-group/vscode-button-group.styles.ts",
@@ -1022,7 +1022,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-checkbox-group/vscode-checkbox-group.styles.ts",
+      "path": "src/vscode-checkbox/vscode-checkbox.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -1030,7 +1030,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: block; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper { display: block; } ::slotted(vscode-checkbox) { margin-right: 20px; } ::slotted(vscode-checkbox:last-child) { margin-right: 0; } :host([variant='vertical']) ::slotted(vscode-checkbox) { display: block; margin-bottom: 15px; } :host([variant='vertical']) ::slotted(vscode-checkbox:last-child) { margin-bottom: 0; } `, ]"
+          "default": "[ defaultStyles, baseStyles, css` :host(:invalid) .icon, :host([invalid]) .icon { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } .icon { border-radius: 3px; } .indeterminate-icon { background-color: currentColor; position: absolute; height: 1px; width: 12px; } :host(:focus):host(:not([disabled])) .icon { outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: -1px; } `, ]"
         }
       ],
       "exports": [
@@ -1039,548 +1039,381 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-checkbox-group/vscode-checkbox-group.styles.ts"
+            "module": "src/vscode-checkbox/vscode-checkbox.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-checkbox-group/vscode-checkbox-group.ts",
+      "path": "src/vscode-checkbox/vscode-checkbox.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Arranges a group of checkboxes horizontally or vertically.",
-          "name": "VscodeCheckboxGroup",
-          "members": [
+          "description": "Allows users to select one or more options from a set. When participating in a form, it supports\nthe `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\nproperty.",
+          "name": "VscodeCheckbox",
+          "cssProperties": [
             {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'horizontal' | 'vertical'"
-              },
-              "default": "'horizontal'",
-              "attribute": "variant",
-              "reflects": true
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'horizontal' | 'vertical'"
-              },
-              "default": "'horizontal'",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-checkbox-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeCheckboxGroup",
-          "declaration": {
-            "name": "VscodeCheckboxGroup",
-            "module": "src/vscode-checkbox-group/vscode-checkbox-group.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-checkbox-group",
-          "declaration": {
-            "name": "VscodeCheckboxGroup",
-            "module": "src/vscode-checkbox-group/vscode-checkbox-group.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-collapsible/vscode-collapsible.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` .collapsible { background-color: var(--vscode-sideBar-background, #181818); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background, #181818); cursor: pointer; display: flex; height: 22px; line-height: 22px; user-select: none; } .collapsible-header:focus { opacity: 1; outline-offset: -1px; outline-style: solid; outline-width: 1px; outline-color: var(--vscode-focusBorder, #0078d4); } .title { color: var(--vscode-sideBarTitle-foreground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: 11px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .title .description { font-weight: 400; margin-left: 10px; text-transform: none; opacity: 0.6; } .header-icon { color: var(--vscode-icon-foreground, #cccccc); display: block; flex-shrink: 0; margin: 0 3px; } .collapsible.open .header-icon { transform: rotate(90deg); } .header-slots { align-items: center; display: flex; height: 22px; margin-left: auto; margin-right: 4px; } .actions { display: none; } .collapsible.open .actions { display: block; } .header-slots slot { display: flex; max-height: 22px; overflow: hidden; } .header-slots slot::slotted(div) { align-items: center; display: flex; } .collapsible-body { display: none; overflow: hidden; } .collapsible.open .collapsible-body { display: block; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-collapsible/vscode-collapsible.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-collapsible/vscode-collapsible.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Allows users to reveal or hide related content on a page.",
-          "name": "VscodeCollapsible",
-          "cssProperties": [
-            {
-              "description": "Background color",
-              "name": "--vscode-sideBar-background",
-              "default": "#181818"
+              "name": "--vscode-font-size",
+              "default": "13px"
             },
             {
-              "description": "Focus border color",
-              "name": "--vscode-focusBorder",
-              "default": "#0078d4"
+              "name": "--vscode-font-weight",
+              "default": "normal"
             },
             {
-              "description": "Header font family",
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
             },
             {
-              "description": "Header background",
-              "name": "--vscode-sideBarSectionHeader-background",
-              "default": "#181818"
+              "name": "--vscode-settings-checkboxBackground",
+              "default": "#313131"
             },
             {
-              "description": "Arrow icon color",
-              "name": "--vscode-icon-foreground",
-              "default": "#cccccc"
+              "name": "--vscode-settings-checkboxBorder",
+              "default": "#3c3c3c"
             },
             {
-              "description": "Header font color",
-              "name": "--vscode-sideBarTitle-foreground",
+              "name": "--vscode-settings-checkboxForeground",
               "default": "#cccccc"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior.",
-              "name": "body"
-            }
-          ],
-          "slots": [
+            },
             {
-              "description": "Main content.",
-              "name": ""
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "description": "You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.",
-              "name": "actions"
+              "name": "--vscode-inputValidation-errorBackground",
+              "default": "#5a1d1d"
             },
             {
-              "description": "The elements placed in the decorations slot are always visible.",
-              "name": "decorations"
+              "name": "--vscode-inputValidation-errorBorder",
+              "default": "#be1100"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "title",
+              "name": "autofocus",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Component heading text",
-              "attribute": "title"
+              "default": "false",
+              "description": "Automatically focus on the element when the page loads.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
+              "attribute": "autofocus",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "checked",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Less prominent text than the title in the header",
-              "attribute": "description"
+              "attribute": "checked",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "_checked",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "_emitToggleEvent",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_onHeaderClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_onHeaderKeyDown",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "defaultChecked",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "events": [
+              "default": "false",
+              "description": "The element's initial checked state, which will be restored when the containing form is reset.",
+              "attribute": "default-checked",
+              "reflects": true
+            },
             {
+              "kind": "field",
+              "name": "invalid",
               "type": {
-                "text": "VscCollapsibleToggleEvent"
+                "text": "boolean"
               },
-              "description": "Dispatched when the content visibility is changed.",
-              "name": "vsc-collapsible-toggle"
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "attribute": "invalid",
+              "reflects": true
+            },
             {
-              "name": "title",
+              "kind": "field",
+              "name": "name",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "Component heading text",
-              "fieldName": "title"
+              "default": "undefined",
+              "attribute": "name",
+              "reflects": true
             },
             {
-              "name": "description",
+              "kind": "field",
+              "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Less prominent text than the title in the header",
-              "fieldName": "description"
+              "description": "Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n\n- If it is unchecked, the value will not be submitted.\n- If it is checked but the value is not set, `on` will be submitted.\n- If it is checked and value is set, the value will be submitted.",
+              "attribute": "value"
             },
             {
-              "name": "open",
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "open"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-collapsible",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeCollapsible",
-          "declaration": {
-            "name": "VscodeCollapsible",
-            "module": "src/vscode-collapsible/vscode-collapsible.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-collapsible",
-          "declaration": {
-            "name": "VscodeCollapsible",
-            "module": "src/vscode-collapsible/vscode-collapsible.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; position: relative; } .context-menu { background-color: var(--vscode-menu-background, #1f1f1f); border-color: var(--vscode-menu-border, #454545); border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36)); color: var(--vscode-menu-foreground, #cccccc); padding: 4px 0; white-space: nowrap; } .context-menu:focus { outline: 0; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-context-menu/vscode-context-menu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeContextMenu",
-          "cssProperties": [
-            {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
-            },
-            {
-              "name": "--vscode-font-size",
-              "default": "13px"
-            },
-            {
-              "name": "--vscode-font-weight",
-              "default": "normal"
-            },
-            {
-              "name": "--vscode-menu-background",
-              "default": "#1f1f1f"
-            },
-            {
-              "name": "--vscode-menu-border",
-              "default": "#454545"
-            },
-            {
-              "name": "--vscode-menu-foreground",
-              "default": "#cccccc"
-            },
-            {
-              "name": "--vscode-widget-shadow",
-              "default": "rgba(0, 0, 0, 0.36)"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "MenuItemData[]"
-              }
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "preventClose",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
-              "attribute": "prevent-close",
+              "attribute": "indeterminate",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "show",
+              "name": "required",
+              "attribute": "required",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_selectedClickableItemIndex",
+              "name": "_required",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "-1"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_show",
+              "name": "form",
               "type": {
-                "text": "boolean"
+                "text": "HTMLFormElement | null"
               },
-              "privacy": "private",
-              "default": "false"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_wrapperEl",
+              "name": "validity",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "ValidityState"
               },
-              "privacy": "private"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_data",
+              "name": "validationMessage",
               "type": {
-                "text": "MenuItemData[]"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "[]"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_clickableItemIndexes",
+              "name": "willValidate",
               "type": {
-                "text": "number[]"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "[]"
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "_onClickOutside",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
+              "name": "checkValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
                 }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "_onClickOutsideBound",
-              "privacy": "private"
+              },
+              "description": "Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity)"
             },
             {
               "kind": "method",
-              "name": "_onKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
+              "name": "reportValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
                 }
-              ]
+              },
+              "description": "Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element, and the\nbrowser displays an error message to the user.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity)"
             },
             {
-              "kind": "method",
-              "name": "_handleArrowUp",
+              "kind": "field",
+              "name": "_inputEl",
+              "type": {
+                "text": "HTMLInputElement"
+              },
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_handleArrowDown",
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_handleEscape",
+              "name": "_setActualFormValue",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_dispatchSelectEvent",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "selectedOption",
-                  "type": {
-                    "text": "VscodeContextMenuItem"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_dispatchLegacySelectEvent",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "selectedOption",
-                  "type": {
-                    "text": "VscodeContextMenuItem"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_handleEnter",
+              "name": "_toggleState",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_onItemClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "_handleClick",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_onItemMouseOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "_handleKeyDown",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_onItemMouseOut",
+              "name": "_manageRequired",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
+              "attribute": "label",
+              "description": "Label text. It is only applied if component's innerHTML doesn't contain any text.",
+              "inheritedFrom": {
+                "name": "LabelledCheckboxOrRadioMixin",
+                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_label",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "LabelledCheckboxOrRadioMixin",
+                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_slottedText",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "LabelledCheckboxOrRadioMixin",
+                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleSlotChange",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LabelledCheckboxOrRadioMixin",
+                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_renderLabelAttribute",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LabelledCheckboxOrRadioMixin",
+                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "focused",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "focused",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormButtonWidgetBase",
+                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_prevTabindex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0",
+              "inheritedFrom": {
+                "name": "FormButtonWidgetBase",
+                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_handleFocus",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormButtonWidgetBase",
+                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_handleBlur",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormButtonWidgetBase",
+                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
               }
@@ -1588,68 +1421,160 @@
           ],
           "events": [
             {
-              "name": "vsc-select",
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`."
+            },
+            {
+              "name": "vsc-change",
               "type": {
                 "text": "CustomEvent"
               },
-              "deprecated": "- Renamed to `vsc-context-menu-select`"
+              "deprecated": "true"
             },
             {
               "type": {
-                "text": "VscMenuSelectEvent"
+                "text": "Event"
               },
-              "description": "Emitted when a menu item is clicked",
-              "name": "vsc-menu-select"
+              "description": "Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)",
+              "name": "invalid"
             }
           ],
           "attributes": [
             {
-              "name": "prevent-close",
+              "description": "Name which is used as a variable name in the data of the form-container.",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "name"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label",
+              "description": "Attribute pair of the `label` property.",
+              "inheritedFrom": {
+                "name": "LabelledCheckboxOrRadioMixin",
+                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
+              }
+            },
+            {
+              "name": "autofocus",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
-              "fieldName": "preventClose"
+              "description": "Automatically focus on the element when the page loads.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
+              "fieldName": "autofocus"
             },
             {
-              "name": "show",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "show"
+              "fieldName": "checked"
+            },
+            {
+              "name": "default-checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The element's initial checked state, which will be restored when the containing form is reset.",
+              "fieldName": "defaultChecked"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n\n- If it is unchecked, the value will not be submitted.\n- If it is checked but the value is not set, `on` will be submitted.\n- If it is checked and value is set, the value will be submitted.",
+              "fieldName": "value"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "required",
+              "fieldName": "required"
+            },
+            {
+              "name": "focused",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "focused",
+              "inheritedFrom": {
+                "name": "FormButtonWidgetBase",
+                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "LabelledCheckboxOrRadioMixin",
+              "module": "/src/includes/form-button-widget/LabelledCheckboxOrRadio.js"
             }
           ],
           "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
+            "name": "FormButtonWidgetBase",
+            "module": "/src/includes/form-button-widget/FormButtonWidgetBase.js"
           },
-          "tagName": "vscode-context-menu",
+          "tagName": "vscode-checkbox",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeContextMenu",
+          "name": "VscodeCheckbox",
           "declaration": {
-            "name": "VscodeContextMenu",
-            "module": "src/vscode-context-menu/vscode-context-menu.ts"
+            "name": "VscodeCheckbox",
+            "module": "src/vscode-checkbox/vscode-checkbox.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-context-menu",
+          "name": "vscode-checkbox",
           "declaration": {
-            "name": "VscodeContextMenu",
-            "module": "src/vscode-context-menu/vscode-context-menu.ts"
+            "name": "VscodeCheckbox",
+            "module": "src/vscode-checkbox/vscode-checkbox.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-checkbox/vscode-checkbox.styles.ts",
+      "path": "src/vscode-checkbox-group/vscode-checkbox-group.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -1657,7 +1582,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, baseStyles, css` :host(:invalid) .icon, :host([invalid]) .icon { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } .icon { border-radius: 3px; } .indeterminate-icon { background-color: currentColor; position: absolute; height: 1px; width: 12px; } :host(:focus):host(:not([disabled])) .icon { outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: -1px; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper { display: block; } ::slotted(vscode-checkbox) { margin-right: 20px; } ::slotted(vscode-checkbox:last-child) { margin-right: 0; } :host([variant='vertical']) ::slotted(vscode-checkbox) { display: block; margin-bottom: 15px; } :host([variant='vertical']) ::slotted(vscode-checkbox:last-child) { margin-bottom: 0; } `, ]"
         }
       ],
       "exports": [
@@ -1666,371 +1591,218 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-checkbox/vscode-checkbox.styles.ts"
+            "module": "src/vscode-checkbox-group/vscode-checkbox-group.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-checkbox/vscode-checkbox.ts",
+      "path": "src/vscode-checkbox-group/vscode-checkbox-group.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Allows users to select one or more options from a set. When participating in a form, it supports\nthe `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\nproperty.",
-          "name": "VscodeCheckbox",
-          "cssProperties": [
-            {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
-            },
-            {
-              "name": "--vscode-font-size",
-              "default": "13px"
-            },
-            {
-              "name": "--vscode-font-weight",
-              "default": "normal"
-            },
-            {
-              "name": "--vscode-foreground",
-              "default": "#cccccc"
-            },
-            {
-              "name": "--vscode-settings-checkboxBackground",
-              "default": "#313131"
-            },
-            {
-              "name": "--vscode-settings-checkboxBorder",
-              "default": "#3c3c3c"
-            },
-            {
-              "name": "--vscode-settings-checkboxForeground",
-              "default": "#cccccc"
-            },
-            {
-              "name": "--vscode-focusBorder",
-              "default": "#0078d4"
-            },
-            {
-              "name": "--vscode-inputValidation-errorBackground",
-              "default": "#5a1d1d"
-            },
-            {
-              "name": "--vscode-inputValidation-errorBorder",
-              "default": "#be1100"
-            }
-          ],
+          "description": "Arranges a group of checkboxes horizontally or vertically.",
+          "name": "VscodeCheckboxGroup",
           "members": [
             {
               "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Automatically focus on the element when the page loads.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
-              "attribute": "autofocus",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "checked",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_checked",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "defaultChecked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The element's initial checked state, which will be restored when the containing form is reset.",
-              "attribute": "default-checked",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "invalid",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n\n- If it is unchecked, the value will not be submitted.\n- If it is checked but the value is not set, `on` will be submitted.\n- If it is checked and value is set, the value will be submitted.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "false",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "attribute": "required",
+              "default": "'horizontal'",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_required",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
+              "name": "version",
               "type": {
                 "text": "string"
               },
-              "readonly": true
-            },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "willValidate",
+              "name": "variant",
               "type": {
-                "text": "boolean"
-              },
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+                "text": "'horizontal' | 'vertical'"
               },
-              "description": "Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity)"
-            },
+              "default": "'horizontal'",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-checkbox-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeCheckboxGroup",
+          "declaration": {
+            "name": "VscodeCheckboxGroup",
+            "module": "src/vscode-checkbox-group/vscode-checkbox-group.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-checkbox-group",
+          "declaration": {
+            "name": "VscodeCheckboxGroup",
+            "module": "src/vscode-checkbox-group/vscode-checkbox-group.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-collapsible/vscode-collapsible.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` .collapsible { background-color: var(--vscode-sideBar-background, #181818); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background, #181818); cursor: pointer; display: flex; height: 22px; line-height: 22px; user-select: none; } .collapsible-header:focus { opacity: 1; outline-offset: -1px; outline-style: solid; outline-width: 1px; outline-color: var(--vscode-focusBorder, #0078d4); } .title { color: var(--vscode-sideBarTitle-foreground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: 11px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .title .description { font-weight: 400; margin-left: 10px; text-transform: none; opacity: 0.6; } .header-icon { color: var(--vscode-icon-foreground, #cccccc); display: block; flex-shrink: 0; margin: 0 3px; } .collapsible.open .header-icon { transform: rotate(90deg); } .header-slots { align-items: center; display: flex; height: 22px; margin-left: auto; margin-right: 4px; } .actions { display: none; } .collapsible.open .actions { display: block; } .header-slots slot { display: flex; max-height: 22px; overflow: hidden; } .header-slots slot::slotted(div) { align-items: center; display: flex; } .collapsible-body { display: none; overflow: hidden; } .collapsible.open .collapsible-body { display: block; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-collapsible/vscode-collapsible.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-collapsible/vscode-collapsible.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Allows users to reveal or hide related content on a page.",
+          "name": "VscodeCollapsible",
+          "cssProperties": [
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element, and the\nbrowser displays an error message to the user.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity)"
+              "description": "Background color",
+              "name": "--vscode-sideBar-background",
+              "default": "#181818"
             },
             {
-              "kind": "field",
-              "name": "_inputEl",
-              "type": {
-                "text": "HTMLInputElement"
-              },
-              "privacy": "private"
+              "description": "Focus border color",
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "kind": "field",
-              "name": "_internals",
-              "type": {
-                "text": "ElementInternals"
-              },
-              "privacy": "private"
+              "description": "Header font family",
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "kind": "method",
-              "name": "_setActualFormValue",
-              "privacy": "private"
+              "description": "Header background",
+              "name": "--vscode-sideBarSectionHeader-background",
+              "default": "#181818"
             },
             {
-              "kind": "method",
-              "name": "_toggleState",
-              "privacy": "private"
+              "description": "Arrow icon color",
+              "name": "--vscode-icon-foreground",
+              "default": "#cccccc"
             },
             {
-              "kind": "field",
-              "name": "_handleClick",
-              "privacy": "private"
-            },
+              "description": "Header font color",
+              "name": "--vscode-sideBarTitle-foreground",
+              "default": "#cccccc"
+            }
+          ],
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "_handleKeyDown",
-              "privacy": "private"
-            },
+              "description": "Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior.",
+              "name": "body"
+            }
+          ],
+          "slots": [
             {
-              "kind": "method",
-              "name": "_manageRequired",
-              "privacy": "private"
+              "description": "Main content.",
+              "name": ""
             },
             {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "label",
-              "description": "Label text. It is only applied if component's innerHTML doesn't contain any text.",
-              "inheritedFrom": {
-                "name": "LabelledCheckboxOrRadioMixin",
-                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
-              }
+              "description": "You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.",
+              "name": "actions"
             },
             {
-              "kind": "field",
-              "name": "_label",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''",
-              "inheritedFrom": {
-                "name": "LabelledCheckboxOrRadioMixin",
-                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
-              }
-            },
+              "description": "The elements placed in the decorations slot are always visible.",
+              "name": "decorations"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_slottedText",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "privacy": "private",
               "default": "''",
-              "inheritedFrom": {
-                "name": "LabelledCheckboxOrRadioMixin",
-                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleSlotChange",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "LabelledCheckboxOrRadioMixin",
-                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
-              }
+              "description": "Component heading text",
+              "attribute": "title"
             },
             {
-              "kind": "method",
-              "name": "_renderLabelAttribute",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string"
               },
-              "inheritedFrom": {
-                "name": "LabelledCheckboxOrRadioMixin",
-                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
-              }
+              "default": "''",
+              "description": "Less prominent text than the title in the header",
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "focused",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "focused",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FormButtonWidgetBase",
-                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
-              }
+              "attribute": "open",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "_prevTabindex",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0",
-              "inheritedFrom": {
-                "name": "FormButtonWidgetBase",
-                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
-              }
+              "kind": "method",
+              "name": "_emitToggleEvent",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_handleFocus",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "FormButtonWidgetBase",
-                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
-              }
+              "kind": "method",
+              "name": "_onHeaderClick",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_handleBlur",
+              "kind": "method",
+              "name": "_onHeaderKeyDown",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "FormButtonWidgetBase",
-                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
-              }
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -2048,160 +1820,276 @@
           ],
           "events": [
             {
-              "name": "change",
               "type": {
-                "text": "Event"
+                "text": "VscCollapsibleToggleEvent"
               },
-              "description": "Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`."
+              "description": "Dispatched when the content visibility is changed.",
+              "name": "vsc-collapsible-toggle"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Component heading text",
+              "fieldName": "title"
             },
             {
-              "name": "vsc-change",
+              "name": "description",
               "type": {
-                "text": "CustomEvent"
+                "text": "string"
               },
-              "deprecated": "true"
+              "default": "''",
+              "description": "Less prominent text than the title in the header",
+              "fieldName": "description"
             },
             {
+              "name": "open",
               "type": {
-                "text": "Event"
+                "text": "boolean"
               },
-              "description": "Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)",
-              "name": "invalid"
+              "default": "false",
+              "fieldName": "open"
             }
           ],
-          "attributes": [
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-collapsible",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeCollapsible",
+          "declaration": {
+            "name": "VscodeCollapsible",
+            "module": "src/vscode-collapsible/vscode-collapsible.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-collapsible",
+          "declaration": {
+            "name": "VscodeCollapsible",
+            "module": "src/vscode-collapsible/vscode-collapsible.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; outline: none; position: relative; } .context-menu-item { background-color: var(--vscode-menu-background, #1f1f1f); color: var(--vscode-menu-foreground, #cccccc); display: flex; user-select: none; white-space: nowrap; } .ruler { border-bottom: 1px solid var(--vscode-menu-separatorBackground, #454545); display: block; margin: 0 0 4px; padding-top: 4px; width: 100%; } .context-menu-item a { align-items: center; border-color: transparent; border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-menu-foreground, #cccccc); cursor: pointer; display: flex; flex: 1 1 auto; height: 2em; margin-left: 4px; margin-right: 4px; outline: none; position: relative; text-decoration: inherit; } :host([selected]) .context-menu-item a { background-color: var(--vscode-menu-selectionBackground, #0078d4); border-color: var(--vscode-menu-selectionBorder, transparent); color: var(--vscode-menu-selectionForeground, #ffffff); } .label { background: none; display: flex; flex: 1 1 auto; font-size: 12px; line-height: 1; padding: 0 22px; text-decoration: none; } .keybinding { display: block; flex: 2 1 auto; line-height: 1; padding: 0 22px; text-align: right; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-context-menu-item/vscode-context-menu-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeContextMenuItem",
+          "cssProperties": [
             {
-              "description": "Name which is used as a variable name in the data of the form-container.",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "fieldName": "name"
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
+            },
+            {
+              "name": "--vscode-font-size",
+              "default": "13px"
+            },
+            {
+              "name": "--vscode-font-weight",
+              "default": "normal"
+            },
+            {
+              "name": "--vscode-menu-background",
+              "default": "#1f1f1f"
+            },
+            {
+              "name": "--vscode-menu-selectionBorder",
+              "default": "transparent"
+            },
+            {
+              "name": "--vscode-menu-foreground",
+              "default": "#cccccc"
+            },
+            {
+              "name": "--vscode-menu-selectionBackground",
+              "default": "#0078d4"
+            },
+            {
+              "name": "--vscode-menu-selectionForeground",
+              "default": "#ffffff"
             },
             {
+              "name": "--vscode-menu-separatorBackground",
+              "default": "#454545"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "fieldName": "label",
-              "description": "Attribute pair of the `label` property.",
-              "inheritedFrom": {
-                "name": "LabelledCheckboxOrRadioMixin",
-                "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts"
-              }
+              "default": "''",
+              "attribute": "label"
             },
             {
-              "name": "autofocus",
+              "kind": "field",
+              "name": "keybinding",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Automatically focus on the element when the page loads.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)",
-              "fieldName": "autofocus"
+              "default": "''",
+              "attribute": "keybinding"
             },
             {
-              "name": "checked",
+              "kind": "field",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "fieldName": "checked"
+              "default": "''",
+              "attribute": "value"
             },
             {
-              "name": "default-checked",
+              "kind": "field",
+              "name": "separator",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The element's initial checked state, which will be restored when the containing form is reset.",
-              "fieldName": "defaultChecked"
+              "attribute": "separator",
+              "reflects": true
             },
             {
-              "name": "invalid",
+              "kind": "field",
+              "name": "tabindex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "invalid"
+              "default": "0",
+              "attribute": "tabindex"
             },
             {
-              "name": "value",
+              "kind": "method",
+              "name": "onItemClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "version",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n\n- If it is unchecked, the value will not be submitted.\n- If it is checked but the value is not set, `on` will be submitted.\n- If it is checked and value is set, the value will be submitted.",
-              "fieldName": "value"
-            },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "name": "disabled",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "disabled"
+              "default": "''",
+              "fieldName": "label"
             },
             {
-              "name": "indeterminate",
+              "name": "keybinding",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "indeterminate"
+              "default": "''",
+              "fieldName": "keybinding"
             },
             {
-              "name": "required",
-              "fieldName": "required"
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
             },
             {
-              "name": "focused",
+              "name": "separator",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "focused",
-              "inheritedFrom": {
-                "name": "FormButtonWidgetBase",
-                "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts"
-              }
-            }
-          ],
-          "mixins": [
+              "fieldName": "separator"
+            },
             {
-              "name": "LabelledCheckboxOrRadioMixin",
-              "module": "/src/includes/form-button-widget/LabelledCheckboxOrRadio.js"
+              "name": "tabindex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "tabindex"
             }
           ],
           "superclass": {
-            "name": "FormButtonWidgetBase",
-            "module": "/src/includes/form-button-widget/FormButtonWidgetBase.js"
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-checkbox",
+          "tagName": "vscode-context-menu-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeCheckbox",
+          "name": "VscodeContextMenuItem",
           "declaration": {
-            "name": "VscodeCheckbox",
-            "module": "src/vscode-checkbox/vscode-checkbox.ts"
+            "name": "VscodeContextMenuItem",
+            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-checkbox",
+          "name": "vscode-context-menu-item",
           "declaration": {
-            "name": "VscodeCheckbox",
-            "module": "src/vscode-checkbox/vscode-checkbox.ts"
+            "name": "VscodeContextMenuItem",
+            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts",
+      "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -2209,7 +2097,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; outline: none; position: relative; } .context-menu-item { background-color: var(--vscode-menu-background, #1f1f1f); color: var(--vscode-menu-foreground, #cccccc); display: flex; user-select: none; white-space: nowrap; } .ruler { border-bottom: 1px solid var(--vscode-menu-separatorBackground, #454545); display: block; margin: 0 0 4px; padding-top: 4px; width: 100%; } .context-menu-item a { align-items: center; border-color: transparent; border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-menu-foreground, #cccccc); cursor: pointer; display: flex; flex: 1 1 auto; height: 2em; margin-left: 4px; margin-right: 4px; outline: none; position: relative; text-decoration: inherit; } :host([selected]) .context-menu-item a { background-color: var(--vscode-menu-selectionBackground, #0078d4); border-color: var(--vscode-menu-selectionBorder, transparent); color: var(--vscode-menu-selectionForeground, #ffffff); } .label { background: none; display: flex; flex: 1 1 auto; font-size: 12px; line-height: 1; padding: 0 22px; text-decoration: none; } .keybinding { display: block; flex: 2 1 auto; line-height: 1; padding: 0 22px; text-align: right; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; position: relative; } .context-menu { background-color: var(--vscode-menu-background, #1f1f1f); border-color: var(--vscode-menu-border, #454545); border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36)); color: var(--vscode-menu-foreground, #cccccc); padding: 4px 0; white-space: nowrap; } .context-menu:focus { outline: 0; } `, ]"
         }
       ],
       "exports": [
@@ -2218,19 +2106,19 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts"
+            "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-context-menu-item/vscode-context-menu-item.ts",
+      "path": "src/vscode-context-menu/vscode-context-menu.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "VscodeContextMenuItem",
+          "name": "VscodeContextMenu",
           "cssProperties": [
             {
               "name": "--vscode-font-family",
@@ -2249,76 +2137,196 @@
               "default": "#1f1f1f"
             },
             {
-              "name": "--vscode-menu-selectionBorder",
-              "default": "transparent"
+              "name": "--vscode-menu-border",
+              "default": "#454545"
             },
             {
               "name": "--vscode-menu-foreground",
               "default": "#cccccc"
             },
             {
-              "name": "--vscode-menu-selectionBackground",
-              "default": "#0078d4"
+              "name": "--vscode-widget-shadow",
+              "default": "rgba(0, 0, 0, 0.36)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "MenuItemData[]"
+              }
             },
             {
-              "name": "--vscode-menu-selectionForeground",
-              "default": "#ffffff"
+              "kind": "field",
+              "name": "preventClose",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
+              "attribute": "prevent-close",
+              "reflects": true
             },
             {
-              "name": "--vscode-menu-separatorBackground",
-              "default": "#454545"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "show",
+              "reflects": true
+            },
             {
               "kind": "field",
-              "name": "label",
+              "name": "_selectedClickableItemIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "attribute": "label"
+              "privacy": "private",
+              "default": "-1"
             },
             {
               "kind": "field",
-              "name": "keybinding",
+              "name": "_show",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "keybinding"
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_wrapperEl",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_data",
+              "type": {
+                "text": "MenuItemData[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "_clickableItemIndexes",
+              "type": {
+                "text": "number[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "_onClickOutside",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_onClickOutsideBound",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleArrowUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleArrowDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleEscape",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_dispatchSelectEvent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "selectedOption",
+                  "type": {
+                    "text": "VscodeContextMenuItem"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_dispatchLegacySelectEvent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "selectedOption",
+                  "type": {
+                    "text": "VscodeContextMenuItem"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "value"
+              "kind": "method",
+              "name": "_handleEnter",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "separator",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "separator",
-              "reflects": true
+              "kind": "method",
+              "name": "_onItemClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "tabindex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "attribute": "tabindex"
+              "kind": "method",
+              "name": "_onItemMouseOver",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "onItemClick",
+              "name": "_onItemMouseOut",
               "privacy": "private"
             },
             {
@@ -2335,71 +2343,63 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "label"
-            },
+          "events": [
             {
-              "name": "keybinding",
+              "name": "vsc-select",
               "type": {
-                "text": "string"
+                "text": "CustomEvent"
               },
-              "default": "''",
-              "fieldName": "keybinding"
+              "deprecated": "- Renamed to `vsc-context-menu-select`"
             },
             {
-              "name": "value",
               "type": {
-                "text": "string"
+                "text": "VscMenuSelectEvent"
               },
-              "default": "''",
-              "fieldName": "value"
-            },
+              "description": "Emitted when a menu item is clicked",
+              "name": "vsc-menu-select"
+            }
+          ],
+          "attributes": [
             {
-              "name": "separator",
+              "name": "prevent-close",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "separator"
+              "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
+              "fieldName": "preventClose"
             },
             {
-              "name": "tabindex",
+              "name": "show",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "fieldName": "tabindex"
+              "fieldName": "show"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-context-menu-item",
+          "tagName": "vscode-context-menu",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeContextMenuItem",
+          "name": "VscodeContextMenu",
           "declaration": {
-            "name": "VscodeContextMenuItem",
-            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
+            "name": "VscodeContextMenu",
+            "module": "src/vscode-context-menu/vscode-context-menu.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-context-menu-item",
+          "name": "vscode-context-menu",
           "declaration": {
-            "name": "VscodeContextMenuItem",
-            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
+            "name": "VscodeContextMenu",
+            "module": "src/vscode-context-menu/vscode-context-menu.ts"
           }
         }
       ]
@@ -2868,14 +2868,171 @@
           "name": "VscodeFormHelper",
           "cssProperties": [
             {
-              "description": "Default text color. 90% transparency version of `--vscode-foreground` by default.",
-              "name": "--vsc-foreground-translucent"
-            }
-          ],
-          "members": [
+              "description": "Default text color. 90% transparency version of `--vscode-foreground` by default.",
+              "name": "--vsc-foreground-translucent"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "_injectLightDOMStyles",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-form-helper",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeFormHelper",
+          "declaration": {
+            "name": "VscodeFormHelper",
+            "module": "src/vscode-form-helper/vscode-form-helper.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-form-helper",
+          "declaration": {
+            "name": "VscodeFormHelper",
+            "module": "src/vscode-form-helper/vscode-form-helper.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-label/vscode-label.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { color: var(--vscode-foreground, #cccccc); font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: 600; line-height: ${INPUT_LINE_HEIGHT_RATIO}; cursor: default; display: block; padding: 5px 0; } .wrapper { display: block; } .wrapper.required:after { content: ' *'; } ::slotted(.normal) { font-weight: normal; } ::slotted(.lightened) { color: var(--vscode-foreground, #cccccc); opacity: 0.9; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-label/vscode-label.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-label/vscode-label.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeLabel",
+          "cssProperties": [
+            {
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
+            },
+            {
+              "name": "--vscode-font-size",
+              "default": "13px"
+            },
+            {
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "htmlFor",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "for",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "id"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_id",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_htmlFor",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_connected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "_getTarget",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "_injectLightDOMStyles",
+              "name": "_connectWithTarget",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
               "privacy": "private"
             },
             {
@@ -2892,29 +3049,53 @@
               }
             }
           ],
+          "attributes": [
+            {
+              "name": "for",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "htmlFor"
+            },
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "id"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "required"
+            }
+          ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-form-helper",
+          "tagName": "vscode-label",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeFormHelper",
+          "name": "VscodeLabel",
           "declaration": {
-            "name": "VscodeFormHelper",
-            "module": "src/vscode-form-helper/vscode-form-helper.ts"
+            "name": "VscodeLabel",
+            "module": "src/vscode-label/vscode-label.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-form-helper",
+          "name": "vscode-label",
           "declaration": {
-            "name": "VscodeFormHelper",
-            "module": "src/vscode-form-helper/vscode-form-helper.ts"
+            "name": "VscodeLabel",
+            "module": "src/vscode-label/vscode-label.ts"
           }
         }
       ]
@@ -3104,246 +3285,65 @@
               "fieldName": "name"
             },
             {
-              "name": "size",
-              "type": {
-                "text": "number"
-              },
-              "default": "16",
-              "description": "Icon size in pixels",
-              "fieldName": "size"
-            },
-            {
-              "name": "spin",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable rotation animation",
-              "fieldName": "spin"
-            },
-            {
-              "name": "spin-duration",
-              "type": {
-                "text": "number"
-              },
-              "default": "1.5",
-              "description": "Animation duration in seconds",
-              "fieldName": "spinDuration"
-            },
-            {
-              "name": "action-icon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Behaves like a button",
-              "fieldName": "actionIcon"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-icon",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeIcon",
-          "declaration": {
-            "name": "VscodeIcon",
-            "module": "src/vscode-icon/vscode-icon.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-icon",
-          "declaration": {
-            "name": "VscodeIcon",
-            "module": "src/vscode-icon/vscode-icon.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-label/vscode-label.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { color: var(--vscode-foreground, #cccccc); font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: 600; line-height: ${INPUT_LINE_HEIGHT_RATIO}; cursor: default; display: block; padding: 5px 0; } .wrapper { display: block; } .wrapper.required:after { content: ' *'; } ::slotted(.normal) { font-weight: normal; } ::slotted(.lightened) { color: var(--vscode-foreground, #cccccc); opacity: 0.9; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-label/vscode-label.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-label/vscode-label.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeLabel",
-          "cssProperties": [
-            {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
-            },
-            {
-              "name": "--vscode-font-size",
-              "default": "13px"
-            },
-            {
-              "name": "--vscode-foreground",
-              "default": "#cccccc"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "htmlFor",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "for",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "id"
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "required",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_id",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "_htmlFor",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "_connected",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "_getTarget",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_connectWithTarget",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "Icon size in pixels",
+              "fieldName": "size"
+            },
             {
-              "name": "for",
+              "name": "spin",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "htmlFor"
+              "default": "false",
+              "description": "Enable rotation animation",
+              "fieldName": "spin"
             },
             {
-              "name": "id",
+              "name": "spin-duration",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "fieldName": "id"
+              "default": "1.5",
+              "description": "Animation duration in seconds",
+              "fieldName": "spinDuration"
             },
             {
-              "name": "required",
+              "name": "action-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "required"
+              "description": "Behaves like a button",
+              "fieldName": "actionIcon"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-label",
+          "tagName": "vscode-icon",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeLabel",
+          "name": "VscodeIcon",
           "declaration": {
-            "name": "VscodeLabel",
-            "module": "src/vscode-label/vscode-label.ts"
+            "name": "VscodeIcon",
+            "module": "src/vscode-icon/vscode-icon.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-label",
+          "name": "vscode-icon",
           "declaration": {
-            "name": "VscodeLabel",
-            "module": "src/vscode-label/vscode-label.ts"
+            "name": "VscodeIcon",
+            "module": "src/vscode-icon/vscode-icon.ts"
           }
         }
       ]
@@ -9798,7 +9798,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-textarea/vscode-textarea.styles.ts",
+      "path": "src/vscode-tabs/vscode-tabs.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -9806,7 +9806,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: inline-block; height: 40px; position: relative; width: 320px; } :host([cols]) { width: auto; } :host([rows]) { height: auto; } .shadow { box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset; display: none; inset: 0 0 auto 0; height: 6px; pointer-events: none; position: absolute; width: 100%; } .shadow.visible { display: block; } textarea { background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var(--vscode-settings-textInputBorder, transparent); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); height: 100%; width: 100%; } :host([cols]) textarea { width: auto; } :host([rows]) textarea { height: auto; } :host([invalid]) textarea, :host(:invalid) textarea { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } textarea.monospace { background-color: var(--vscode-editor-background, #1f1f1f); color: var(--vscode-editor-foreground, #cccccc); font-family: var(--vscode-editor-font-family, monospace); font-size: var(--vscode-editor-font-size, 14px); font-weight: var(--vscode-editor-font-weight, normal); } .textarea.monospace::placeholder { color: var( --vscode-editor-inlineValuesForeground, rgba(255, 255, 255, 0.5) ); } textarea.cursor-pointer { cursor: pointer; } textarea:focus { border-color: var(--vscode-focusBorder, #0078d4); outline: none; } textarea::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } textarea::-webkit-scrollbar-track { background-color: transparent; } textarea::-webkit-scrollbar { width: 14px; } textarea::-webkit-scrollbar-thumb { background-color: transparent; } textarea:hover::-webkit-scrollbar-thumb { background-color: var( --vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4) ); } textarea::-webkit-scrollbar-thumb:hover { background-color: var( --vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7) ); } textarea::-webkit-scrollbar-thumb:active { background-color: var( --vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4) ); } textarea::-webkit-scrollbar-corner { background-color: transparent; } textarea::-webkit-resizer { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right bottom; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; } .header { align-items: center; display: flex; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); width: 100%; } .header { border-bottom-color: var(--vscode-settings-headerBorder); border-bottom-style: solid; border-bottom-width: 1px; } .header.panel { background-color: var(--vscode-panel-background); border-bottom-width: 0; box-sizing: border-box; padding-left: 8px; padding-right: 8px; } slot[name='addons'] { display: block; margin-left: auto; } `, ]"
         }
       ],
       "exports": [
@@ -9815,904 +9815,904 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-textarea/vscode-textarea.styles.ts"
+            "module": "src/vscode-tabs/vscode-tabs.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-textarea/vscode-textarea.ts",
+      "path": "src/vscode-tabs/vscode-tabs.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Multi-line text input.\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.",
-          "name": "VscodeTextarea",
+          "description": "",
+          "name": "VscodeTabs",
           "cssProperties": [
             {
-              "name": "--vscode-scrollbar-shadow",
-              "default": "#000000"
-            },
-            {
-              "name": "--vscode-settings-textInputBackground",
-              "default": "#313131"
-            },
-            {
-              "name": "--vscode-settings-textInputBorder",
-              "default": "transparent"
-            },
-            {
-              "name": "--vscode-settings-textInputForeground",
-              "default": "#cccccc"
-            },
-            {
-              "name": "--vscode-input-placeholderForeground",
-              "default": "#989898"
-            },
-            {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
-            },
-            {
-              "name": "--vscode-font-size",
-              "default": "13px"
-            },
-            {
-              "name": "--vscode-font-weight",
-              "default": "normal"
-            },
-            {
-              "name": "--vscode-editor-background",
-              "default": "#1f1f1f"
-            },
-            {
-              "name": "--vscode-editor-foreground",
-              "default": "#cccccc"
-            },
-            {
-              "name": "--vscode-editor-font-family",
-              "default": "monospace"
+              "name": "--vscode-font-family"
             },
             {
-              "name": "--vscode-editor-font-size",
-              "default": "14px"
+              "name": "--vscode-font-size"
             },
             {
-              "name": "--vscode-editor-font-weight",
-              "default": "normal"
+              "name": "--vscode-font-weight"
             },
             {
-              "name": "--vscode-editor-inlineValuesForeground",
-              "default": "rgba(255, 255, 255, 0.5)"
+              "name": "--vscode-settings-headerBorder"
             },
             {
-              "name": "--vscode-focusBorder",
-              "default": "#0078d4"
-            },
+              "name": "--vscode-panel-background"
+            }
+          ],
+          "slots": [
             {
-              "name": "--vscode-scrollbarSlider-background",
-              "default": "rgba(121, 121, 121, 0.4)"
+              "description": "Default slot. It is used for tab panels.",
+              "name": ""
             },
             {
-              "name": "--vscode-scrollbarSlider-hoverBackground",
-              "default": "rgba(100, 100, 100, 0.7)"
+              "description": "Slot for tab headers.",
+              "name": "header"
             },
             {
-              "name": "--vscode-scrollbarSlider-activeBackground",
-              "default": "rgba(191, 191, 191, 0.4)"
+              "description": "Right aligned area in the header.",
+              "name": "addons"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "autocomplete",
-              "type": {
-                "text": "'on' | 'off' | undefined"
-              },
-              "default": "undefined",
-              "attribute": "autocomplete"
-            },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "autofocus",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "default-value"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "invalid",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "maxLength",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "attribute": "maxLength"
-            },
-            {
-              "kind": "field",
-              "name": "minLength",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "attribute": "minLength"
-            },
-            {
-              "kind": "field",
-              "name": "rows",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "attribute": "rows"
-            },
-            {
-              "kind": "field",
-              "name": "cols",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "attribute": "cols"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "readonly",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "resize",
-              "type": {
-                "text": "'both' | 'horizontal' | 'vertical' | 'none'"
-              },
-              "default": "'none'",
-              "attribute": "resize"
-            },
-            {
-              "kind": "field",
-              "name": "required",
+              "name": "panel",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "required",
+              "description": "Panel-like look",
+              "attribute": "panel",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "spellcheck",
+              "name": "selectedIndex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "attribute": "spellcheck"
+              "default": "0",
+              "attribute": "selected-index",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "monospace",
+              "name": "_headerSlotElements",
               "type": {
-                "text": "boolean"
+                "text": "Element[]"
               },
-              "default": "false",
-              "description": "Use monospace fonts. The font family, weight, size, and color will be the same as set in the\nVSCode code editor.",
-              "attribute": "monospace",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "_mainSlotElements",
               "type": {
-                "text": "string"
+                "text": "Element[]"
               },
-              "attribute": "value"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "wrappedElement",
+              "name": "_tabHeaders",
               "type": {
-                "text": "HTMLTextAreaElement"
+                "text": "VscodeTabHeader[]"
               },
-              "description": "Getter for the inner textarea element if it needs to be accessed for some reason.",
-              "readonly": true
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "_tabPanels",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "VscodeTabPanel[]"
               },
-              "readonly": true
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "_componentId",
               "type": {
-                "text": "ValidityState"
+                "text": "string"
               },
-              "readonly": true
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "validationMessage",
-              "readonly": true
+              "name": "_tabFocus",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "kind": "field",
-              "name": "willValidate",
-              "readonly": true
+              "kind": "method",
+              "name": "_dispatchSelectEvent",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "minlength",
-              "description": "Lowercase alias to minLength",
-              "type": {
-                "text": "number | undefined"
-              }
+              "kind": "method",
+              "name": "_setActiveTab",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "maxlength",
-              "description": "Lowercase alias to maxLength",
-              "type": {
-                "text": "number | undefined"
-              }
+              "kind": "method",
+              "name": "_focusPrevTab",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
+              "name": "_focusNextTab",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
+              "name": "_onHeaderKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
-              }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_textareaEl",
-              "type": {
-                "text": "HTMLTextAreaElement"
-              },
+              "kind": "method",
+              "name": "_moveHeadersToHeaderSlot",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onMainSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onHeaderSlotChange",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_onHeaderClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
-              "name": "_value",
+              "name": "version",
               "type": {
                 "text": "string"
               },
-              "privacy": "private",
-              "default": "''"
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "vsc-select",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "deprecated": "true"
             },
             {
-              "kind": "field",
-              "name": "_textareaPointerCursor",
+              "type": {
+                "text": "VscTabSelectEvent"
+              },
+              "description": "Dispatched when the active tab is changed",
+              "name": "vsc-tabs-select"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "panel",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Panel-like look",
+              "fieldName": "panel"
+            },
+            {
+              "name": "selected-index",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "selectedIndex"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-tabs",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeTabs",
+          "declaration": {
+            "name": "VscodeTabs",
+            "module": "src/vscode-tabs/vscode-tabs.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-tabs",
+          "declaration": {
+            "name": "VscodeTabs",
+            "module": "src/vscode-tabs/vscode-tabs.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-textarea/vscode-textarea.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { display: inline-block; height: 40px; position: relative; width: 320px; } :host([cols]) { width: auto; } :host([rows]) { height: auto; } .shadow { box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset; display: none; inset: 0 0 auto 0; height: 6px; pointer-events: none; position: absolute; width: 100%; } .shadow.visible { display: block; } textarea { background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var(--vscode-settings-textInputBorder, transparent); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); height: 100%; width: 100%; } :host([cols]) textarea { width: auto; } :host([rows]) textarea { height: auto; } :host([invalid]) textarea, :host(:invalid) textarea { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } textarea.monospace { background-color: var(--vscode-editor-background, #1f1f1f); color: var(--vscode-editor-foreground, #cccccc); font-family: var(--vscode-editor-font-family, monospace); font-size: var(--vscode-editor-font-size, 14px); font-weight: var(--vscode-editor-font-weight, normal); } .textarea.monospace::placeholder { color: var( --vscode-editor-inlineValuesForeground, rgba(255, 255, 255, 0.5) ); } textarea.cursor-pointer { cursor: pointer; } textarea:focus { border-color: var(--vscode-focusBorder, #0078d4); outline: none; } textarea::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } textarea::-webkit-scrollbar-track { background-color: transparent; } textarea::-webkit-scrollbar { width: 14px; } textarea::-webkit-scrollbar-thumb { background-color: transparent; } textarea:hover::-webkit-scrollbar-thumb { background-color: var( --vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4) ); } textarea::-webkit-scrollbar-thumb:hover { background-color: var( --vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7) ); } textarea::-webkit-scrollbar-thumb:active { background-color: var( --vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4) ); } textarea::-webkit-scrollbar-corner { background-color: transparent; } textarea::-webkit-resizer { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right bottom; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-textarea/vscode-textarea.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-textarea/vscode-textarea.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Multi-line text input.\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.",
+          "name": "VscodeTextarea",
+          "cssProperties": [
+            {
+              "name": "--vscode-scrollbar-shadow",
+              "default": "#000000"
+            },
+            {
+              "name": "--vscode-settings-textInputBackground",
+              "default": "#313131"
+            },
+            {
+              "name": "--vscode-settings-textInputBorder",
+              "default": "transparent"
+            },
+            {
+              "name": "--vscode-settings-textInputForeground",
+              "default": "#cccccc"
+            },
+            {
+              "name": "--vscode-input-placeholderForeground",
+              "default": "#989898"
             },
             {
-              "kind": "field",
-              "name": "_shadow",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "kind": "field",
-              "name": "_internals",
-              "type": {
-                "text": "ElementInternals"
-              },
-              "privacy": "private"
+              "name": "--vscode-font-size",
+              "default": "13px"
             },
             {
-              "kind": "method",
-              "name": "_setValidityFromInput",
-              "privacy": "private"
+              "name": "--vscode-font-weight",
+              "default": "normal"
             },
             {
-              "kind": "method",
-              "name": "_dataChanged",
-              "privacy": "private"
+              "name": "--vscode-editor-background",
+              "default": "#1f1f1f"
             },
             {
-              "kind": "method",
-              "name": "_handleChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "--vscode-editor-foreground",
+              "default": "#cccccc"
             },
             {
-              "kind": "method",
-              "name": "_handleInput",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "InputEvent"
-                  }
-                }
-              ]
+              "name": "--vscode-editor-font-family",
+              "default": "monospace"
             },
             {
-              "kind": "method",
-              "name": "_handleMouseMove",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "--vscode-editor-font-size",
+              "default": "14px"
             },
             {
-              "kind": "method",
-              "name": "_handleScroll",
-              "privacy": "private"
+              "name": "--vscode-editor-font-weight",
+              "default": "normal"
             },
             {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "events": [
+              "name": "--vscode-editor-inlineValuesForeground",
+              "default": "rgba(255, 255, 255, 0.5)"
+            },
             {
-              "name": "change",
-              "type": {
-                "text": "Event"
-              }
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "name": "vsc-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
+              "name": "--vscode-scrollbarSlider-background",
+              "default": "rgba(121, 121, 121, 0.4)"
             },
             {
-              "name": "vsc-input",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
+              "name": "--vscode-scrollbarSlider-hoverBackground",
+              "default": "rgba(100, 100, 100, 0.7)"
             },
             {
-              "type": {
-                "text": "InputEvent"
-              },
-              "name": "input"
+              "name": "--vscode-scrollbarSlider-activeBackground",
+              "default": "rgba(191, 191, 191, 0.4)"
             }
           ],
-          "attributes": [
+          "members": [
             {
+              "kind": "field",
               "name": "autocomplete",
               "type": {
                 "text": "'on' | 'off' | undefined"
               },
               "default": "undefined",
-              "fieldName": "autocomplete"
+              "attribute": "autocomplete"
             },
             {
+              "kind": "field",
               "name": "autofocus",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "autofocus"
+              "attribute": "autofocus",
+              "reflects": true
             },
             {
-              "name": "default-value",
+              "kind": "field",
+              "name": "defaultValue",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "defaultValue"
+              "attribute": "default-value"
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "invalid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "invalid"
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
             },
             {
+              "kind": "field",
               "name": "maxLength",
               "type": {
                 "text": "number | undefined"
               },
               "default": "undefined",
-              "fieldName": "maxLength"
+              "attribute": "maxLength"
             },
             {
+              "kind": "field",
               "name": "minLength",
               "type": {
                 "text": "number | undefined"
               },
               "default": "undefined",
-              "fieldName": "minLength"
+              "attribute": "minLength"
             },
             {
+              "kind": "field",
               "name": "rows",
               "type": {
                 "text": "number | undefined"
               },
               "default": "undefined",
-              "fieldName": "rows"
+              "attribute": "rows"
             },
             {
+              "kind": "field",
               "name": "cols",
               "type": {
                 "text": "number | undefined"
               },
               "default": "undefined",
-              "fieldName": "cols"
+              "attribute": "cols"
             },
             {
+              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string | undefined"
               },
               "default": "undefined",
-              "fieldName": "name"
+              "attribute": "name"
             },
             {
+              "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string | undefined"
               },
               "default": "undefined",
-              "fieldName": "placeholder"
+              "attribute": "placeholder"
             },
             {
+              "kind": "field",
               "name": "readonly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "readonly"
+              "attribute": "readonly",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "resize",
               "type": {
                 "text": "'both' | 'horizontal' | 'vertical' | 'none'"
               },
               "default": "'none'",
-              "fieldName": "resize"
+              "attribute": "resize"
             },
             {
+              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "required"
+              "attribute": "required",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "spellcheck",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "spellcheck"
+              "attribute": "spellcheck"
             },
             {
+              "kind": "field",
               "name": "monospace",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Use monospace fonts. The font family, weight, size, and color will be the same as set in the\nVSCode code editor.",
-              "fieldName": "monospace"
+              "attribute": "monospace",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "fieldName": "value"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-textarea",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeTextarea",
-          "declaration": {
-            "name": "VscodeTextarea",
-            "module": "src/vscode-textarea/vscode-textarea.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-textarea",
-          "declaration": {
-            "name": "VscodeTextarea",
-            "module": "src/vscode-textarea/vscode-textarea.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-tabs/vscode-tabs.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { display: block; } .header { align-items: center; display: flex; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); width: 100%; } .header { border-bottom-color: var(--vscode-settings-headerBorder); border-bottom-style: solid; border-bottom-width: 1px; } .header.panel { background-color: var(--vscode-panel-background); border-bottom-width: 0; box-sizing: border-box; padding-left: 8px; padding-right: 8px; } slot[name='addons'] { display: block; margin-left: auto; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-tabs/vscode-tabs.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-tabs/vscode-tabs.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeTabs",
-          "cssProperties": [
-            {
-              "name": "--vscode-font-family"
-            },
-            {
-              "name": "--vscode-font-size"
-            },
-            {
-              "name": "--vscode-font-weight"
+              "attribute": "value"
             },
             {
-              "name": "--vscode-settings-headerBorder"
+              "kind": "field",
+              "name": "wrappedElement",
+              "type": {
+                "text": "HTMLTextAreaElement"
+              },
+              "description": "Getter for the inner textarea element if it needs to be accessed for some reason.",
+              "readonly": true
             },
             {
-              "name": "--vscode-panel-background"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot. It is used for tab panels.",
-              "name": ""
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "readonly": true
             },
             {
-              "description": "Slot for tab headers.",
-              "name": "header"
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
+              "readonly": true
             },
             {
-              "description": "Right aligned area in the header.",
-              "name": "addons"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "validationMessage",
+              "readonly": true
+            },
             {
               "kind": "field",
-              "name": "panel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Panel-like look",
-              "attribute": "panel",
-              "reflects": true
+              "name": "willValidate",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "selectedIndex",
+              "name": "minlength",
+              "description": "Lowercase alias to minLength",
               "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "attribute": "selected-index",
-              "reflects": true
+                "text": "number | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "_headerSlotElements",
+              "name": "maxlength",
+              "description": "Lowercase alias to maxLength",
               "type": {
-                "text": "Element[]"
-              },
-              "privacy": "private"
+                "text": "number | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "_mainSlotElements",
+              "name": "_textareaEl",
               "type": {
-                "text": "Element[]"
+                "text": "HTMLTextAreaElement"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_tabHeaders",
+              "name": "_value",
               "type": {
-                "text": "VscodeTabHeader[]"
+                "text": "string"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "_tabPanels",
+              "name": "_textareaPointerCursor",
               "type": {
-                "text": "VscodeTabPanel[]"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_componentId",
+              "name": "_shadow",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_tabFocus",
+              "name": "_internals",
               "type": {
-                "text": "number"
+                "text": "ElementInternals"
               },
-              "privacy": "private",
-              "default": "0"
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_dispatchSelectEvent",
+              "name": "_setValidityFromInput",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_setActiveTab",
+              "name": "_dataChanged",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_focusPrevTab",
-              "privacy": "private"
+              "name": "_handleChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_focusNextTab",
-              "privacy": "private"
+              "name": "_handleInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_onHeaderKeyDown",
+              "name": "_handleMouseMove",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "ev",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_moveHeadersToHeaderSlot",
+              "name": "_handleScroll",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_onMainSlotChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              }
+            },
+            {
+              "name": "vsc-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "deprecated": "true"
+            },
+            {
+              "name": "vsc-input",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "deprecated": "true"
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "name": "input"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "autocomplete",
+              "type": {
+                "text": "'on' | 'off' | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "autocomplete"
+            },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "default-value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "defaultValue"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "maxLength",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "maxLength"
+            },
+            {
+              "name": "minLength",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "minLength"
+            },
+            {
+              "name": "rows",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "rows"
+            },
+            {
+              "name": "cols",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "cols"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "name"
             },
             {
-              "kind": "method",
-              "name": "_onHeaderSlotChange",
-              "privacy": "private"
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "fieldName": "placeholder"
             },
             {
-              "kind": "method",
-              "name": "_onHeaderClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "readonly"
             },
             {
-              "kind": "field",
-              "name": "version",
+              "name": "resize",
               "type": {
-                "text": "string"
+                "text": "'both' | 'horizontal' | 'vertical' | 'none'"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "events": [
+              "default": "'none'",
+              "fieldName": "resize"
+            },
             {
-              "name": "vsc-select",
+              "name": "required",
               "type": {
-                "text": "CustomEvent"
+                "text": "boolean"
               },
-              "deprecated": "true"
+              "default": "false",
+              "fieldName": "required"
             },
             {
+              "name": "spellcheck",
               "type": {
-                "text": "VscTabSelectEvent"
+                "text": "boolean"
               },
-              "description": "Dispatched when the active tab is changed",
-              "name": "vsc-tabs-select"
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "fieldName": "spellcheck"
+            },
             {
-              "name": "panel",
+              "name": "monospace",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Panel-like look",
-              "fieldName": "panel"
+              "description": "Use monospace fonts. The font family, weight, size, and color will be the same as set in the\nVSCode code editor.",
+              "fieldName": "monospace"
             },
             {
-              "name": "selected-index",
+              "name": "value",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "fieldName": "selectedIndex"
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-tabs",
+          "tagName": "vscode-textarea",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeTabs",
+          "name": "VscodeTextarea",
           "declaration": {
-            "name": "VscodeTabs",
-            "module": "src/vscode-tabs/vscode-tabs.ts"
+            "name": "VscodeTextarea",
+            "module": "src/vscode-textarea/vscode-textarea.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-tabs",
+          "name": "vscode-textarea",
           "declaration": {
-            "name": "VscodeTabs",
-            "module": "src/vscode-tabs/vscode-tabs.ts"
+            "name": "VscodeTextarea",
+            "module": "src/vscode-textarea/vscode-textarea.ts"
           }
         }
       ]
@@ -11683,7 +11683,7 @@
         },
         {
           "kind": "function",
-          "name": "findClosestParentHasNextSibling",
+          "name": "findClosestAncestorHasNextSibling",
           "return": {
             "type": {
               "text": "VscodeTreeItem | null"
@@ -11734,42 +11734,7 @@
         },
         {
           "kind": "function",
-          "name": "findAncestorOnSpecificLevel",
-          "return": {
-            "type": {
-              "text": "VscodeTreeItem | null"
-            }
-          },
-          "parameters": [
-            {
-              "name": "item",
-              "type": {
-                "text": "VscodeTreeItem"
-              }
-            },
-            {
-              "name": "level",
-              "type": {
-                "text": "number"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "selectItemAndAllVisibleDescendants",
-          "parameters": [
-            {
-              "name": "item",
-              "type": {
-                "text": "VscodeTreeItem"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "getParentItem",
+          "name": "findParentItem",
           "parameters": [
             {
               "name": "childItem",
@@ -11799,9 +11764,9 @@
         },
         {
           "kind": "js",
-          "name": "findClosestParentHasNextSibling",
+          "name": "findClosestAncestorHasNextSibling",
           "declaration": {
-            "name": "findClosestParentHasNextSibling",
+            "name": "findClosestAncestorHasNextSibling",
             "module": "src/vscode-tree/helpers.ts"
           }
         },
@@ -11823,25 +11788,9 @@
         },
         {
           "kind": "js",
-          "name": "findAncestorOnSpecificLevel",
-          "declaration": {
-            "name": "findAncestorOnSpecificLevel",
-            "module": "src/vscode-tree/helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "selectItemAndAllVisibleDescendants",
-          "declaration": {
-            "name": "selectItemAndAllVisibleDescendants",
-            "module": "src/vscode-tree/helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getParentItem",
+          "name": "findParentItem",
           "declaration": {
-            "name": "getParentItem",
+            "name": "findParentItem",
             "module": "src/vscode-tree/helpers.ts"
           }
         }
@@ -11889,7 +11838,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { --vsc-tree-item-arrow-display: none; display: block; } :host([arrows]) { --vsc-tree-item-arrow-display: flex; } `, ]"
+          "default": "[ defaultStyles, css` :host { --vsc-tree-item-arrow-display: flex; --internal-selectionBackground: var( --vscode-list-inactiveSelectionBackground ); --internal-selectionForeground: var(--vscode-foreground); --internal-selectionIconForeground: var(--vscode-icon-foreground); --internal-defaultIndentGuideDisplay: none; --internal-highlightedIndentGuideDisplay: block; display: block; } :host(:hover) { --internal-defaultIndentGuideDisplay: block; --internal-highlightedIndentGuideDisplay: block; } :host(:focus-within) { --internal-selectionBackground: var( --vscode-list-activeSelectionBackground ); --internal-selectionForeground: var( --vscode-list-activeSelectionForeground ); --internal-selectionIconForeground: var( --vscode-list-activeSelectionIconForeground ); } :host([hide-arrows]) { --vsc-tree-item-arrow-display: none; } :host([indent-guides='none']), :host([indent-guides='none']:hover) { --internal-defaultIndentGuideDisplay: none; --internal-highlightedIndentGuideDisplay: none; } :host([indent-guides='always']), :host([indent-guides='always']:hover) { --internal-defaultIndentGuideDisplay: block; --internal-highlightedIndentGuideDisplay: block; } `, ]"
         }
       ],
       "exports": [
@@ -11909,11 +11858,19 @@
       "declarations": [
         {
           "kind": "variable",
-          "name": "EXPAND_MODE",
+          "name": "ExpandMode",
+          "type": {
+            "text": "{\n  singleClick: 'singleClick',\n  doubleClick: 'doubleClick',\n}"
+          },
+          "default": "{ singleClick: 'singleClick', doubleClick: 'doubleClick', }"
+        },
+        {
+          "kind": "variable",
+          "name": "IndentGuides",
           "type": {
-            "text": "{\n  SINGLE_CLICK: 'singleClick',\n  DOUBLE_CLICK: 'doubleClick',\n}"
+            "text": "{\n  none: 'none',\n  onHover: 'onHover',\n  always: 'always',\n}"
           },
-          "default": "{ SINGLE_CLICK: 'singleClick', DOUBLE_CLICK: 'doubleClick', }"
+          "default": "{ none: 'none', onHover: 'onHover', always: 'always', }"
         },
         {
           "kind": "class",
@@ -11922,52 +11879,57 @@
           "members": [
             {
               "kind": "field",
-              "name": "arrows",
-              "default": "false",
-              "attribute": "arrows",
-              "reflects": true,
+              "name": "hideArrows",
               "type": {
                 "text": "boolean"
-              }
+              },
+              "default": "false",
+              "description": "Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n(e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\npossible to mimic that behavior.",
+              "attribute": "hide-arrows",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "expandMode",
               "type": {
-                "text": "ExpandMode"
+                "text": "'singleClick' | 'doubleClick'"
               },
               "default": "DEFAULT_EXPAND_MODE",
+              "description": "Controls how tree folders are expanded when clicked. This property is designed to use\nthe `workbench.tree.expandMode` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n```",
               "attribute": "expand-mode"
             },
             {
               "kind": "field",
               "name": "indent",
-              "default": "8",
-              "attribute": "indent",
-              "reflects": true,
               "type": {
                 "text": "number"
-              }
+              },
+              "default": "8",
+              "description": "Controls the indentation in pixels. This property is designed to use the\n`workbench.tree.indent` setting.",
+              "attribute": "indent",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "indentGuides",
-              "default": "false",
-              "attribute": "indent-guides",
-              "reflects": true,
               "type": {
-                "text": "boolean"
-              }
+                "text": "'none' | 'onHover' | 'always'"
+              },
+              "default": "DEFAULT_INDENT_GUIDE_DISPLAY",
+              "description": "Controls whether the tree should render indent guides. This property is\ndesigned to use the `workbench.tree.renderIndentGuides` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n```",
+              "attribute": "indent-guides",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "multiSelect",
-              "default": "false",
-              "attribute": "multi-select",
-              "reflects": true,
               "type": {
                 "text": "boolean"
-              }
+              },
+              "default": "false",
+              "description": "Allows selecting multiple items.",
+              "attribute": "multi-select",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11976,7 +11938,7 @@
                 "text": "TreeContext"
               },
               "privacy": "private",
-              "default": "{ isShiftPressed: false, activeItem: null, selectedItems: new Set(), allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: this, highlightedItems: [], highlightGuides: () => { this._highlightGuides(); }, emitSelectEvent: () => { this._emitSelectEvent(); }, }"
+              "default": "{ isShiftPressed: false, activeItem: null, selectedItems: new Set(), allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: this, highlightedItems: new Set(), highlightIndentGuides: () => { this._highlightIndentGuides(); }, emitSelectEvent: () => { this._emitSelectEvent(); }, }"
             },
             {
               "kind": "field",
@@ -11985,7 +11947,7 @@
                 "text": "ConfigContext"
               },
               "privacy": "private",
-              "default": "{ arrows: DEFAULT_ARROWS, expandMode: DEFAULT_EXPAND_MODE, indent: DEFAULT_INDENT, indentGuides: DEFAULT_INDENT_GUIDES, multiSelect: DEFAULT_MULTI_SELECT, }"
+              "default": "{ hideArrows: DEFAULT_HIDE_ARROWS, expandMode: DEFAULT_EXPAND_MODE, indent: DEFAULT_INDENT, indentGuides: DEFAULT_INDENT_GUIDE_DISPLAY, multiSelect: DEFAULT_MULTI_SELECT, }"
             },
             {
               "kind": "field",
@@ -11997,11 +11959,13 @@
             },
             {
               "kind": "method",
-              "name": "expandAll"
+              "name": "expandAll",
+              "description": "Expands all folders."
             },
             {
               "kind": "method",
-              "name": "collapseAll"
+              "name": "collapseAll",
+              "description": "Collapses all folders."
             },
             {
               "kind": "method",
@@ -12010,7 +11974,20 @@
             },
             {
               "kind": "method",
-              "name": "_highlightGuides",
+              "name": "_highlightIndentGuideOfItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "VscodeTreeItem"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_highlightIndentGuides",
               "privacy": "private"
             },
             {
@@ -12118,31 +12095,48 @@
           ],
           "attributes": [
             {
-              "name": "arrows",
-              "default": "DEFAULT_ARROWS",
-              "fieldName": "arrows"
+              "name": "hide-arrows",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "DEFAULT_HIDE_ARROWS",
+              "description": "Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n(e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\npossible to mimic that behavior.",
+              "fieldName": "hideArrows"
             },
             {
               "name": "expand-mode",
               "type": {
-                "text": "ExpandMode"
+                "text": "'singleClick' | 'doubleClick'"
               },
               "default": "DEFAULT_EXPAND_MODE",
+              "description": "Controls how tree folders are expanded when clicked. This property is designed to use\nthe `workbench.tree.expandMode` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n```",
               "fieldName": "expandMode"
             },
             {
               "name": "indent",
+              "type": {
+                "text": "number"
+              },
               "default": "DEFAULT_INDENT",
+              "description": "Controls the indentation in pixels. This property is designed to use the\n`workbench.tree.indent` setting.",
               "fieldName": "indent"
             },
             {
               "name": "indent-guides",
-              "default": "DEFAULT_INDENT_GUIDES",
+              "type": {
+                "text": "'none' | 'onHover' | 'always'"
+              },
+              "default": "DEFAULT_INDENT_GUIDE_DISPLAY",
+              "description": "Controls whether the tree should render indent guides. This property is\ndesigned to use the `workbench.tree.renderIndentGuides` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n```",
               "fieldName": "indentGuides"
             },
             {
               "name": "multi-select",
+              "type": {
+                "text": "boolean"
+              },
               "default": "DEFAULT_MULTI_SELECT",
+              "description": "Allows selecting multiple items.",
               "fieldName": "multiSelect"
             }
           ],
@@ -12157,9 +12151,17 @@
       "exports": [
         {
           "kind": "js",
-          "name": "EXPAND_MODE",
+          "name": "ExpandMode",
+          "declaration": {
+            "name": "ExpandMode",
+            "module": "src/vscode-tree/vscode-tree.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IndentGuides",
           "declaration": {
-            "name": "EXPAND_MODE",
+            "name": "IndentGuides",
             "module": "src/vscode-tree/vscode-tree.ts"
           }
         },
@@ -12191,7 +12193,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { --hover-outline-color: transparent; --hover-outline-style: solid; --hover-outline-width: 0; --selected-outline-color: transparent; --selected-outline-style: solid; --selected-outline-width: 0; cursor: pointer; display: block; user-select: none; } .wrapper { display: block; } .content { align-items: flex-start; display: flex; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); outline-offset: -1px; padding-right: 12px; } .content:hover { background-color: var(--vscode-list-hoverBackground); color: var(--vscode-list-hoverForeground); } :host([selected]) .content { color: var(--vscode-list-activeSelectionForeground); background-color: var(--vscode-list-activeSelectionBackground); } :host([selected]) ::slotted(vscode-icon) { color: var(--vscode-list-activeSelectionForeground); } :host(:focus) { outline: none; } :host(:focus) .content.active { outline-color: var( --vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline) ); outline-style: solid; outline-width: 1px; } .arrow-container { align-items: center; display: var(--vsc-tree-item-arrow-display); height: 22px; justify-content: center; padding-left: 8px; padding-right: 6px; width: 16px; } .arrow-container svg { display: block; fill: var(--vscode-icon-foreground); } .arrow-container.icon-rotated svg { transform: rotate(90deg); } :host([selected]) .arrow-container svg { fill: var(--vscode-list-activeSelectionForeground); } .icon-container { align-items: center; display: flex; height: 22px; margin-right: 6px; } .children { position: relative; } .children.guides:before { background-color: var(--vscode-tree-inactiveIndentGuidesStroke); content: ''; display: block; height: 100%; left: var(--indentation-guide-left); pointer-events: none; position: absolute; width: 1px; z-index: 1; } .children.guides.highlighted-guides:before { background-color: var(--vscode-tree-indentGuidesStroke); } .text-content { line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .description { font-size: 0.9em; margin-left: 0.5em; opacity: 0.95; } .additional-content { display: flex; margin-left: auto; } .decorations { align-items: center; display: flex; height: 22px; } .actions { align-items: center; display: none; height: 22px; } .content:hover .actions { display: flex; } .actions ::slotted(vscode-icon), .actions ::slotted(vscode-badge) { margin-left: 4px; } .decorations ::slotted(vscode-icon), .decorations ::slotted(vscode-badge) { margin-left: 4px; } :host([branch]) ::slotted(vscode-tree-item) { display: none; } :host([branch][open]) ::slotted(vscode-tree-item) { display: block; } `, ]"
+          "default": "[ defaultStyles, css` :host { --hover-outline-color: transparent; --hover-outline-style: solid; --hover-outline-width: 0; --selected-outline-color: transparent; --selected-outline-style: solid; --selected-outline-width: 0; cursor: pointer; display: block; user-select: none; } .root { display: block; } .wrapper { align-items: flex-start; display: flex; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); outline-offset: -1px; padding-right: 12px; } .wrapper:hover { background-color: var(--vscode-list-hoverBackground); color: var(--vscode-list-hoverForeground); } :host([selected]) .wrapper { color: var(--internal-selectionForeground); background-color: var(--internal-selectionBackground); } :host([selected]) ::slotted(vscode-icon) { color: var(--internal-selectionForeground); } :host(:focus) { outline: none; } :host(:focus) .wrapper.active { outline-color: var( --vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline) ); outline-style: solid; outline-width: 1px; } .arrow-container { align-items: center; display: var(--vsc-tree-item-arrow-display); height: 22px; justify-content: center; padding-left: 8px; padding-right: 6px; width: 16px; } .arrow-container svg { display: block; fill: var(--vscode-icon-foreground); } .arrow-container.icon-rotated svg { transform: rotate(90deg); } :host([selected]) .arrow-container svg { fill: var(--internal-selectionIconForeground); } .icon-container { align-items: center; display: flex; height: 22px; } .icon-container slot { display: block; } .icon-container.has-icon { margin-right: 6px; } .children { position: relative; } .children.guide:before { background-color: var(--vscode-tree-inactiveIndentGuidesStroke); content: ''; display: none; height: 100%; left: var(--indentation-guide-left); pointer-events: none; position: absolute; width: 1px; z-index: 1; } .children.guide.default-guide:before { display: var(--internal-defaultIndentGuideDisplay); } .children.guide.highlighted-guide:before { display: var(--internal-highlightedIndentGuideDisplay); background-color: var(--vscode-tree-indentGuidesStroke); } .content { line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :host([branch]) ::slotted(vscode-tree-item) { display: none; } :host([branch][open]) ::slotted(vscode-tree-item) { display: block; } `, ]"
         }
       ],
       "exports": [
@@ -12305,6 +12307,41 @@
               "privacy": "private",
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_hasBranchIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_hasBranchOpenedIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_hasLeafIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "_treeContextState",
@@ -12312,7 +12349,7 @@
                 "text": "TreeContext"
               },
               "privacy": "private",
-              "default": "{ isShiftPressed: false, selectedItems: new Set(), allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: null, activeItem: null, highlightedItems: [], }"
+              "default": "{ isShiftPressed: false, selectedItems: new Set(), allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: null, activeItem: null, }"
             },
             {
               "kind": "field",
@@ -12450,6 +12487,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_handleIconSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "version",