@vscode-elements/elements 1.5.0 → 1.6.0

package/custom-elements.json

@@ -24,7 +24,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'"
+              "default": "'1.6.0'"
             },
             {
               "kind": "field",
@@ -293,7 +293,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -579,7 +579,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1073,7 +1073,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1291,7 +1291,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1473,7 +1473,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1776,7 +1776,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1966,7 +1966,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2052,6 +2052,110 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-divider/vscode-divider.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[\n  defaultStyles,\n  css`\n    :host {\n      background-color: var(--vscode-widget-border);\n      display: block;\n      height: 1px;\n      margin-bottom: 10px;\n      margin-top: 10px;\n    }\n  `,\n]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-divider/vscode-divider.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-divider/vscode-divider.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeDivider",
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "'separator' | 'presentation'"
+              },
+              "default": "'separator'",
+              "attribute": "role",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_version",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'1.6.0'",
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "description": "VSC Element version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "role",
+              "type": {
+                "text": "'separator' | 'presentation'"
+              },
+              "default": "'separator'",
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement"
+          },
+          "tagName": "vscode-divider",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeDivider",
+          "declaration": {
+            "name": "VscodeDivider",
+            "module": "src/vscode-divider/vscode-divider.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-divider",
+          "declaration": {
+            "name": "VscodeDivider",
+            "module": "src/vscode-divider/vscode-divider.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/vscode-form-container/vscode-form-container.styles.ts",
@@ -2216,7 +2320,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2348,7 +2452,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2448,7 +2552,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2646,7 +2750,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2866,7 +2970,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -3954,7 +4058,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4200,7 +4304,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4278,6 +4382,146 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-progress-ring/vscode-progress-ring.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[\n  defaultStyles,\n  css`\n    :host {\n      align-items: center;\n      display: block;\n      height: 28px;\n      margin: 0;\n      outline: none;\n      width: 28px;\n    }\n\n    .progress {\n      height: 100%;\n      width: 100%;\n    }\n\n    .background {\n      fill: none;\n      stroke: transparent;\n      stroke-width: 2px;\n    }\n\n    .indeterminate-indicator-1 {\n      fill: none;\n      stroke: var(--vscode-progressBar-background);\n      stroke-width: 2px;\n      stroke-linecap: square;\n      transform-origin: 50% 50%;\n      transform: rotate(-90deg);\n      transition: all 0.2s ease-in-out;\n      animation: spin-infinite 2s linear infinite;\n    }\n\n    @keyframes spin-infinite {\n      0% {\n        stroke-dasharray: 0.01px 43.97px;\n        transform: rotate(0deg);\n      }\n      50% {\n        stroke-dasharray: 21.99px 21.99px;\n        transform: rotate(450deg);\n      }\n      100% {\n        stroke-dasharray: 0.01px 43.97px;\n        transform: rotate(1080deg);\n      }\n    }\n  `,\n]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-progress-ring/vscode-progress-ring.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-progress-ring/vscode-progress-ring.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeProgressRing",
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading'",
+              "attribute": "aria-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaLive",
+              "type": {
+                "text": "string"
+              },
+              "default": "'assertive'",
+              "attribute": "aria-live",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "attribute": "role",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_version",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'1.6.0'",
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "description": "VSC Element version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading'",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "aria-live",
+              "type": {
+                "text": "string"
+              },
+              "default": "'assertive'",
+              "fieldName": "ariaLive"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement"
+          },
+          "tagName": "vscode-progress-ring",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeProgressRing",
+          "declaration": {
+            "name": "VscodeProgressRing",
+            "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-progress-ring",
+          "declaration": {
+            "name": "VscodeProgressRing",
+            "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/vscode-radio/vscode-radio.styles.ts",
@@ -4675,7 +4919,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4987,7 +5231,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -5366,7 +5610,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -6429,7 +6673,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -6871,7 +7115,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7031,7 +7275,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7163,7 +7407,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7840,7 +8084,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8024,7 +8268,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8143,7 +8387,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8253,7 +8497,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8348,7 +8592,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8437,7 +8681,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8483,7 +8727,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-tabs/vscode-tabs.styles.ts",
+      "path": "src/vscode-textarea/vscode-textarea.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -8491,7 +8735,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[\n  defaultStyles,\n  css`\n    :host {\n      display: block;\n    }\n\n    .header {\n      align-items: center;\n      display: flex;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      width: 100%;\n    }\n\n    .header {\n      border-bottom-color: var(--vscode-settings-headerBorder);\n      border-bottom-style: solid;\n      border-bottom-width: 1px;\n    }\n\n    .header.panel {\n      background-color: var(--vscode-panel-background);\n      border-bottom-width: 0;\n      box-sizing: border-box;\n      padding-left: 8px;\n      padding-right: 8px;\n    }\n\n    slot[name='addons'] {\n      display: block;\n      margin-left: auto;\n    }\n  `,\n]"
+          "default": "[\n  defaultStyles,\n  css`\n    :host {\n      display: inline-block;\n      height: 40px;\n      position: relative;\n      width: 320px;\n    }\n\n    :host([cols]) {\n      width: auto;\n    }\n\n    :host([rows]) {\n      height: auto;\n    }\n\n    .shadow {\n      box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;\n      display: none;\n      inset: 0 0 auto 0;\n      height: 6px;\n      pointer-events: none;\n      position: absolute;\n      width: 100%;\n    }\n\n    .shadow.visible {\n      display: block;\n    }\n\n    textarea {\n      background-color: var(--vscode-settings-textInputBackground);\n      border-color: var(--vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground));\n      border-radius: 2px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground);\n      display: block;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      height: 100%;\n      width: 100%;\n    }\n\n    :host([cols]) textarea {\n      width: auto;\n    }\n\n    :host([rows]) textarea {\n      height: auto;\n    }\n\n    :host([invalid]) textarea,\n    :host(:invalid) textarea {\n      background-color: var(--vscode-inputValidation-errorBackground);\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    textarea.monospace {\n      background-color: var(--vscode-editor-background);\n      color: var(--vscode-editor-foreground);\n      font-family: var(--vscode-editor-font-family);\n      font-size: var(--vscode-editor-font-size);\n      font-weight: var(--vscode-editor-font-weight);\n    }\n\n    .textarea.monospace::placeholder {\n      color: var(--vscode-editor-inlineValuesForeground);\n    }\n\n    textarea.cursor-pointer {\n      cursor: pointer;\n    }\n\n    textarea:focus {\n      border-color: var(--vscode-focusBorder);\n      outline: none;\n    }\n\n    textarea::placeholder {\n      color: var(--vscode-input-placeholderForeground);\n      opacity: 1;\n    }\n\n    textarea::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n\n    textarea::-webkit-scrollbar {\n      width: 14px;\n    }\n\n    textarea::-webkit-scrollbar-thumb {\n      background-color: transparent;\n    }\n\n    textarea:hover::-webkit-scrollbar-thumb {\n      background-color: var(--vscode-scrollbarSlider-background);\n    }\n\n    textarea::-webkit-scrollbar-thumb:hover {\n      background-color: var(--vscode-scrollbarSlider-hoverBackground);\n    }\n\n    textarea::-webkit-scrollbar-thumb:active {\n      background-color: var(--vscode-scrollbarSlider-activeBackground);\n    }\n\n    textarea::-webkit-scrollbar-corner {\n      background-color: transparent;\n    }\n\n    textarea::-webkit-resizer {\n      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII=');\n      background-repeat: no-repeat;\n      background-position: right bottom;\n    }\n  `,\n]"
         }
       ],
       "exports": [
@@ -8500,20 +8744,35 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-tabs/vscode-tabs.styles.ts"
+            "module": "src/vscode-textarea/vscode-textarea.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-tabs/vscode-tabs.ts",
+      "path": "src/vscode-textarea/vscode-textarea.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "VscodeTabs",
+          "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"
+            },
+            {
+              "name": "--vscode-settings-textInputBackground"
+            },
+            {
+              "name": "--vscode-settings-textInputBorder"
+            },
+            {
+              "name": "--vscode-settings-textInputForeground"
+            },
+            {
+              "name": "--vscode-input-placeholderForeground"
+            },
             {
               "name": "--vscode-font-family"
             },
@@ -8524,669 +8783,806 @@
               "name": "--vscode-font-weight"
             },
             {
-              "name": "--vscode-settings-headerBorder"
+              "name": "--vscode-editor-background"
             },
             {
-              "name": "--vscode-panel-background"
-            }
-          ],
-          "slots": [
+              "name": "--vscode-editor-foreground"
+            },
             {
-              "description": "Default slot. It is used for tab panels.",
-              "name": ""
+              "name": "--vscode-editor-font-family"
             },
             {
-              "description": "Slot for tab headers.",
-              "name": "header"
+              "name": "--vscode-editor-font-size"
             },
             {
-              "description": "Right aligned area in the header.",
-              "name": "addons"
+              "name": "--vscode-editor-font-weight"
+            },
+            {
+              "name": "--vscode-editor-inlineValuesForeground"
+            },
+            {
+              "name": "--vscode-focusBorder"
+            },
+            {
+              "name": "--vscode-scrollbarSlider-background"
+            },
+            {
+              "name": "--vscode-scrollbarSlider-hoverBackground"
+            },
+            {
+              "name": "--vscode-scrollbarSlider-activeBackground"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "panel",
+              "name": "autocomplete",
               "type": {
-                "text": "boolean"
+                "text": "'on' | 'off' | undefined"
               },
-              "default": "false",
-              "description": "Panel-like look",
-              "attribute": "panel",
-              "reflects": true
+              "default": "undefined",
+              "attribute": "autocomplete"
             },
             {
               "kind": "field",
-              "name": "selectedIndex",
+              "name": "autofocus",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "attribute": "selected-index",
+              "default": "false",
+              "attribute": "autofocus",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_headerSlotElements",
+              "name": "defaultValue",
               "type": {
-                "text": "Element[]"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "attribute": "default-value"
             },
             {
               "kind": "field",
-              "name": "_mainSlotElements",
+              "name": "disabled",
               "type": {
-                "text": "Element[]"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_tabHeaders",
+              "name": "invalid",
               "type": {
-                "text": "VscodeTabHeader[]"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "[]"
+              "default": "false",
+              "attribute": "invalid",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_tabPanels",
+              "name": "label",
               "type": {
-                "text": "VscodeTabPanel[]"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "[]"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "_componentId",
+              "name": "maxLength",
               "type": {
-                "text": "string"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "undefined",
+              "attribute": "maxLength"
             },
             {
               "kind": "field",
-              "name": "_tabFocus",
+              "name": "minLength",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "undefined",
+              "attribute": "minLength"
             },
             {
-              "kind": "method",
-              "name": "_dispatchSelectEvent",
-              "privacy": "private"
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "attribute": "rows"
             },
             {
-              "kind": "method",
-              "name": "_setActiveTab",
-              "privacy": "private"
+              "kind": "field",
+              "name": "cols",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "attribute": "cols"
             },
             {
-              "kind": "method",
-              "name": "_focusPrevTab",
-              "privacy": "private"
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "attribute": "name"
             },
             {
-              "kind": "method",
-              "name": "_focusNextTab",
-              "privacy": "private"
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "attribute": "placeholder"
             },
             {
-              "kind": "method",
-              "name": "_onHeaderKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "readonly",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_moveHeadersToHeaderSlot",
-              "privacy": "private"
+              "kind": "field",
+              "name": "resize",
+              "type": {
+                "text": "'both' | 'horizontal' | 'vertical' | 'none'"
+              },
+              "default": "'none'",
+              "attribute": "resize"
             },
             {
-              "kind": "method",
-              "name": "_onMainSlotChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "required",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_onHeaderSlotChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "spellcheck",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "spellcheck"
             },
             {
-              "kind": "method",
-              "name": "_onHeaderClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "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.",
+              "attribute": "monospace",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_version",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "privacy": "private",
-              "default": "'1.5.0'",
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "version",
-              "description": "VSC Element version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "vsc-select",
+              "name": "wrappedElement",
               "type": {
-                "text": "CustomEvent"
+                "text": "HTMLTextAreaElement"
               },
-              "deprecated": "true"
+              "description": "Getter for the inner textarea element if it needs to be accessed for some reason.",
+              "readonly": true
             },
             {
+              "kind": "field",
+              "name": "form",
               "type": {
-                "text": "VscTabSelectEvent"
+                "text": "HTMLFormElement | null"
               },
-              "description": "Dispatched when the active tab is changed",
-              "name": "vsc-tabs-select"
-            }
-          ],
-          "attributes": [
+              "readonly": true
+            },
             {
-              "name": "panel",
+              "kind": "field",
+              "name": "validity",
               "type": {
-                "text": "boolean"
+                "text": "ValidityState"
               },
-              "default": "false",
-              "description": "Panel-like look",
-              "fieldName": "panel"
+              "readonly": true
             },
             {
-              "name": "selected-index",
+              "kind": "field",
+              "name": "validationMessage",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "willValidate",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "minlength",
+              "description": "Lowercase alias to minLength",
               "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": "[\n  defaultStyles,\n  css`\n    :host {\n      display: inline-block;\n      height: 40px;\n      position: relative;\n      width: 320px;\n    }\n\n    :host([cols]) {\n      width: auto;\n    }\n\n    :host([rows]) {\n      height: auto;\n    }\n\n    .shadow {\n      box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;\n      display: none;\n      inset: 0 0 auto 0;\n      height: 6px;\n      pointer-events: none;\n      position: absolute;\n      width: 100%;\n    }\n\n    .shadow.visible {\n      display: block;\n    }\n\n    textarea {\n      background-color: var(--vscode-settings-textInputBackground);\n      border-color: var(--vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground));\n      border-radius: 2px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground);\n      display: block;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      height: 100%;\n      width: 100%;\n    }\n\n    :host([cols]) textarea {\n      width: auto;\n    }\n\n    :host([rows]) textarea {\n      height: auto;\n    }\n\n    :host([invalid]) textarea,\n    :host(:invalid) textarea {\n      background-color: var(--vscode-inputValidation-errorBackground);\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    textarea.monospace {\n      background-color: var(--vscode-editor-background);\n      color: var(--vscode-editor-foreground);\n      font-family: var(--vscode-editor-font-family);\n      font-size: var(--vscode-editor-font-size);\n      font-weight: var(--vscode-editor-font-weight);\n    }\n\n    .textarea.monospace::placeholder {\n      color: var(--vscode-editor-inlineValuesForeground);\n    }\n\n    textarea.cursor-pointer {\n      cursor: pointer;\n    }\n\n    textarea:focus {\n      border-color: var(--vscode-focusBorder);\n      outline: none;\n    }\n\n    textarea::placeholder {\n      color: var(--vscode-input-placeholderForeground);\n      opacity: 1;\n    }\n\n    textarea::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n\n    textarea::-webkit-scrollbar {\n      width: 14px;\n    }\n\n    textarea::-webkit-scrollbar-thumb {\n      background-color: transparent;\n    }\n\n    textarea:hover::-webkit-scrollbar-thumb {\n      background-color: var(--vscode-scrollbarSlider-background);\n    }\n\n    textarea::-webkit-scrollbar-thumb:hover {\n      background-color: var(--vscode-scrollbarSlider-hoverBackground);\n    }\n\n    textarea::-webkit-scrollbar-thumb:active {\n      background-color: var(--vscode-scrollbarSlider-activeBackground);\n    }\n\n    textarea::-webkit-scrollbar-corner {\n      background-color: transparent;\n    }\n\n    textarea::-webkit-resizer {\n      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII=');\n      background-repeat: no-repeat;\n      background-position: right bottom;\n    }\n  `,\n]"
-        }
-      ],
-      "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": [
+                "text": "number | undefined"
+              }
+            },
             {
-              "name": "--vscode-scrollbar-shadow"
+              "kind": "field",
+              "name": "maxlength",
+              "description": "Lowercase alias to maxLength",
+              "type": {
+                "text": "number | undefined"
+              }
             },
             {
-              "name": "--vscode-settings-textInputBackground"
+              "kind": "method",
+              "name": "checkValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
             },
             {
-              "name": "--vscode-settings-textInputBorder"
+              "kind": "method",
+              "name": "reportValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
             },
             {
-              "name": "--vscode-settings-textInputForeground"
+              "kind": "field",
+              "name": "_textareaEl",
+              "type": {
+                "text": "HTMLTextAreaElement"
+              },
+              "privacy": "private"
             },
             {
-              "name": "--vscode-input-placeholderForeground"
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
             },
             {
-              "name": "--vscode-font-family"
+              "kind": "field",
+              "name": "_textareaPointerCursor",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "--vscode-font-size"
+              "kind": "field",
+              "name": "_shadow",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "--vscode-font-weight"
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
             },
             {
-              "name": "--vscode-editor-background"
+              "kind": "method",
+              "name": "_setValidityFromInput",
+              "privacy": "private"
             },
             {
-              "name": "--vscode-editor-foreground"
+              "kind": "method",
+              "name": "_dataChanged",
+              "privacy": "private"
             },
             {
-              "name": "--vscode-editor-font-family"
+              "kind": "method",
+              "name": "_handleChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "name": "--vscode-editor-font-size"
+              "kind": "method",
+              "name": "_handleInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "--vscode-editor-font-weight"
+              "kind": "method",
+              "name": "_handleMouseMove",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "--vscode-editor-inlineValuesForeground"
+              "kind": "method",
+              "name": "_handleScroll",
+              "privacy": "private"
             },
             {
-              "name": "--vscode-focusBorder"
+              "kind": "field",
+              "name": "_version",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'1.6.0'",
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
             },
             {
-              "name": "--vscode-scrollbarSlider-background"
+              "kind": "field",
+              "name": "version",
+              "description": "VSC Element version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              }
             },
             {
-              "name": "--vscode-scrollbarSlider-hoverBackground"
+              "name": "vsc-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "deprecated": "true"
             },
             {
-              "name": "--vscode-scrollbarSlider-activeBackground"
+              "name": "vsc-input",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "deprecated": "true"
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "name": "input"
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
               "name": "autocomplete",
               "type": {
                 "text": "'on' | 'off' | undefined"
               },
               "default": "undefined",
-              "attribute": "autocomplete"
+              "resolveInitializer": {
+                "module": "src/vscode-textarea/vscode-textarea.ts"
+              },
+              "fieldName": "autocomplete"
             },
             {
-              "kind": "field",
               "name": "autofocus",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "autofocus",
-              "reflects": true
+              "fieldName": "autofocus"
             },
             {
-              "kind": "field",
-              "name": "defaultValue",
+              "name": "default-value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "default-value"
+              "fieldName": "defaultValue"
             },
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled",
-              "reflects": true
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
               "name": "invalid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "invalid",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
+              "fieldName": "invalid"
             },
             {
-              "kind": "field",
               "name": "maxLength",
               "type": {
                 "text": "number | undefined"
               },
               "default": "undefined",
-              "attribute": "maxLength"
+              "resolveInitializer": {
+                "module": "src/vscode-textarea/vscode-textarea.ts"
+              },
+              "fieldName": "maxLength"
             },
             {
-              "kind": "field",
               "name": "minLength",
               "type": {
                 "text": "number | undefined"
               },
               "default": "undefined",
-              "attribute": "minLength"
+              "resolveInitializer": {
+                "module": "src/vscode-textarea/vscode-textarea.ts"
+              },
+              "fieldName": "minLength"
             },
             {
-              "kind": "field",
               "name": "rows",
               "type": {
                 "text": "number | undefined"
               },
               "default": "undefined",
-              "attribute": "rows"
+              "resolveInitializer": {
+                "module": "src/vscode-textarea/vscode-textarea.ts"
+              },
+              "fieldName": "rows"
             },
             {
-              "kind": "field",
               "name": "cols",
               "type": {
                 "text": "number | undefined"
               },
               "default": "undefined",
-              "attribute": "cols"
+              "resolveInitializer": {
+                "module": "src/vscode-textarea/vscode-textarea.ts"
+              },
+              "fieldName": "cols"
             },
             {
-              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string | undefined"
               },
               "default": "undefined",
-              "attribute": "name"
-            },
+              "resolveInitializer": {
+                "module": "src/vscode-textarea/vscode-textarea.ts"
+              },
+              "fieldName": "name"
+            },
             {
-              "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string | undefined"
               },
               "default": "undefined",
-              "attribute": "placeholder"
+              "resolveInitializer": {
+                "module": "src/vscode-textarea/vscode-textarea.ts"
+              },
+              "fieldName": "placeholder"
             },
             {
-              "kind": "field",
               "name": "readonly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "readonly",
-              "reflects": true
+              "fieldName": "readonly"
             },
             {
-              "kind": "field",
               "name": "resize",
               "type": {
                 "text": "'both' | 'horizontal' | 'vertical' | 'none'"
               },
               "default": "'none'",
-              "attribute": "resize"
+              "fieldName": "resize"
             },
             {
-              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "required",
-              "reflects": true
+              "fieldName": "required"
             },
             {
-              "kind": "field",
               "name": "spellcheck",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "spellcheck"
+              "fieldName": "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.",
-              "attribute": "monospace",
-              "reflects": true
+              "fieldName": "monospace"
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
-              "attribute": "value"
+              "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": "[\n  defaultStyles,\n  css`\n    :host {\n      display: block;\n    }\n\n    .header {\n      align-items: center;\n      display: flex;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      width: 100%;\n    }\n\n    .header {\n      border-bottom-color: var(--vscode-settings-headerBorder);\n      border-bottom-style: solid;\n      border-bottom-width: 1px;\n    }\n\n    .header.panel {\n      background-color: var(--vscode-panel-background);\n      border-bottom-width: 0;\n      box-sizing: border-box;\n      padding-left: 8px;\n      padding-right: 8px;\n    }\n\n    slot[name='addons'] {\n      display: block;\n      margin-left: auto;\n    }\n  `,\n]"
+        }
+      ],
+      "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"
             },
             {
-              "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-font-size"
             },
             {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "readonly": true
+              "name": "--vscode-font-weight"
             },
             {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "readonly": true
+              "name": "--vscode-settings-headerBorder"
             },
             {
-              "kind": "field",
-              "name": "validationMessage",
-              "readonly": true
+              "name": "--vscode-panel-background"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot. It is used for tab panels.",
+              "name": ""
             },
             {
-              "kind": "field",
-              "name": "willValidate",
-              "readonly": true
+              "description": "Slot for tab headers.",
+              "name": "header"
             },
+            {
+              "description": "Right aligned area in the header.",
+              "name": "addons"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "minlength",
-              "description": "Lowercase alias to minLength",
+              "name": "panel",
               "type": {
-                "text": "number | undefined"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Panel-like look",
+              "attribute": "panel",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "maxlength",
-              "description": "Lowercase alias to maxLength",
+              "name": "selectedIndex",
               "type": {
-                "text": "number | undefined"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "selected-index",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
+              "kind": "field",
+              "name": "_headerSlotElements",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_textareaEl",
+              "name": "_mainSlotElements",
               "type": {
-                "text": "HTMLTextAreaElement"
+                "text": "Element[]"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_value",
+              "name": "_tabHeaders",
               "type": {
-                "text": "string"
+                "text": "VscodeTabHeader[]"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "_textareaPointerCursor",
+              "name": "_tabPanels",
               "type": {
-                "text": "boolean"
+                "text": "VscodeTabPanel[]"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "_shadow",
+              "name": "_componentId",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "_internals",
+              "name": "_tabFocus",
               "type": {
-                "text": "ElementInternals"
+                "text": "number"
               },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "method",
+              "name": "_dispatchSelectEvent",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_setValidityFromInput",
+              "name": "_setActiveTab",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_dataChanged",
+              "name": "_focusPrevTab",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_handleChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "_focusNextTab",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_handleInput",
+              "name": "_onHeaderKeyDown",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "ev",
                   "type": {
-                    "text": "InputEvent"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_handleMouseMove",
+              "name": "_moveHeadersToHeaderSlot",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onMainSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onHeaderSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onHeaderClick",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "ev",
+                  "name": "event",
                   "type": {
                     "text": "MouseEvent"
                   }
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "_handleScroll",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_version",
@@ -9194,7 +9590,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9213,20 +9609,7 @@
           ],
           "events": [
             {
-              "name": "change",
-              "type": {
-                "text": "Event"
-              }
-            },
-            {
-              "name": "vsc-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
-            },
-            {
-              "name": "vsc-input",
+              "name": "vsc-select",
               "type": {
                 "text": "CustomEvent"
               },
@@ -9234,200 +9617,61 @@
             },
             {
               "type": {
-                "text": "InputEvent"
+                "text": "VscTabSelectEvent"
               },
-              "name": "input"
+              "description": "Dispatched when the active tab is changed",
+              "name": "vsc-tabs-select"
             }
           ],
           "attributes": [
             {
-              "name": "autocomplete",
-              "type": {
-                "text": "'on' | 'off' | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textarea/vscode-textarea.ts"
-              },
-              "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",
-              "resolveInitializer": {
-                "module": "src/vscode-textarea/vscode-textarea.ts"
-              },
-              "fieldName": "maxLength"
-            },
-            {
-              "name": "minLength",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textarea/vscode-textarea.ts"
-              },
-              "fieldName": "minLength"
-            },
-            {
-              "name": "rows",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textarea/vscode-textarea.ts"
-              },
-              "fieldName": "rows"
-            },
-            {
-              "name": "cols",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textarea/vscode-textarea.ts"
-              },
-              "fieldName": "cols"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textarea/vscode-textarea.ts"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textarea/vscode-textarea.ts"
-              },
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "readonly"
-            },
-            {
-              "name": "resize",
-              "type": {
-                "text": "'both' | 'horizontal' | 'vertical' | 'none'"
-              },
-              "default": "'none'",
-              "fieldName": "resize"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "required"
-            },
-            {
-              "name": "spellcheck",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "spellcheck"
-            },
-            {
-              "name": "monospace",
+              "name": "panel",
               "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"
+              "description": "Panel-like look",
+              "fieldName": "panel"
             },
             {
-              "name": "value",
+              "name": "selected-index",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "fieldName": "value"
+              "default": "0",
+              "fieldName": "selectedIndex"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-textarea",
+          "tagName": "vscode-tabs",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeTextarea",
+          "name": "VscodeTabs",
           "declaration": {
-            "name": "VscodeTextarea",
-            "module": "src/vscode-textarea/vscode-textarea.ts"
+            "name": "VscodeTabs",
+            "module": "src/vscode-tabs/vscode-tabs.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-textarea",
+          "name": "vscode-tabs",
           "declaration": {
-            "name": "VscodeTextarea",
-            "module": "src/vscode-textarea/vscode-textarea.ts"
+            "name": "VscodeTabs",
+            "module": "src/vscode-tabs/vscode-tabs.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-textfield/vscode-textfield.styles.ts",
+      "path": "src/vscode-tree/vscode-tree.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -9435,7 +9679,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[\n  defaultStyles,\n  css`\n    :host {\n      align-items: center;\n      background-color: var(--vscode-settings-textInputBackground);\n      border-color: var(--vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground));\n      border-radius: 2px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground);\n      display: inline-flex;\n      max-width: 100%;\n      position: relative;\n      width: 320px;\n    }\n\n    :host([focused]) {\n      border-color: var(--vscode-focusBorder);\n    }\n\n    :host([invalid]),\n    :host(:invalid) {\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    :host([invalid]) input,\n    :host(:invalid) input {\n      background-color: var(--vscode-inputValidation-errorBackground);\n    }\n\n    ::slotted([slot='content-before']) {\n      display: block;\n      margin-left: 2px;\n    }\n\n    ::slotted([slot='content-after']) {\n      display: block;\n      margin-right: 2px;\n    }\n\n    slot[name='content-before'],\n    slot[name='content-after'] {\n      align-items: center;\n      display: flex;\n    }\n\n    input {\n      background-color: var(--vscode-settings-textInputBackground);\n      border: 0;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground);\n      display: block;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      line-height: 18px;\n      outline: none;\n      padding-bottom: 3px;\n      padding-left: 4px;\n      padding-right: 4px;\n      padding-top: 3px;\n      width: 100%;\n    }\n\n    input:read-only:not([type=\"file\"]) {\n      cursor: not-allowed;\n    }\n\n    input::placeholder {\n      color: var(--vscode-input-placeholderForeground);\n      opacity: 1;\n    }\n\n    input[type='file'] {\n      line-height: 24px;\n      padding-bottom: 0;\n      padding-left: 2px;\n      padding-top: 0;\n    }\n\n    input[type='file']::file-selector-button {\n      background-color: var(--vscode-button-background);\n      border: 0;\n      border-radius: 2px;\n      color: var(--vscode-button-foreground);\n      cursor: pointer;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      line-height: 20px;\n      padding: 0 14px;\n    }\n\n    input[type='file']::file-selector-button:hover {\n      background-color: var(--vscode-button-hoverBackground);\n    }\n  `,\n]"
+          "default": "[\n  defaultStyles,\n  css`\n    :host {\n      --hover-outline-color: transparent;\n      --hover-outline-style: solid;\n      --hover-outline-width: 0;\n      --selected-outline-color: transparent;\n      --selected-outline-style: solid;\n      --selected-outline-width: 0;\n\n      display: block;\n      outline: none;\n      user-select: none;\n    }\n\n    .wrapper {\n      height: 100%;\n    }\n\n    li {\n      list-style: none;\n    }\n\n    ul,\n    li {\n      margin: 0;\n      padding: 0;\n    }\n\n    ul {\n      position: relative;\n    }\n\n    :host([indent-guides]) ul ul:before {\n      content: '';\n      display: block;\n      height: 100%;\n      position: absolute;\n      bottom: 0;\n      left: var(--indent-guide-pos);\n      top: 0;\n      pointer-events: none;\n      width: 1px;\n      z-index: 1;\n    }\n\n    .contents {\n      align-items: center;\n      display: flex;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      outline-offset: -1px;\n      padding-right: 12px;\n    }\n\n    .multi .contents {\n      align-items: flex-start;\n    }\n\n    .contents:hover {\n      cursor: pointer;\n    }\n\n    .arrow-container {\n      align-items: center;\n      display: flex;\n      height: 22px;\n      justify-content: center;\n      padding-left: 8px;\n      padding-right: 6px;\n      width: 16px;\n    }\n\n    .icon-arrow {\n      color: currentColor;\n      display: block;\n    }\n\n    .theme-icon {\n      display: block;\n      flex-shrink: 0;\n      margin-right: 6px;\n    }\n\n    .image-icon {\n      background-repeat: no-repeat;\n      background-position: 0 center;\n      background-size: 16px;\n      display: block;\n      flex-shrink: 0;\n      margin-right: 6px;\n      height: 22px;\n      width: 16px;\n    }\n\n    .multi .contents .theme-icon {\n      margin-top: 3px;\n    }\n\n    .text-content {\n      display: flex;\n      line-height: 22px;\n    }\n\n    .single .text-content {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      width: 100%;\n    }\n\n    .description {\n      font-size: 0.9em;\n      line-height: 22px;\n      margin-left: 0.5em;\n      opacity: 0.95;\n      white-space: pre;\n    }\n\n    .actions {\n      display: none;\n    }\n\n    .contents.selected > .actions,\n    .contents.focused > .actions,\n    .contents:hover > .actions {\n      display: flex;\n    }\n\n    .decorations {\n      align-items: center;\n      display: flex;\n      height: 22px;\n      margin-left: 5px;\n    }\n\n    .filled-circle {\n      margin-right: 3px;\n      opacity: 0.4;\n    }\n\n    .decoration-text {\n      font-size: 90%;\n      font-weight: 600;\n      margin-right: 3px;\n      opacity: 0.75;\n    }\n\n    .filled-circle,\n    .decoration-text {\n      color: var(--color, currentColor);\n    }\n\n    .contents:hover .filled-circle,\n    .contents:hover .decoration-text {\n      color: var(--hover-color, var(--color));\n    }\n\n    .contents.focused .filled-circle,\n    .contents.focused .decoration-text {\n      color: var(--focused-color, var(--color));\n    }\n\n    .contents.selected .filled-circle,\n    .contents.selected .decoration-text {\n      color: var(--selected-color, var(--color));\n    }\n\n    /* Theme colors */\n    :host(:focus) .wrapper.has-not-focused-item {\n      outline: 1px solid var(--vscode-focusBorder);\n    }\n\n    :host(:focus) .contents.selected,\n    :host(:focus) .contents.focused.selected {\n      color: var(--vscode-list-activeSelectionForeground);\n      background-color: var(--vscode-list-activeSelectionBackground);\n    }\n\n    :host(:focus) .contents.selected .icon-arrow,\n    :host(:focus) .contents.selected.focused .icon-arrow,\n    :host(:focus) .contents.selected .theme-icon,\n    :host(:focus) .contents.selected.focused .theme-icon,\n    :host(:focus) .contents.selected .action-icon,\n    :host(:focus) .contents.selected.focused .action-icon {\n      color: var(--vscode-list-activeSelectionIconForeground);\n    }\n\n    :host(:focus) .contents.focused {\n      color: var(--vscode-list-focusForeground);\n      background-color: var(--vscode-list-focusBackground);\n    }\n\n    :host(:focus) .contents.selected.focused {\n      outline-color: var(--vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline));\n    }\n\n    .contents:hover {\n      background-color: var(--vscode-list-hoverBackground);\n      color: var(--vscode-list-hoverForeground);\n    }\n\n    .contents:hover,\n    .contents.selected:hover {\n      outline-color: var(--hover-outline-color);\n      outline-style: var(--hover-outline-style);\n      outline-width: var(--hover-outline-width);\n    }\n\n    .contents.selected,\n    .contents.selected.focused {\n      background-color: var(--vscode-list-inactiveSelectionBackground);\n      color: var(--vscode-list-inactiveSelectionForeground);\n    }\n\n    .contents.selected,\n    .contents.selected.focused {\n      outline-color: var(--selected-outline-color);\n      outline-style: var(--selected-outline-style);\n      outline-width: var(--selected-outline-width);\n    }\n\n    .contents.selected .theme-icon {\n      color: var(--vscode-list-inactiveSelectionIconForeground);\n    }\n\n    .contents.focused {\n      background-color: var(--vscode-list-inactiveFocusBackground);\n      outline: 1px dotted var(--vscode-list-inactiveFocusOutline);\n    }\n\n    :host(:focus) .contents.focused {\n      outline: 1px solid var(--vscode-list-focusOutline);\n    }\n\n    :host([indent-guides]) ul ul:before {\n      background-color: var(--vscode-tree-inactiveIndentGuidesStroke);\n    }\n\n    :host([indent-guides]) ul ul.has-active-item:before {\n      background-color: var(--vscode-tree-indentGuidesStroke);\n    }\n  `,\n]"
         }
       ],
       "exports": [
@@ -9444,385 +9688,476 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-textfield/vscode-textfield.styles.ts"
+            "module": "src/vscode-tree/vscode-tree.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-textfield/vscode-textfield.ts",
+      "path": "src/vscode-tree/vscode-tree.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A simple inline textfield\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.",
-          "name": "VscodeTextfield",
+          "description": "",
+          "name": "VscodeTree",
           "cssProperties": [
             {
-              "name": "--vscode-settings-textInputBackground"
+              "name": "--vscode-focusBorder"
             },
             {
-              "name": "--vscode-settings-textInputBorder"
+              "name": "--vscode-font-family"
             },
             {
-              "name": "--vscode-settings-textInputForeground"
+              "name": "--vscode-font-size"
             },
             {
-              "name": "--vscode-focusBorder"
+              "name": "--vscode-font-weight"
             },
             {
-              "name": "--vscode-font-family"
+              "name": "--vscode-list-hoverForeground"
             },
             {
-              "name": "--vscode-font-size"
+              "name": "--vscode-list-hoverBackground"
             },
             {
-              "name": "--vscode-font-weight"
+              "name": "--vscode-list-inactiveSelectionBackground"
             },
             {
-              "name": "--vscode-input-placeholderForeground"
+              "name": "--vscode-list-inactiveSelectionForeground"
             },
             {
-              "name": "--vscode-button-background"
+              "name": "--vscode-list-activeSelectionBackground"
             },
             {
-              "name": "--vscode-button-foreground"
+              "name": "--vscode-list-activeSelectionForeground"
             },
             {
-              "name": "--vscode-button-hoverBackground"
-            }
-          ],
-          "slots": [
+              "name": "--vscode-list-inactiveSelectionIconForeground"
+            },
             {
-              "description": "A slot before the editable area but inside of the component. It is used to place icons.",
-              "name": "content-before"
+              "name": "--vscode-list-inactiveFocusBackground"
             },
             {
-              "description": "A slot after the editable area but inside of the component. It is used to place icons.",
-              "name": "content-after"
-            }
-          ],
-          "members": [
+              "name": "--vscode-list-inactiveFocusOutline"
+            },
             {
-              "kind": "field",
-              "name": "autocomplete",
-              "type": {
-                "text": "'on' | 'off' | undefined"
-              },
-              "default": "undefined",
-              "attribute": "autocomplete"
+              "name": "--vscode-list-focusOutline"
             },
             {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "autofocus",
-              "reflects": true
+              "name": "--vscode-tree-inactiveIndentGuidesStroke"
             },
             {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "default-value"
-            },
+              "name": "--vscode-tree-indentGuidesStroke"
+            }
+          ],
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
+              "name": "text-content"
             },
             {
-              "kind": "field",
-              "name": "focused",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "focused",
-              "reflects": true
+              "name": "description"
             },
             {
-              "kind": "field",
-              "name": "invalid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "invalid",
-              "reflects": true
+              "name": "counter-badge-decoration"
             },
             {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "attribute": "max"
+              "name": "filled-circle-decoration"
             },
             {
-              "kind": "field",
-              "name": "maxLength",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "attribute": "maxLength"
+              "name": "caption-decoration"
             },
+            {
+              "description": "Container of decorations",
+              "name": "decorations"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "min",
+              "name": "data",
               "type": {
-                "text": "number | undefined"
+                "text": "TreeItem[]"
               },
-              "default": "undefined",
-              "attribute": "min"
+              "attribute": "data"
             },
             {
               "kind": "field",
-              "name": "minLength",
+              "name": "indent",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
-              "default": "undefined",
-              "attribute": "minLength"
+              "default": "8",
+              "attribute": "indent"
             },
             {
               "kind": "field",
-              "name": "multiple",
+              "name": "arrows",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "multiple",
+              "attribute": "arrows",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "multiline",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "default": "undefined",
-              "attribute": "name",
+              "default": "false",
+              "attribute": "multiline",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "pattern",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "attribute": "pattern"
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
+              "name": "tabindex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "attribute": "readonly",
+              "default": "0",
+              "attribute": "tabindex",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "indentGuides",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "required",
+              "attribute": "indent-guides",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "step",
+              "name": "_data",
               "type": {
-                "text": "number | undefined"
+                "text": "TreeItem[]"
               },
-              "default": "undefined",
-              "attribute": "step"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "type",
-              "description": "Same as the `type` of the native `<input>` element but only a subset of types are supported.\nThe supported ones are: `color`,`date`,`datetime-local`,`email`,`file`,`month`,`number`,`password`,`search`,`tel`,`text`,`time`,`url`,`week`",
+              "name": "_selectedItem",
               "type": {
-                "text": "InputType"
+                "text": "TreeItem | null"
               },
-              "attribute": "type",
-              "reflects": true
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "_focusedItem",
               "type": {
-                "text": "string"
+                "text": "TreeItem | null"
               },
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "minlength",
-              "description": "Lowercase alias to minLength",
-              "type": {
-                "text": "number | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "maxlength",
-              "description": "Lowercase alias to maxLength",
-              "type": {
-                "text": "number | undefined"
-              }
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "_selectedBranch",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "TreeItem | null"
               },
-              "readonly": true
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "_focusedBranch",
               "type": {
-                "text": "ValidityState"
+                "text": "TreeItem | null"
               },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "willValidate",
-              "readonly": true
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "method",
-              "name": "checkValidity"
+              "name": "closeAll",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Closes all opened tree items recursively."
             },
             {
               "kind": "method",
-              "name": "reportValidity"
+              "name": "deselectAll",
+              "privacy": "public",
+              "description": "Deselects all selected items."
             },
             {
-              "kind": "field",
-              "name": "wrappedElement",
-              "type": {
-                "text": "HTMLInputElement"
+              "kind": "method",
+              "name": "getItemByPath",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "readonly": true
+              "parameters": [
+                {
+                  "name": "path",
+                  "type": {
+                    "text": "number[]"
+                  }
+                }
+              ],
+              "description": "Returns a reference to a TreeItem object by path."
             },
             {
-              "kind": "field",
-              "name": "_inputEl",
-              "type": {
-                "text": "HTMLInputElement"
+              "kind": "method",
+              "name": "_getItemByPath",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TreeItem | null"
+                }
               },
-              "privacy": "private"
+              "parameters": [
+                {
+                  "name": "path",
+                  "type": {
+                    "text": "number[]"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_value",
-              "type": {
-                "text": "string"
-              },
+              "kind": "method",
+              "name": "_handleActionClick",
               "privacy": "private",
-              "default": "''"
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_type",
-              "type": {
-                "text": "InputType"
-              },
+              "kind": "method",
+              "name": "_renderIconVariant",
               "privacy": "private",
-              "default": "'text'"
+              "parameters": [
+                {
+                  "name": "variant",
+                  "type": {
+                    "text": "{value: string; type: IconType}"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_internals",
-              "type": {
-                "text": "ElementInternals"
+              "kind": "method",
+              "name": "_renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "privacy": "private"
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "TreeItem"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_dataChanged",
-              "privacy": "private"
+              "name": "_renderArrow",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "TreeItem"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_setValidityFromInput",
-              "privacy": "private"
+              "name": "_renderActions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "TreeItem"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_onInput",
+              "name": "_renderDecorations",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "ev",
+                  "name": "item",
                   "type": {
-                    "text": "InputEvent"
+                    "text": "TreeItem"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onChange",
+              "name": "_renderTreeItem",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "ev",
+                  "name": "item",
                   "type": {
-                    "text": "Event"
+                    "text": "TreeItem"
+                  }
+                },
+                {
+                  "name": "additionalOptions",
+                  "type": {
+                    "text": "{\n      path: number[];\n      itemType: ItemType;\n      hasFocusedItem: boolean;\n      hasSelectedItem: boolean;\n    }"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onFocus",
+              "name": "_renderTree",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "tree",
+                  "type": {
+                    "text": "TreeItem[]"
+                  }
+                },
+                {
+                  "name": "oldPath",
+                  "default": "[]",
+                  "type": {
+                    "text": "number[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_selectItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "TreeItem"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_focusItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "TreeItem"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_closeSubTreeRecursively",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "tree",
+                  "type": {
+                    "text": "TreeItem[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_deselectItemsRecursively",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "tree",
+                  "type": {
+                    "text": "TreeItem[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_emitSelectEvent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "TreeItem"
+                  }
+                },
+                {
+                  "name": "path",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_focusPrevItem",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_onBlur",
+              "name": "_focusNextItem",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_onKeyDown",
+              "name": "_handleClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleComponentKeyDown",
               "privacy": "private",
               "parameters": [
                 {
@@ -9833,6 +10168,11 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "_handleComponentKeyDownBound",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_version",
@@ -9840,7 +10180,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9859,242 +10199,115 @@
           ],
           "events": [
             {
-              "name": "vsc-input",
+              "name": "vsc-run-action",
               "type": {
                 "text": "CustomEvent"
               },
-              "deprecated": "true"
+              "deprecated": "Renamed to `vsc-tree-action`",
+              "description": "Dispatched when an action icon is clicked."
             },
             {
-              "name": "change",
+              "name": "vsc-select",
               "type": {
-                "text": "Event"
-              }
+                "text": "CustomEvent"
+              },
+              "deprecated": "Renamed to `vsc-tree-select`",
+              "description": "Dispatched when an item is selected."
             },
             {
-              "name": "vsc-change",
               "type": {
                 "text": "CustomEvent"
               },
-              "deprecated": "true"
+              "description": "Dispatched when an item is selected.",
+              "name": "vsc-tree-select"
             },
             {
               "type": {
-                "text": "InputEvent"
+                "text": "VscTreeActionEvent"
               },
-              "name": "input"
+              "description": "Dispatched when an action icon is clicked.",
+              "name": "vsc-tree-action"
             }
           ],
           "attributes": [
             {
-              "name": "autocomplete",
-              "type": {
-                "text": "'on' | 'off' | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textfield/vscode-textfield.ts"
-              },
-              "fieldName": "autocomplete"
-            },
-            {
-              "name": "autofocus",
+              "name": "data",
               "type": {
-                "text": "boolean"
+                "text": "TreeItem[]"
               },
-              "default": "false",
-              "fieldName": "autofocus"
+              "fieldName": "data"
             },
             {
-              "name": "default-value",
+              "name": "indent",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "fieldName": "defaultValue"
+              "default": "8",
+              "fieldName": "indent"
             },
             {
-              "name": "disabled",
+              "name": "arrows",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled"
+              "fieldName": "arrows"
             },
             {
-              "name": "focused",
+              "name": "multiline",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "focused"
+              "fieldName": "multiline"
             },
             {
-              "name": "invalid",
+              "name": "tabindex",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "invalid"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textfield/vscode-textfield.ts"
-              },
-              "fieldName": "max"
-            },
-            {
-              "name": "maxLength",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textfield/vscode-textfield.ts"
-              },
-              "fieldName": "maxLength"
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textfield/vscode-textfield.ts"
-              },
-              "fieldName": "min"
-            },
-            {
-              "name": "minLength",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textfield/vscode-textfield.ts"
-              },
-              "fieldName": "minLength"
-            },
-            {
-              "name": "multiple",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "multiple"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textfield/vscode-textfield.ts"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "pattern",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textfield/vscode-textfield.ts"
-              },
-              "fieldName": "pattern"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textfield/vscode-textfield.ts"
-              },
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "readonly"
+              "default": "0",
+              "fieldName": "tabindex"
             },
             {
-              "name": "required",
+              "name": "indent-guides",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "required"
-            },
-            {
-              "name": "step",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "undefined",
-              "resolveInitializer": {
-                "module": "src/vscode-textfield/vscode-textfield.ts"
-              },
-              "fieldName": "step"
-            },
-            {
-              "name": "type",
-              "description": "Same as the `type` of the native `<input>` element but only a subset of types are supported.\nThe supported ones are: `color`,`date`,`datetime-local`,`email`,`file`,`month`,`number`,`password`,`search`,`tel`,`text`,`time`,`url`,`week`",
-              "type": {
-                "text": "InputType"
-              },
-              "fieldName": "type"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "value"
+              "fieldName": "indentGuides"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-textfield",
+          "tagName": "vscode-tree",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeTextfield",
+          "name": "VscodeTree",
           "declaration": {
-            "name": "VscodeTextfield",
-            "module": "src/vscode-textfield/vscode-textfield.ts"
+            "name": "VscodeTree",
+            "module": "src/vscode-tree/vscode-tree.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-textfield",
+          "name": "vscode-tree",
           "declaration": {
-            "name": "VscodeTextfield",
-            "module": "src/vscode-textfield/vscode-textfield.ts"
+            "name": "VscodeTree",
+            "module": "src/vscode-tree/vscode-tree.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-tree/vscode-tree.styles.ts",
+      "path": "src/vscode-textfield/vscode-textfield.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -10102,7 +10315,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[\n  defaultStyles,\n  css`\n    :host {\n      --hover-outline-color: transparent;\n      --hover-outline-style: solid;\n      --hover-outline-width: 0;\n      --selected-outline-color: transparent;\n      --selected-outline-style: solid;\n      --selected-outline-width: 0;\n\n      display: block;\n      outline: none;\n      user-select: none;\n    }\n\n    .wrapper {\n      height: 100%;\n    }\n\n    li {\n      list-style: none;\n    }\n\n    ul,\n    li {\n      margin: 0;\n      padding: 0;\n    }\n\n    ul {\n      position: relative;\n    }\n\n    :host([indent-guides]) ul ul:before {\n      content: '';\n      display: block;\n      height: 100%;\n      position: absolute;\n      bottom: 0;\n      left: var(--indent-guide-pos);\n      top: 0;\n      pointer-events: none;\n      width: 1px;\n      z-index: 1;\n    }\n\n    .contents {\n      align-items: center;\n      display: flex;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      outline-offset: -1px;\n      padding-right: 12px;\n    }\n\n    .multi .contents {\n      align-items: flex-start;\n    }\n\n    .contents:hover {\n      cursor: pointer;\n    }\n\n    .arrow-container {\n      align-items: center;\n      display: flex;\n      height: 22px;\n      justify-content: center;\n      padding-left: 8px;\n      padding-right: 6px;\n      width: 16px;\n    }\n\n    .icon-arrow {\n      color: currentColor;\n      display: block;\n    }\n\n    .theme-icon {\n      display: block;\n      flex-shrink: 0;\n      margin-right: 6px;\n    }\n\n    .image-icon {\n      background-repeat: no-repeat;\n      background-position: 0 center;\n      background-size: 16px;\n      display: block;\n      flex-shrink: 0;\n      margin-right: 6px;\n      height: 22px;\n      width: 16px;\n    }\n\n    .multi .contents .theme-icon {\n      margin-top: 3px;\n    }\n\n    .text-content {\n      display: flex;\n      line-height: 22px;\n    }\n\n    .single .text-content {\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      width: 100%;\n    }\n\n    .description {\n      font-size: 0.9em;\n      line-height: 22px;\n      margin-left: 0.5em;\n      opacity: 0.95;\n      white-space: pre;\n    }\n\n    .actions {\n      display: none;\n    }\n\n    .contents.selected > .actions,\n    .contents.focused > .actions,\n    .contents:hover > .actions {\n      display: flex;\n    }\n\n    .decorations {\n      align-items: center;\n      display: flex;\n      height: 22px;\n      margin-left: 5px;\n    }\n\n    .filled-circle {\n      margin-right: 3px;\n      opacity: 0.4;\n    }\n\n    .decoration-text {\n      font-size: 90%;\n      font-weight: 600;\n      margin-right: 3px;\n      opacity: 0.75;\n    }\n\n    .filled-circle,\n    .decoration-text {\n      color: var(--color, currentColor);\n    }\n\n    .contents:hover .filled-circle,\n    .contents:hover .decoration-text {\n      color: var(--hover-color, var(--color));\n    }\n\n    .contents.focused .filled-circle,\n    .contents.focused .decoration-text {\n      color: var(--focused-color, var(--color));\n    }\n\n    .contents.selected .filled-circle,\n    .contents.selected .decoration-text {\n      color: var(--selected-color, var(--color));\n    }\n\n    /* Theme colors */\n    :host(:focus) .wrapper.has-not-focused-item {\n      outline: 1px solid var(--vscode-focusBorder);\n    }\n\n    :host(:focus) .contents.selected,\n    :host(:focus) .contents.focused.selected {\n      color: var(--vscode-list-activeSelectionForeground);\n      background-color: var(--vscode-list-activeSelectionBackground);\n    }\n\n    :host(:focus) .contents.selected .icon-arrow,\n    :host(:focus) .contents.selected.focused .icon-arrow,\n    :host(:focus) .contents.selected .theme-icon,\n    :host(:focus) .contents.selected.focused .theme-icon,\n    :host(:focus) .contents.selected .action-icon,\n    :host(:focus) .contents.selected.focused .action-icon {\n      color: var(--vscode-list-activeSelectionIconForeground);\n    }\n\n    :host(:focus) .contents.focused {\n      color: var(--vscode-list-focusForeground);\n      background-color: var(--vscode-list-focusBackground);\n    }\n\n    :host(:focus) .contents.selected.focused {\n      outline-color: var(--vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline));\n    }\n\n    .contents:hover {\n      background-color: var(--vscode-list-hoverBackground);\n      color: var(--vscode-list-hoverForeground);\n    }\n\n    .contents:hover,\n    .contents.selected:hover {\n      outline-color: var(--hover-outline-color);\n      outline-style: var(--hover-outline-style);\n      outline-width: var(--hover-outline-width);\n    }\n\n    .contents.selected,\n    .contents.selected.focused {\n      background-color: var(--vscode-list-inactiveSelectionBackground);\n      color: var(--vscode-list-inactiveSelectionForeground);\n    }\n\n    .contents.selected,\n    .contents.selected.focused {\n      outline-color: var(--selected-outline-color);\n      outline-style: var(--selected-outline-style);\n      outline-width: var(--selected-outline-width);\n    }\n\n    .contents.selected .theme-icon {\n      color: var(--vscode-list-inactiveSelectionIconForeground);\n    }\n\n    .contents.focused {\n      background-color: var(--vscode-list-inactiveFocusBackground);\n      outline: 1px dotted var(--vscode-list-inactiveFocusOutline);\n    }\n\n    :host(:focus) .contents.focused {\n      outline: 1px solid var(--vscode-list-focusOutline);\n    }\n\n    :host([indent-guides]) ul ul:before {\n      background-color: var(--vscode-tree-inactiveIndentGuidesStroke);\n    }\n\n    :host([indent-guides]) ul ul.has-active-item:before {\n      background-color: var(--vscode-tree-indentGuidesStroke);\n    }\n  `,\n]"
+          "default": "[\n  defaultStyles,\n  css`\n    :host {\n      align-items: center;\n      background-color: var(--vscode-settings-textInputBackground);\n      border-color: var(--vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground));\n      border-radius: 2px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground);\n      display: inline-flex;\n      max-width: 100%;\n      position: relative;\n      width: 320px;\n    }\n\n    :host([focused]) {\n      border-color: var(--vscode-focusBorder);\n    }\n\n    :host([invalid]),\n    :host(:invalid) {\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    :host([invalid]) input,\n    :host(:invalid) input {\n      background-color: var(--vscode-inputValidation-errorBackground);\n    }\n\n    ::slotted([slot='content-before']) {\n      display: block;\n      margin-left: 2px;\n    }\n\n    ::slotted([slot='content-after']) {\n      display: block;\n      margin-right: 2px;\n    }\n\n    slot[name='content-before'],\n    slot[name='content-after'] {\n      align-items: center;\n      display: flex;\n    }\n\n    input {\n      background-color: var(--vscode-settings-textInputBackground);\n      border: 0;\n      box-sizing: border-box;\n      color: var(--vscode-settings-textInputForeground);\n      display: block;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      line-height: 18px;\n      outline: none;\n      padding-bottom: 3px;\n      padding-left: 4px;\n      padding-right: 4px;\n      padding-top: 3px;\n      width: 100%;\n    }\n\n    input:read-only:not([type=\"file\"]) {\n      cursor: not-allowed;\n    }\n\n    input::placeholder {\n      color: var(--vscode-input-placeholderForeground);\n      opacity: 1;\n    }\n\n    input[type='file'] {\n      line-height: 24px;\n      padding-bottom: 0;\n      padding-left: 2px;\n      padding-top: 0;\n    }\n\n    input[type='file']::file-selector-button {\n      background-color: var(--vscode-button-background);\n      border: 0;\n      border-radius: 2px;\n      color: var(--vscode-button-foreground);\n      cursor: pointer;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      line-height: 20px;\n      padding: 0 14px;\n    }\n\n    input[type='file']::file-selector-button:hover {\n      background-color: var(--vscode-button-hoverBackground);\n    }\n  `,\n]"
         }
       ],
       "exports": [
@@ -10111,476 +10324,385 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-tree/vscode-tree.styles.ts"
+            "module": "src/vscode-textfield/vscode-textfield.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-tree/vscode-tree.ts",
+      "path": "src/vscode-textfield/vscode-textfield.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "VscodeTree",
+          "description": "A simple inline textfield\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.",
+          "name": "VscodeTextfield",
           "cssProperties": [
             {
-              "name": "--vscode-focusBorder"
-            },
-            {
-              "name": "--vscode-font-family"
-            },
-            {
-              "name": "--vscode-font-size"
-            },
-            {
-              "name": "--vscode-font-weight"
-            },
-            {
-              "name": "--vscode-list-hoverForeground"
-            },
-            {
-              "name": "--vscode-list-hoverBackground"
+              "name": "--vscode-settings-textInputBackground"
             },
             {
-              "name": "--vscode-list-inactiveSelectionBackground"
+              "name": "--vscode-settings-textInputBorder"
             },
             {
-              "name": "--vscode-list-inactiveSelectionForeground"
+              "name": "--vscode-settings-textInputForeground"
             },
             {
-              "name": "--vscode-list-activeSelectionBackground"
+              "name": "--vscode-focusBorder"
             },
             {
-              "name": "--vscode-list-activeSelectionForeground"
+              "name": "--vscode-font-family"
             },
             {
-              "name": "--vscode-list-inactiveSelectionIconForeground"
+              "name": "--vscode-font-size"
             },
             {
-              "name": "--vscode-list-inactiveFocusBackground"
+              "name": "--vscode-font-weight"
             },
             {
-              "name": "--vscode-list-inactiveFocusOutline"
+              "name": "--vscode-input-placeholderForeground"
             },
             {
-              "name": "--vscode-list-focusOutline"
+              "name": "--vscode-button-background"
             },
             {
-              "name": "--vscode-tree-inactiveIndentGuidesStroke"
+              "name": "--vscode-button-foreground"
             },
             {
-              "name": "--vscode-tree-indentGuidesStroke"
+              "name": "--vscode-button-hoverBackground"
             }
           ],
-          "cssParts": [
-            {
-              "name": "text-content"
-            },
-            {
-              "name": "description"
-            },
-            {
-              "name": "counter-badge-decoration"
-            },
-            {
-              "name": "filled-circle-decoration"
-            },
+          "slots": [
             {
-              "name": "caption-decoration"
+              "description": "A slot before the editable area but inside of the component. It is used to place icons.",
+              "name": "content-before"
             },
             {
-              "description": "Container of decorations",
-              "name": "decorations"
+              "description": "A slot after the editable area but inside of the component. It is used to place icons.",
+              "name": "content-after"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "data",
+              "name": "autocomplete",
               "type": {
-                "text": "TreeItem[]"
+                "text": "'on' | 'off' | undefined"
               },
-              "attribute": "data"
+              "default": "undefined",
+              "attribute": "autocomplete"
             },
             {
               "kind": "field",
-              "name": "indent",
+              "name": "autofocus",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "8",
-              "attribute": "indent"
+              "default": "false",
+              "attribute": "autofocus",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "arrows",
+              "name": "defaultValue",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "arrows",
-              "reflects": true
+              "default": "''",
+              "attribute": "default-value"
             },
             {
               "kind": "field",
-              "name": "multiline",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "multiline",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "tabindex",
+              "name": "focused",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "attribute": "tabindex",
+              "default": "false",
+              "attribute": "focused",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "indentGuides",
+              "name": "invalid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "indent-guides",
+              "attribute": "invalid",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_data",
+              "name": "max",
               "type": {
-                "text": "TreeItem[]"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "[]"
+              "default": "undefined",
+              "attribute": "max"
             },
             {
               "kind": "field",
-              "name": "_selectedItem",
+              "name": "maxLength",
               "type": {
-                "text": "TreeItem | null"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "undefined",
+              "attribute": "maxLength"
             },
             {
               "kind": "field",
-              "name": "_focusedItem",
+              "name": "min",
               "type": {
-                "text": "TreeItem | null"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "undefined",
+              "attribute": "min"
             },
             {
               "kind": "field",
-              "name": "_selectedBranch",
+              "name": "minLength",
               "type": {
-                "text": "TreeItem | null"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "undefined",
+              "attribute": "minLength"
             },
             {
               "kind": "field",
-              "name": "_focusedBranch",
+              "name": "multiple",
               "type": {
-                "text": "TreeItem | null"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "false",
+              "attribute": "multiple",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "closeAll",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
               },
-              "description": "Closes all opened tree items recursively."
+              "default": "undefined",
+              "attribute": "name",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "deselectAll",
-              "privacy": "public",
-              "description": "Deselects all selected items."
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "attribute": "pattern"
             },
             {
-              "kind": "method",
-              "name": "getItemByPath",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
               },
-              "parameters": [
-                {
-                  "name": "path",
-                  "type": {
-                    "text": "number[]"
-                  }
-                }
-              ],
-              "description": "Returns a reference to a TreeItem object by path."
+              "default": "undefined",
+              "attribute": "placeholder"
             },
             {
-              "kind": "method",
-              "name": "_getItemByPath",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TreeItem | null"
-                }
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "path",
-                  "type": {
-                    "text": "number[]"
-                  }
-                }
-              ]
+              "default": "false",
+              "attribute": "readonly",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_handleActionClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "required",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_renderIconVariant",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "variant",
-                  "type": {
-                    "text": "{value: string; type: IconType}"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "attribute": "step"
             },
             {
-              "kind": "method",
-              "name": "_renderIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "type",
+              "description": "Same as the `type` of the native `<input>` element but only a subset of types are supported.\nThe supported ones are: `color`,`date`,`datetime-local`,`email`,`file`,`month`,`number`,`password`,`search`,`tel`,`text`,`time`,`url`,`week`",
+              "type": {
+                "text": "InputType"
               },
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "TreeItem"
-                  }
-                }
-              ]
+              "attribute": "type",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_renderArrow",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "TreeItem"
-                  }
-                }
-              ]
+              "attribute": "value"
             },
             {
-              "kind": "method",
-              "name": "_renderActions",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "minlength",
+              "description": "Lowercase alias to minLength",
+              "type": {
+                "text": "number | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxlength",
+              "description": "Lowercase alias to maxLength",
+              "type": {
+                "text": "number | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
               },
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "TreeItem"
-                  }
-                }
-              ]
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "_renderDecorations",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "TreeItem"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "willValidate",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "_renderTreeItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "TreeItem"
-                  }
-                },
-                {
-                  "name": "additionalOptions",
-                  "type": {
-                    "text": "{\n      path: number[];\n      itemType: ItemType;\n      hasFocusedItem: boolean;\n      hasSelectedItem: boolean;\n    }"
-                  }
-                }
-              ]
+              "name": "checkValidity"
             },
             {
               "kind": "method",
-              "name": "_renderTree",
+              "name": "reportValidity"
+            },
+            {
+              "kind": "field",
+              "name": "wrappedElement",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_inputEl",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "tree",
-                  "type": {
-                    "text": "TreeItem[]"
-                  }
-                },
-                {
-                  "name": "oldPath",
-                  "default": "[]",
-                  "type": {
-                    "text": "number[]"
-                  }
-                }
-              ]
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "_selectItem",
+              "kind": "field",
+              "name": "_type",
+              "type": {
+                "text": "InputType"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "TreeItem"
-                  }
-                }
-              ]
+              "default": "'text'"
+            },
+            {
+              "kind": "field",
+              "name": "_internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_focusItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "TreeItem"
-                  }
-                }
-              ]
+              "name": "_dataChanged",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_closeSubTreeRecursively",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "tree",
-                  "type": {
-                    "text": "TreeItem[]"
-                  }
-                }
-              ]
+              "name": "_setValidityFromInput",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_deselectItemsRecursively",
+              "name": "_onInput",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "tree",
+                  "name": "ev",
                   "type": {
-                    "text": "TreeItem[]"
+                    "text": "InputEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_emitSelectEvent",
+              "name": "_onChange",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "item",
-                  "type": {
-                    "text": "TreeItem"
-                  }
-                },
-                {
-                  "name": "path",
+                  "name": "ev",
                   "type": {
-                    "text": "string"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_focusPrevItem",
+              "name": "_onFocus",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_focusNextItem",
+              "name": "_onBlur",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_handleClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_handleComponentKeyDown",
+              "name": "_onKeyDown",
               "privacy": "private",
               "parameters": [
                 {
@@ -10591,11 +10713,6 @@
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "_handleComponentKeyDownBound",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_version",
@@ -10603,7 +10720,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -10622,108 +10739,235 @@
           ],
           "events": [
             {
-              "name": "vsc-run-action",
+              "name": "vsc-input",
               "type": {
                 "text": "CustomEvent"
               },
-              "deprecated": "Renamed to `vsc-tree-action`",
-              "description": "Dispatched when an action icon is clicked."
+              "deprecated": "true"
             },
             {
-              "name": "vsc-select",
+              "name": "change",
               "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "Renamed to `vsc-tree-select`",
-              "description": "Dispatched when an item is selected."
+                "text": "Event"
+              }
             },
             {
+              "name": "vsc-change",
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Dispatched when an item is selected.",
-              "name": "vsc-tree-select"
+              "deprecated": "true"
             },
             {
               "type": {
-                "text": "VscTreeActionEvent"
+                "text": "InputEvent"
               },
-              "description": "Dispatched when an action icon is clicked.",
-              "name": "vsc-tree-action"
+              "name": "input"
             }
           ],
           "attributes": [
             {
-              "name": "data",
+              "name": "autocomplete",
               "type": {
-                "text": "TreeItem[]"
+                "text": "'on' | 'off' | undefined"
               },
-              "fieldName": "data"
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/vscode-textfield/vscode-textfield.ts"
+              },
+              "fieldName": "autocomplete"
             },
             {
-              "name": "indent",
+              "name": "autofocus",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "8",
-              "fieldName": "indent"
+              "default": "false",
+              "fieldName": "autofocus"
             },
             {
-              "name": "arrows",
+              "name": "default-value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "defaultValue"
+            },
+            {
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "arrows"
+              "fieldName": "disabled"
             },
             {
-              "name": "multiline",
+              "name": "focused",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "multiline"
+              "fieldName": "focused"
             },
             {
-              "name": "tabindex",
+              "name": "invalid",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "fieldName": "tabindex"
+              "default": "false",
+              "fieldName": "invalid"
             },
             {
-              "name": "indent-guides",
+              "name": "max",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/vscode-textfield/vscode-textfield.ts"
+              },
+              "fieldName": "max"
+            },
+            {
+              "name": "maxLength",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/vscode-textfield/vscode-textfield.ts"
+              },
+              "fieldName": "maxLength"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/vscode-textfield/vscode-textfield.ts"
+              },
+              "fieldName": "min"
+            },
+            {
+              "name": "minLength",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/vscode-textfield/vscode-textfield.ts"
+              },
+              "fieldName": "minLength"
+            },
+            {
+              "name": "multiple",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "indentGuides"
+              "fieldName": "multiple"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/vscode-textfield/vscode-textfield.ts"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/vscode-textfield/vscode-textfield.ts"
+              },
+              "fieldName": "pattern"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/vscode-textfield/vscode-textfield.ts"
+              },
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "readonly"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "required"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "undefined",
+              "resolveInitializer": {
+                "module": "src/vscode-textfield/vscode-textfield.ts"
+              },
+              "fieldName": "step"
+            },
+            {
+              "name": "type",
+              "description": "Same as the `type` of the native `<input>` element but only a subset of types are supported.\nThe supported ones are: `color`,`date`,`datetime-local`,`email`,`file`,`month`,`number`,`password`,`search`,`tel`,`text`,`time`,`url`,`week`",
+              "type": {
+                "text": "InputType"
+              },
+              "fieldName": "type"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-tree",
+          "tagName": "vscode-textfield",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeTree",
+          "name": "VscodeTextfield",
           "declaration": {
-            "name": "VscodeTree",
-            "module": "src/vscode-tree/vscode-tree.ts"
+            "name": "VscodeTextfield",
+            "module": "src/vscode-textfield/vscode-textfield.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-tree",
+          "name": "vscode-textfield",
           "declaration": {
-            "name": "VscodeTree",
-            "module": "src/vscode-tree/vscode-tree.ts"
+            "name": "VscodeTextfield",
+            "module": "src/vscode-textfield/vscode-textfield.ts"
           }
         }
       ]
@@ -10773,7 +11017,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -11754,7 +11998,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.5.0'",
+              "default": "'1.6.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"