@vscode-elements/elements 2.0.1 → 2.1.0

package/custom-elements.json

@@ -1947,7 +1947,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` .collapsible { background-color: var(--vscode-sideBar-background, #181818); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background, #181818); cursor: pointer; display: flex; height: 22px; line-height: 22px; user-select: none; } .collapsible-header:focus { opacity: 1; outline-offset: -1px; outline-style: solid; outline-width: 1px; outline-color: var(--vscode-focusBorder, #0078d4); } .title { color: var(--vscode-sideBarTitle-foreground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: 11px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .title .description { font-weight: 400; margin-left: 10px; text-transform: none; opacity: 0.6; } .header-icon { color: var(--vscode-icon-foreground, #cccccc); display: block; flex-shrink: 0; margin: 0 3px; } .collapsible.open .header-icon { transform: rotate(90deg); } .header-slots { align-items: center; display: flex; height: 22px; margin-left: auto; margin-right: 4px; } .actions { display: none; } .collapsible.open .actions { display: block; } .header-slots slot { display: flex; max-height: 22px; overflow: hidden; } .header-slots slot::slotted(div) { align-items: center; display: flex; } .collapsible-body { display: none; overflow: hidden; } .collapsible.open .collapsible-body { display: block; } `, ]"
+          "default": "[ defaultStyles, css` .collapsible { background-color: var(--vscode-sideBar-background, #181818); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background, #181818); cursor: pointer; display: flex; height: 22px; line-height: 22px; user-select: none; } .collapsible-header:focus { opacity: 1; outline-offset: -1px; outline-style: solid; outline-width: 1px; outline-color: var(--vscode-focusBorder, #0078d4); } .title { color: var(--vscode-sideBarTitle-foreground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: 11px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .title .description { font-weight: 400; margin-left: 10px; text-transform: none; opacity: 0.6; } .header-icon { color: var(--vscode-icon-foreground, #cccccc); display: block; flex-shrink: 0; margin: 0 3px; } .collapsible.open .header-icon { transform: rotate(90deg); } .header-slots { align-items: center; display: flex; height: 22px; margin-left: auto; margin-right: 4px; } .actions { display: none; } .collapsible.open .actions.always-visible, .collapsible.open:hover .actions { display: block; } .header-slots slot { display: flex; max-height: 22px; overflow: hidden; } .header-slots slot::slotted(div) { align-items: center; display: flex; } .collapsible-body { display: none; overflow: hidden; } .collapsible.open .collapsible-body { display: block; } `, ]"
         }
       ],
       "exports": [
@@ -2022,6 +2022,17 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "alwaysShowHeaderActions",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
+              "attribute": "always-show-header-actions",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "title",
@@ -2110,6 +2121,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "always-show-header-actions",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
+              "fieldName": "alwaysShowHeaderActions"
+            },
             {
               "name": "title",
               "type": {
@@ -3169,7 +3189,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-label/vscode-label.styles.ts",
+      "path": "src/vscode-icon/vscode-icon.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -3177,7 +3197,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: block; } .wrapper { color: var(--vscode-foreground, #cccccc); cursor: default; display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: 600; line-height: ${INPUT_LINE_HEIGHT_RATIO}; padding: 5px 0; } .wrapper.required:after { content: ' *'; } ::slotted(.normal) { font-weight: normal; } ::slotted(.lightened) { color: var(--vscode-foreground, #cccccc); opacity: 0.9; } `, ]"
+          "default": "[ defaultStyles, css` :host { color: var(--vscode-icon-foreground, #cccccc); display: inline-block; } .codicon[class*='codicon-'] { display: block; } .icon, .button { background-color: transparent; display: block; padding: 0; } .button { border-color: transparent; border-style: solid; border-width: 1px; border-radius: 5px; color: currentColor; cursor: pointer; padding: 2px; } .button:hover { background-color: var( --vscode-toolbar-hoverBackground, rgba(90, 93, 94, 0.31) ); } .button:active { background-color: var( --vscode-toolbar-activeBackground, rgba(99, 102, 103, 0.31) ); } .button:focus { outline: none; } .button:focus-visible { border-color: var(--vscode-focusBorder, #0078d4); } @keyframes icon-spin { 100% { transform: rotate(360deg); } } .spin { animation-name: icon-spin; animation-timing-function: linear; animation-iteration-count: infinite; } `, ]"
         }
       ],
       "exports": [
@@ -3186,101 +3206,136 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-label/vscode-label.styles.ts"
+            "module": "src/vscode-icon/vscode-icon.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-label/vscode-label.ts",
+      "path": "src/vscode-icon/vscode-icon.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "VscodeLabel",
+          "description": "Display a [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html).\nIn \"action-icon\" mode it behaves like a button. In this case, it is\nrecommended that a meaningful label is specified with the `label` property.",
+          "name": "VscodeIcon",
           "cssProperties": [
             {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
+              "name": "--vscode-icon-foreground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-font-size",
-              "default": "13px"
+              "description": "Hover state background color in `active-icon` mode",
+              "name": "--vscode-toolbar-hoverBackground",
+              "default": "rgba(90, 93, 94, 0.31)"
             },
             {
-              "name": "--vscode-foreground",
-              "default": "#cccccc"
+              "description": "Active state background color in `active-icon` mode",
+              "name": "--vscode-toolbar-activeBackground",
+              "default": "rgba(99, 102, 103, 0.31)"
+            },
+            {
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "htmlFor",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "attribute": "for",
-              "reflects": true
+              "default": "''",
+              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "id",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "attribute": "id"
+              "default": "''",
+              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "Icon size in pixels",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "spin",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "required",
+              "description": "Enable rotation animation",
+              "attribute": "spin",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_id",
+              "name": "spinDuration",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "1.5",
+              "description": "Animation duration in seconds",
+              "attribute": "spin-duration"
             },
             {
               "kind": "field",
-              "name": "_htmlFor",
+              "name": "actionIcon",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "false",
+              "description": "Behaves like a button",
+              "attribute": "action-icon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_connected",
+              "name": "stylesheetHref",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
               "privacy": "private",
-              "default": "false"
+              "static": true,
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "_getTarget",
-              "privacy": "private"
+              "kind": "field",
+              "name": "nonce",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "''"
             },
             {
               "kind": "method",
-              "name": "_connectWithTarget",
-              "privacy": "private"
+              "name": "_getStylesheetConfig",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\n    href: string | undefined;\n    nonce: string | undefined;\n  }"
+                }
+              },
+              "description": "For using web fonts in web components, the font stylesheet must be included\ntwice: on the page and in the web component. This function looks for the\nfont stylesheet on the page and returns the stylesheet URL and the nonce\nid."
             },
             {
-              "kind": "method",
-              "name": "_handleClick",
+              "kind": "field",
+              "name": "_onButtonClick",
               "privacy": "private"
             },
             {
@@ -3299,110 +3354,318 @@
           ],
           "attributes": [
             {
-              "name": "for",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "fieldName": "htmlFor"
+              "default": "''",
+              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
+              "fieldName": "label"
             },
             {
-              "name": "id",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "fieldName": "id"
+              "default": "''",
+              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
+              "fieldName": "name"
             },
             {
-              "name": "required",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "Icon size in pixels",
+              "fieldName": "size"
+            },
+            {
+              "name": "spin",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "required"
+              "description": "Enable rotation animation",
+              "fieldName": "spin"
+            },
+            {
+              "name": "spin-duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "1.5",
+              "description": "Animation duration in seconds",
+              "fieldName": "spinDuration"
+            },
+            {
+              "name": "action-icon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Behaves like a button",
+              "fieldName": "actionIcon"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-label",
+          "tagName": "vscode-icon",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeLabel",
+          "name": "VscodeIcon",
           "declaration": {
-            "name": "VscodeLabel",
-            "module": "src/vscode-label/vscode-label.ts"
+            "name": "VscodeIcon",
+            "module": "src/vscode-icon/vscode-icon.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-label",
+          "name": "vscode-icon",
           "declaration": {
-            "name": "VscodeLabel",
-            "module": "src/vscode-label/vscode-label.ts"
+            "name": "VscodeIcon",
+            "module": "src/vscode-icon/vscode-icon.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-multi-select/vscode-multi-select.styles.ts",
-      "declarations": [],
+      "path": "src/vscode-label/vscode-label.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { display: block; } .wrapper { color: var(--vscode-foreground, #cccccc); cursor: default; display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: 600; line-height: ${INPUT_LINE_HEIGHT_RATIO}; padding: 5px 0; } .wrapper.required:after { content: ' *'; } ::slotted(.normal) { font-weight: normal; } ::slotted(.lightened) { color: var(--vscode-foreground, #cccccc); opacity: 0.9; } `, ]"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-multi-select/vscode-multi-select.styles.ts"
+            "module": "src/vscode-label/vscode-label.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-multi-select/vscode-multi-select.ts",
+      "path": "src/vscode-label/vscode-label.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Allows to select multiple items from a list of options.\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.",
-          "name": "VscodeMultiSelect",
+          "description": "",
+          "name": "VscodeLabel",
           "cssProperties": [
             {
-              "description": "workaround for dropdown z-index issues",
-              "name": "--dropdown-z-index",
-              "default": "2",
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "name": "--vscode-badge-background",
-              "default": "#616161"
+              "name": "--vscode-font-size",
+              "default": "13px"
             },
             {
-              "name": "--vscode-badge-foreground",
-              "default": "#f8f8f8"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "htmlFor",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "for",
+              "reflects": true
             },
             {
-              "name": "--vscode-settings-dropdownBorder",
-              "default": "#3c3c3c"
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "id"
             },
             {
-              "name": "--vscode-settings-checkboxBackground",
-              "default": "#313131"
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "required",
+              "reflects": true
             },
             {
-              "name": "--vscode-settings-dropdownBackground",
-              "default": "#313131"
+              "kind": "field",
+              "name": "_id",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
             },
             {
-              "name": "--vscode-settings-dropdownForeground",
+              "kind": "field",
+              "name": "_htmlFor",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_connected",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "_getTarget",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_connectWithTarget",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "for",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "htmlFor"
+            },
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "id"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "required"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-label",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeLabel",
+          "declaration": {
+            "name": "VscodeLabel",
+            "module": "src/vscode-label/vscode-label.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-label",
+          "declaration": {
+            "name": "VscodeLabel",
+            "module": "src/vscode-label/vscode-label.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-multi-select/vscode-multi-select.styles.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-multi-select/vscode-multi-select.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-multi-select/vscode-multi-select.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Allows to select multiple items from a list of options.\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.",
+          "name": "VscodeMultiSelect",
+          "cssProperties": [
+            {
+              "name": "--dropdown-z-index",
+              "default": "2"
+            },
+            {
+              "name": "--vscode-badge-background",
+              "default": "#616161"
+            },
+            {
+              "name": "--vscode-badge-foreground",
+              "default": "#f8f8f8"
+            },
+            {
+              "name": "--vscode-settings-dropdownBorder",
+              "default": "#3c3c3c"
+            },
+            {
+              "name": "--vscode-settings-checkboxBackground",
+              "default": "#313131"
+            },
+            {
+              "name": "--vscode-settings-dropdownBackground",
+              "default": "#313131"
+            },
+            {
+              "name": "--vscode-settings-dropdownForeground",
               "default": "#cccccc"
             },
             {
@@ -3957,6 +4220,18 @@
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_dropdownEl",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "VscodeSelectBase",
+                "module": "src/includes/vscode-select/vscode-select-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_opts",
@@ -4219,9 +4494,17 @@
               }
             },
             {
-              "kind": "field",
-              "name": "_onClickOutside",
+              "kind": "method",
+              "name": "_handleDropdownToggle",
               "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "ToggleEvent"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "VscodeSelectBase",
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
@@ -4486,6 +4769,15 @@
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_handleWindowScroll",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "VscodeSelectBase",
+                "module": "src/includes/vscode-select/vscode-select-base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_renderCheckbox",
@@ -4780,321 +5072,73 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-icon/vscode-icon.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { color: var(--vscode-icon-foreground, #cccccc); display: inline-block; } .codicon[class*='codicon-'] { display: block; } .icon, .button { background-color: transparent; display: block; padding: 0; } .button { border-color: transparent; border-style: solid; border-width: 1px; border-radius: 5px; color: currentColor; cursor: pointer; padding: 2px; } .button:hover { background-color: var( --vscode-toolbar-hoverBackground, rgba(90, 93, 94, 0.31) ); } .button:active { background-color: var( --vscode-toolbar-activeBackground, rgba(99, 102, 103, 0.31) ); } .button:focus { outline: none; } .button:focus-visible { border-color: var(--vscode-focusBorder, #0078d4); } @keyframes icon-spin { 100% { transform: rotate(360deg); } } .spin { animation-name: icon-spin; animation-timing-function: linear; animation-iteration-count: infinite; } `, ]"
-        }
-      ],
+      "path": "src/vscode-option/vscode-option.styles.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-icon/vscode-icon.styles.ts"
+            "module": "src/vscode-option/vscode-option.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-icon/vscode-icon.ts",
+      "path": "src/vscode-option/vscode-option.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Display a [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html).\nIn \"action-icon\" mode it behaves like a button. In this case, it is\nrecommended that a meaningful label is specified with the `label` property.",
-          "name": "VscodeIcon",
-          "cssProperties": [
-            {
-              "name": "--vscode-icon-foreground",
-              "default": "#cccccc"
-            },
-            {
-              "description": "Hover state background color in `active-icon` mode",
-              "name": "--vscode-toolbar-hoverBackground",
-              "default": "rgba(90, 93, 94, 0.31)"
-            },
-            {
-              "description": "Active state background color in `active-icon` mode",
-              "name": "--vscode-toolbar-activeBackground",
-              "default": "rgba(99, 102, 103, 0.31)"
-            },
-            {
-              "name": "--vscode-focusBorder",
-              "default": "#0078d4"
-            }
-          ],
+          "description": "",
+          "name": "VscodeOption",
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "value",
               "type": {
-                "text": "string"
+                "text": "string | undefined | undefined"
               },
-              "default": "''",
-              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
-              "attribute": "label"
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
-              "attribute": "name"
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "selected",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "16",
-              "description": "Icon size in pixels",
-              "attribute": "size"
+              "default": "false",
+              "attribute": "selected",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "spin",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enable rotation animation",
-              "attribute": "spin",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "spinDuration",
+              "name": "_initialized",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "1.5",
-              "description": "Animation duration in seconds",
-              "attribute": "spin-duration"
-            },
-            {
-              "kind": "field",
-              "name": "actionIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Behaves like a button",
-              "attribute": "action-icon",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "stylesheetHref",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "nonce",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "''"
-            },
-            {
-              "kind": "method",
-              "name": "_getStylesheetConfig",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{\n    href: string | undefined;\n    nonce: string | undefined;\n  }"
-                }
-              },
-              "description": "For using web fonts in web components, the font stylesheet must be included\ntwice: on the page and in the web component. This function looks for the\nfont stylesheet on the page and returns the stylesheet URL and the nonce\nid."
-            },
-            {
-              "kind": "field",
-              "name": "_onButtonClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
-              "fieldName": "label"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
-              "fieldName": "name"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "number"
-              },
-              "default": "16",
-              "description": "Icon size in pixels",
-              "fieldName": "size"
-            },
-            {
-              "name": "spin",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable rotation animation",
-              "fieldName": "spin"
-            },
-            {
-              "name": "spin-duration",
-              "type": {
-                "text": "number"
-              },
-              "default": "1.5",
-              "description": "Animation duration in seconds",
-              "fieldName": "spinDuration"
-            },
-            {
-              "name": "action-icon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Behaves like a button",
-              "fieldName": "actionIcon"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-icon",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeIcon",
-          "declaration": {
-            "name": "VscodeIcon",
-            "module": "src/vscode-icon/vscode-icon.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-icon",
-          "declaration": {
-            "name": "VscodeIcon",
-            "module": "src/vscode-icon/vscode-icon.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-option/vscode-option.styles.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-option/vscode-option.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-option/vscode-option.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeOption",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "description"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "selected",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_initialized",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
@@ -6603,13 +6647,8 @@
           "name": "VscodeSingleSelect",
           "cssProperties": [
             {
-              "description": "workaround for dropdown z-index issues",
               "name": "--dropdown-z-index",
-              "default": "2",
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
+              "default": "2"
             },
             {
               "name": "--vscode-badge-background",
@@ -7093,6 +7132,18 @@
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_dropdownEl",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "VscodeSelectBase",
+                "module": "src/includes/vscode-select/vscode-select-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_opts",
@@ -7383,9 +7434,17 @@
               }
             },
             {
-              "kind": "field",
-              "name": "_onClickOutside",
+              "kind": "method",
+              "name": "_handleDropdownToggle",
               "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "ToggleEvent"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "VscodeSelectBase",
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
@@ -7650,6 +7709,15 @@
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "_handleWindowScroll",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "VscodeSelectBase",
+                "module": "src/includes/vscode-select/vscode-select-base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_renderCheckbox",
@@ -7965,7 +8033,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-tab-header/vscode-tab-header.styles.ts",
+      "path": "src/vscode-split-layout/vscode-split-layout.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -7973,7 +8041,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { cursor: pointer; display: block; user-select: none; } .wrapper { align-items: center; border-bottom: 1px solid transparent; color: var(--vscode-foreground, #cccccc); display: flex; min-height: 20px; overflow: hidden; padding: 7px 8px; position: relative; text-overflow: ellipsis; white-space: nowrap; } :host([active]) .wrapper { border-bottom-color: var(--vscode-panelTitle-activeForeground, #cccccc); color: var(--vscode-panelTitle-activeForeground, #cccccc); } :host([panel]) .wrapper { border-bottom: 0; margin-bottom: 0; padding: 0; } :host(:focus-visible) { outline: none; } .wrapper { align-items: center; color: var(--vscode-foreground, #cccccc); display: flex; min-height: 20px; overflow: inherit; text-overflow: inherit; position: relative; } .wrapper.panel { color: var(--vscode-panelTitle-inactiveForeground, #9d9d9d); } .wrapper.panel.active, .wrapper.panel:hover { color: var(--vscode-panelTitle-activeForeground, #cccccc); } :host([panel]) .wrapper { display: flex; font-size: 11px; height: 31px; padding: 2px 10px; text-transform: uppercase; } .main { overflow: inherit; text-overflow: inherit; } .active-indicator { display: none; } .active-indicator.panel.active { border-top: 1px solid var(--vscode-panelTitle-activeBorder, #0078d4); bottom: 4px; display: block; left: 8px; pointer-events: none; position: absolute; right: 8px; } :host(:focus-visible) .wrapper { outline-color: var(--vscode-focusBorder, #0078d4); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host(:focus-visible) .wrapper.panel { outline-offset: -2px; } slot[name='content-before']::slotted(vscode-badge) { margin-right: 8px; } slot[name='content-after']::slotted(vscode-badge) { margin-left: 8px; } `, ]"
+          "default": "[ defaultStyles, css` :host { --separator-border: var(--vscode-editorWidget-border, #454545); border: 1px solid var(--vscode-editorWidget-border, #454545); display: block; overflow: hidden; position: relative; } ::slotted(*) { height: 100%; width: 100%; } ::slotted(vscode-split-layout) { border: 0; } .wrapper { display: flex; height: 100%; width: 100%; } .wrapper.horizontal { flex-direction: column; } .start { box-sizing: border-box; flex: 1; min-height: 0; min-width: 0; } :host([split='vertical']) .start { border-right: 1px solid var(--separator-border); } :host([split='horizontal']) .start { border-bottom: 1px solid var(--separator-border); } .end { flex: 1; min-height: 0; min-width: 0; } :host([split='vertical']) .start, :host([split='vertical']) .end { height: 100%; } :host([split='horizontal']) .start, :host([split='horizontal']) .end { width: 100%; } .handle-overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .handle-overlay.active { display: block; } .handle-overlay.split-vertical { cursor: ew-resize; } .handle-overlay.split-horizontal { cursor: ns-resize; } .handle { background-color: transparent; position: absolute; z-index: 2; } .handle.hover { transition: background-color 0.1s ease-out 0.3s; background-color: var(--vscode-sash-hoverBorder, #0078d4); } .handle.hide { background-color: transparent; transition: background-color 0.1s ease-out; } .handle.split-vertical { cursor: ew-resize; height: 100%; } .handle.split-horizontal { cursor: ns-resize; width: 100%; } `, ]"
         }
       ],
       "exports": [
@@ -7982,1820 +8050,1708 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-tab-header/vscode-tab-header.styles.ts"
+            "module": "src/vscode-split-layout/vscode-split-layout.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-tab-header/vscode-tab-header.ts",
+      "path": "src/vscode-split-layout/vscode-split-layout.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeTabHeader",
-          "cssProperties": [
+          "kind": "function",
+          "name": "parseValue",
+          "return": {
+            "type": {
+              "text": "{value: number; unit: PositionUnit}"
+            }
+          },
+          "parameters": [
             {
-              "name": "--vscode-focusBorder",
-              "default": "#0078d4"
+              "name": "raw",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "pxToPercent",
+          "parameters": [
+            {
+              "name": "current",
+              "type": {
+                "text": "number"
+              }
             },
             {
-              "name": "--vscode-foreground",
-              "default": "#cccccc"
+              "name": "max",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "percentToPx",
+          "parameters": [
+            {
+              "name": "current",
+              "type": {
+                "text": "number"
+              }
             },
             {
-              "name": "--vscode-panelTitle-activeBorder",
-              "default": "#0078d4"
+              "name": "max",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeSplitLayout",
+          "cssProperties": [
+            {
+              "name": "--separator-border",
+              "default": "#454545"
             },
             {
-              "name": "--vscode-panelTitle-activeForeground",
-              "default": "#cccccc"
+              "name": "--vscode-editorWidget-border",
+              "default": "#454545"
             },
             {
-              "name": "--vscode-panelTitle-inactiveForeground",
-              "default": "#9d9d9d"
+              "name": "--vscode-sash-hoverBorder",
+              "default": "#0078d4"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "active",
+              "name": "split",
+              "description": "Direction of the divider.",
               "type": {
-                "text": "boolean"
+                "text": "Orientation"
               },
-              "default": "false",
-              "attribute": "active",
+              "attribute": "split",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "panel",
+              "name": "_split",
+              "type": {
+                "text": "Orientation"
+              },
+              "privacy": "private",
+              "default": "'vertical'"
+            },
+            {
+              "kind": "field",
+              "name": "resetOnDblClick",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Panel-like look",
-              "attribute": "panel",
+              "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.",
+              "attribute": "reset-on-dbl-click",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "handleSize",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "default": "4",
+              "description": "Controls the draggable area size in pixels. it is intended to use the value\nof `workbench.sash.size`.",
+              "attribute": "handle-size",
+              "reflects": true
+            },
             {
-              "name": "active",
+              "kind": "field",
+              "name": "initialHandlePosition",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "active"
+              "default": "'50%'",
+              "description": "The handler position will reset to this position when it is double-clicked,\nor the `resetHandlePosition()` is called.",
+              "attribute": "initial-handle-position",
+              "reflects": true
             },
             {
-              "name": "panel",
+              "kind": "field",
+              "name": "handlePosition",
+              "description": "Set the handle position programmatically. The value must include a unit,\neither `%` or `px`. If no unit is specified, the value is interpreted as\n`px`.",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Panel-like look",
-              "fieldName": "panel"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-tab-header",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeTabHeader",
-          "declaration": {
-            "name": "VscodeTabHeader",
-            "module": "src/vscode-tab-header/vscode-tab-header.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-tab-header",
-          "declaration": {
-            "name": "VscodeTabHeader",
-            "module": "src/vscode-tab-header/vscode-tab-header.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-tab-panel/vscode-tab-panel.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { display: block; overflow: hidden; } :host(:focus-visible) { outline-color: var(--vscode-focusBorder, #0078d4); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host([panel]) { background-color: var(--vscode-panel-background, #181818); } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-tab-panel/vscode-tab-panel.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-tab-panel/vscode-tab-panel.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeTabPanel",
-          "cssProperties": [
-            {
-              "name": "--vscode-focusBorder",
-              "default": "#0078d4"
+              "attribute": "handle-position"
             },
             {
-              "name": "--vscode-panel--background",
-              "default": "#181818"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "_rawHandlePosition",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
-              "name": "hidden",
+              "name": "fixedPane",
+              "description": "The size of the fixed pane will not change when the component is resized.",
               "type": {
-                "text": "boolean"
+                "text": "'start' | 'end' | 'none'"
               },
-              "default": "false",
-              "attribute": "hidden",
-              "reflects": true
+              "attribute": "fixed-pane"
             },
             {
               "kind": "field",
-              "name": "panel",
+              "name": "_fixedPane",
               "type": {
-                "text": "boolean"
+                "text": "FixedPaneType"
               },
-              "default": "false",
-              "description": "Panel-like look",
-              "attribute": "panel",
-              "reflects": true
+              "privacy": "private",
+              "default": "'none'"
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "_handlePosition",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "privacy": "private",
+              "default": "0"
+            },
             {
-              "name": "hidden",
+              "kind": "field",
+              "name": "_isDragActive",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "fieldName": "hidden"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "panel",
+              "kind": "field",
+              "name": "_hover",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Panel-like look",
-              "fieldName": "panel"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-tab-panel",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeTabPanel",
-          "declaration": {
-            "name": "VscodeTabPanel",
-            "module": "src/vscode-tab-panel/vscode-tab-panel.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-tab-panel",
-          "declaration": {
-            "name": "VscodeTabPanel",
-            "module": "src/vscode-tab-panel/vscode-tab-panel.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table/helpers.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "rawValueToPercentage",
-          "return": {
-            "type": {
-              "text": "number | null"
-            }
-          },
-          "parameters": [
-            {
-              "name": "raw",
-              "type": {
-                "text": "string | number"
-              }
-            },
-            {
-              "name": "base",
-              "type": {
-                "text": "number"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "rawValueToPercentage",
-          "declaration": {
-            "name": "rawValueToPercentage",
-            "module": "src/vscode-table/helpers.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table/vscode-table.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ baseStyles, css` :host { display: block; --vsc-row-even-background: transparent; --vsc-row-odd-background: transparent; --vsc-row-border-bottom-width: 0; --vsc-row-border-top-width: 0; --vsc-row-display: table-row; } :host([bordered]), :host([bordered-rows]) { --vsc-row-border-bottom-width: 1px; } :host([compact]) { --vsc-row-display: block; } :host([bordered][compact]), :host([bordered-rows][compact]) { --vsc-row-border-bottom-width: 0; --vsc-row-border-top-width: 1px; } :host([zebra]) { --vsc-row-even-background: var( --vscode-keybindingTable-rowsBackground, rgba(204, 204, 204, 0.04) ); } :host([zebra-odd]) { --vsc-row-odd-background: var( --vscode-keybindingTable-rowsBackground, rgba(204, 204, 204, 0.04) ); } ::slotted(vscode-table-row) { width: 100%; } .wrapper { height: 100%; max-width: 100%; overflow: hidden; position: relative; width: 100%; } .wrapper.select-disabled { user-select: none; } .wrapper.resize-cursor { cursor: ew-resize; } .wrapper.compact-view .header-slot-wrapper { height: 0; overflow: hidden; } .scrollable { height: 100%; } .scrollable:before { background-color: transparent; content: ''; display: block; height: 1px; position: absolute; width: 100%; } .wrapper:not(.compact-view) .scrollable:not([scrolled]):before { background-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); } .sash { visibility: hidden; } :host([bordered-columns]) .sash, :host([bordered]) .sash { visibility: visible; } :host([resizable]) .wrapper:hover .sash { visibility: visible; } .sash { height: 100%; position: absolute; top: 0; width: 1px; } .wrapper.compact-view .sash { display: none; } .sash.resizable { cursor: ew-resize; } .sash-visible { background-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); height: 100%; position: absolute; top: 30px; width: 1px; } .sash.hover .sash-visible { background-color: var(--vscode-sash-hoverBorder, #0078d4); transition: background-color 50ms linear 300ms; } .sash .sash-clickable { background-color: transparent; height: 100%; left: -2px; position: absolute; width: 5px; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-table/vscode-table.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table/vscode-table.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeTable",
-          "cssProperties": [
-            {
-              "name": "--vscode-editorGroup-border",
-              "default": "rgba(255, 255, 255, 0.09)"
-            },
-            {
-              "name": "--vscode-keybindingTable-rowsBackground",
-              "default": "rgba(204, 204, 204, 0.04)"
-            },
-            {
-              "name": "--vscode-sash-hoverBorder",
-              "default": "#0078d4"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "resizable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "resizable",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "responsive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "responsive",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "bordered",
+              "name": "_hide",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Both rows and columns are separated by borders.",
-              "attribute": "bordered",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "borderedColumns",
+              "name": "_wrapperEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLDivElement"
               },
-              "default": "false",
-              "description": "Columns are separated by borders.",
-              "attribute": "bordered-columns",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "borderedRows",
+              "name": "_handleEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLDivElement"
               },
-              "default": "false",
-              "description": "Rows are separated by borders.",
-              "attribute": "bordered-rows",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "breakpoint",
+              "name": "_nestedLayoutsAtStart",
               "type": {
-                "text": "number"
+                "text": "HTMLElement[]"
               },
-              "default": "300",
-              "attribute": "breakpoint"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "columns",
-              "description": "Initial column sizes in a JSON-encoded array.\nAccepted values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
+              "name": "_nestedLayoutsAtEnd",
               "type": {
-                "text": "string[]"
+                "text": "HTMLElement[]"
               },
-              "attribute": "columns"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "minColumnWidth",
+              "name": "_boundRect",
               "type": {
-                "text": "string"
+                "text": "DOMRect"
               },
-              "default": "'50px'",
-              "description": "Minimum column width. Valid values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
-              "attribute": "min-column-width"
+              "privacy": "private",
+              "default": "new DOMRect()"
             },
             {
               "kind": "field",
-              "name": "delayedResizing",
+              "name": "_handleOffset",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "attribute": "delayed-resizing",
-              "reflects": true
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "zebra",
+              "name": "_resizeObserver",
               "type": {
-                "text": "boolean"
+                "text": "ResizeObserver"
               },
-              "default": "false",
-              "description": "Zebra stripes, even rows are tinted.",
-              "attribute": "zebra",
-              "reflects": true
+              "privacy": "private",
+              "default": "new ResizeObserver(this._handleResize)"
             },
             {
               "kind": "field",
-              "name": "zebraOdd",
+              "name": "_wrapperObserved",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Zebra stripes, odd rows are tinted.",
-              "attribute": "zebra-odd",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_bodySlot",
+              "name": "_fixedPaneSize",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "number"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "kind": "field",
-              "name": "_headerElement",
-              "type": {
-                "text": "HTMLDivElement"
-              },
-              "privacy": "private"
+              "kind": "method",
+              "name": "resetHandlePosition",
+              "description": "Sets the handle position to the value specified in the `initialHandlePosition` property."
             },
             {
-              "kind": "field",
-              "name": "_scrollableElement",
-              "type": {
-                "text": "VscodeScrollable"
-              },
+              "kind": "method",
+              "name": "_handlePositionPropChanged",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_sashVisibleElements",
-              "type": {
-                "text": "HTMLDivElement[]"
-              },
+              "kind": "method",
+              "name": "_fixedPanePropChanged",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_assignedElements",
-              "type": {
-                "text": "NodeListOf<HTMLElement>"
-              },
+              "kind": "method",
+              "name": "_initFixedPane",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_assignedHeaderElements",
-              "type": {
-                "text": "NodeListOf<VscodeTableHeader>"
-              },
+              "name": "_handleResize",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_assignedBodyElements",
-              "type": {
-                "text": "NodeListOf<VscodeTableBody>"
-              },
-              "privacy": "private"
+              "kind": "method",
+              "name": "_setPosition",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "unit",
+                  "type": {
+                    "text": "PositionUnit"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_sashPositions",
-              "type": {
-                "text": "number[]"
-              },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Sash positions in percentage"
+              "kind": "method",
+              "name": "_handleMouseOver",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_isDragging",
-              "type": {
-                "text": "boolean"
-              },
+              "kind": "method",
+              "name": "_handleMouseOut",
               "privacy": "private",
-              "default": "false"
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_sashHovers",
-              "type": {
-                "text": "boolean[]"
-              },
+              "kind": "method",
+              "name": "_handleMouseDown",
               "privacy": "private",
-              "default": "[]",
-              "description": "Sash hover state flags, used in the render."
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "_columns",
-              "type": {
-                "text": "string[]"
-              },
-              "privacy": "private",
-              "default": "[]"
+              "name": "_handleMouseUp",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_componentResizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
+              "name": "_handleMouseMove",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_headerResizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
+              "kind": "method",
+              "name": "_handleDblClick",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_bodyResizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
+              "kind": "method",
+              "name": "_handleSlotChange",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_activeSashElementIndex",
+              "name": "version",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "-1"
-            },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "_activeSashCursorOffset",
+              "name": "split",
+              "description": "Direction of the divider.",
               "type": {
-                "text": "number"
+                "text": "Orientation"
               },
-              "privacy": "private",
-              "default": "0"
+              "fieldName": "split"
             },
             {
-              "kind": "field",
-              "name": "_componentX",
+              "name": "reset-on-dbl-click",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "false",
+              "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.",
+              "fieldName": "resetOnDblClick"
             },
             {
-              "kind": "field",
-              "name": "_componentH",
+              "name": "handle-size",
               "type": {
                 "text": "number"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "4",
+              "description": "Controls the draggable area size in pixels. it is intended to use the value\nof `workbench.sash.size`.",
+              "fieldName": "handleSize"
             },
             {
-              "kind": "field",
-              "name": "_componentW",
+              "name": "initial-handle-position",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "DEFAULT_INITIAL_POSITION",
+              "description": "The handler position will reset to this position when it is double-clicked,\nor the `resetHandlePosition()` is called.",
+              "fieldName": "initialHandlePosition"
             },
             {
-              "kind": "field",
-              "name": "_headerCells",
+              "name": "handle-position",
+              "description": "Set the handle position programmatically. The value must include a unit,\neither `%` or `px`. If no unit is specified, the value is interpreted as\n`px`.",
               "type": {
-                "text": "VscodeTableHeaderCell[]"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Cached querySelectorAll result. Updated when the header slot changes.\nIt shouldn't be used directly, check the \"_getHeaderCells\" function."
+              "fieldName": "handlePosition"
             },
             {
-              "kind": "field",
-              "name": "_cellsOfFirstRow",
+              "name": "fixed-pane",
+              "description": "The size of the fixed pane will not change when the component is resized.",
               "type": {
-                "text": "VscodeTableCell[]"
+                "text": "'start' | 'end' | 'none'"
               },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Cached querySelectorAll result. Updated when the body slot changes.\nIt shouldn't be used directly, check the \"_getCellsOfFirstRow\" function."
+              "fieldName": "fixedPane"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-split-layout",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "parseValue",
+          "declaration": {
+            "name": "parseValue",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "pxToPercent",
+          "declaration": {
+            "name": "pxToPercent",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "percentToPx",
+          "declaration": {
+            "name": "percentToPx",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VscodeSplitLayout",
+          "declaration": {
+            "name": "VscodeSplitLayout",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-split-layout",
+          "declaration": {
+            "name": "VscodeSplitLayout",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-tab-header/vscode-tab-header.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { cursor: pointer; display: block; user-select: none; } .wrapper { align-items: center; border-bottom: 1px solid transparent; color: var(--vscode-foreground, #cccccc); display: flex; min-height: 20px; overflow: hidden; padding: 7px 8px; position: relative; text-overflow: ellipsis; white-space: nowrap; } :host([active]) .wrapper { border-bottom-color: var(--vscode-panelTitle-activeForeground, #cccccc); color: var(--vscode-panelTitle-activeForeground, #cccccc); } :host([panel]) .wrapper { border-bottom: 0; margin-bottom: 0; padding: 0; } :host(:focus-visible) { outline: none; } .wrapper { align-items: center; color: var(--vscode-foreground, #cccccc); display: flex; min-height: 20px; overflow: inherit; text-overflow: inherit; position: relative; } .wrapper.panel { color: var(--vscode-panelTitle-inactiveForeground, #9d9d9d); } .wrapper.panel.active, .wrapper.panel:hover { color: var(--vscode-panelTitle-activeForeground, #cccccc); } :host([panel]) .wrapper { display: flex; font-size: 11px; height: 31px; padding: 2px 10px; text-transform: uppercase; } .main { overflow: inherit; text-overflow: inherit; } .active-indicator { display: none; } .active-indicator.panel.active { border-top: 1px solid var(--vscode-panelTitle-activeBorder, #0078d4); bottom: 4px; display: block; left: 8px; pointer-events: none; position: absolute; right: 8px; } :host(:focus-visible) .wrapper { outline-color: var(--vscode-focusBorder, #0078d4); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host(:focus-visible) .wrapper.panel { outline-offset: -2px; } slot[name='content-before']::slotted(vscode-badge) { margin-right: 8px; } slot[name='content-after']::slotted(vscode-badge) { margin-left: 8px; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-tab-header/vscode-tab-header.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-tab-header/vscode-tab-header.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeTabHeader",
+          "cssProperties": [
+            {
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "kind": "field",
-              "name": "_cellsToResize",
-              "type": {
-                "text": "VscodeTableCell[]"
-              },
-              "privacy": "private"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
+            },
+            {
+              "name": "--vscode-panelTitle-activeBorder",
+              "default": "#0078d4"
+            },
+            {
+              "name": "--vscode-panelTitle-activeForeground",
+              "default": "#cccccc"
             },
+            {
+              "name": "--vscode-panelTitle-inactiveForeground",
+              "default": "#9d9d9d"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_headerCellsToResize",
+              "name": "active",
               "type": {
-                "text": "VscodeTableHeaderCell[]"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "attribute": "active",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_prevHeaderHeight",
+              "name": "panel",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "false",
+              "description": "Panel-like look",
+              "attribute": "panel",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_prevComponentHeight",
+              "name": "version",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "method",
-              "name": "_px2Percent",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "px",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_percent2Px",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "percent",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_memoizeComponentDimensions",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_queryHeaderCells",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_getHeaderCells",
-              "privacy": "private",
-              "description": "Get cached header cells"
-            },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "_queryCellsOfFirstRow",
-              "privacy": "private"
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "active"
             },
             {
-              "kind": "method",
-              "name": "_getCellsOfFirstRow",
-              "privacy": "private",
-              "description": "Get cached cells of first row"
-            },
+              "name": "panel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Panel-like look",
+              "fieldName": "panel"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-tab-header",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeTabHeader",
+          "declaration": {
+            "name": "VscodeTabHeader",
+            "module": "src/vscode-tab-header/vscode-tab-header.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-tab-header",
+          "declaration": {
+            "name": "VscodeTabHeader",
+            "module": "src/vscode-tab-header/vscode-tab-header.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-tab-panel/vscode-tab-panel.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { display: block; overflow: hidden; } :host(:focus-visible) { outline-color: var(--vscode-focusBorder, #0078d4); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host([panel]) { background-color: var(--vscode-panel-background, #181818); } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-tab-panel/vscode-tab-panel.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-tab-panel/vscode-tab-panel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeTabPanel",
+          "cssProperties": [
             {
-              "kind": "method",
-              "name": "_resizeTableBody",
-              "privacy": "private"
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "kind": "method",
-              "name": "_initResizeObserver",
-              "privacy": "private"
-            },
+              "name": "--vscode-panel--background",
+              "default": "#181818"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_componentResizeObserverCallback",
-              "privacy": "private"
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hidden",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_headerResizeObserverCallback",
-              "privacy": "private"
+              "name": "panel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Panel-like look",
+              "attribute": "panel",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_bodyResizeObserverCallback",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_calcColWidthPercentages",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number[]"
-                }
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "_initHeaderCellSizes",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "colWidths",
-                  "type": {
-                    "text": "number[]"
-                  }
-                }
-              ]
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hidden"
             },
             {
-              "kind": "method",
-              "name": "_initBodyColumnSizes",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "colWidths",
-                  "type": {
-                    "text": "number[]"
-                  }
-                }
-              ]
+              "name": "panel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Panel-like look",
+              "fieldName": "panel"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-tab-panel",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeTabPanel",
+          "declaration": {
+            "name": "VscodeTabPanel",
+            "module": "src/vscode-tab-panel/vscode-tab-panel.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-tab-panel",
+          "declaration": {
+            "name": "VscodeTabPanel",
+            "module": "src/vscode-tab-panel/vscode-tab-panel.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table/helpers.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "rawValueToPercentage",
+          "return": {
+            "type": {
+              "text": "number | null"
+            }
+          },
+          "parameters": [
+            {
+              "name": "raw",
+              "type": {
+                "text": "string | number"
+              }
             },
             {
-              "kind": "method",
-              "name": "_initSashes",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "colWidths",
-                  "type": {
-                    "text": "number[]"
-                  }
-                }
-              ]
+              "name": "base",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rawValueToPercentage",
+          "declaration": {
+            "name": "rawValueToPercentage",
+            "module": "src/vscode-table/helpers.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table/vscode-table.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ baseStyles, css` :host { display: block; --vsc-row-even-background: transparent; --vsc-row-odd-background: transparent; --vsc-row-border-bottom-width: 0; --vsc-row-border-top-width: 0; --vsc-row-display: table-row; } :host([bordered]), :host([bordered-rows]) { --vsc-row-border-bottom-width: 1px; } :host([compact]) { --vsc-row-display: block; } :host([bordered][compact]), :host([bordered-rows][compact]) { --vsc-row-border-bottom-width: 0; --vsc-row-border-top-width: 1px; } :host([zebra]) { --vsc-row-even-background: var( --vscode-keybindingTable-rowsBackground, rgba(204, 204, 204, 0.04) ); } :host([zebra-odd]) { --vsc-row-odd-background: var( --vscode-keybindingTable-rowsBackground, rgba(204, 204, 204, 0.04) ); } ::slotted(vscode-table-row) { width: 100%; } .wrapper { height: 100%; max-width: 100%; overflow: hidden; position: relative; width: 100%; } .wrapper.select-disabled { user-select: none; } .wrapper.resize-cursor { cursor: ew-resize; } .wrapper.compact-view .header-slot-wrapper { height: 0; overflow: hidden; } .scrollable { height: 100%; } .scrollable:before { background-color: transparent; content: ''; display: block; height: 1px; position: absolute; width: 100%; } .wrapper:not(.compact-view) .scrollable:not([scrolled]):before { background-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); } .sash { visibility: hidden; } :host([bordered-columns]) .sash, :host([bordered]) .sash { visibility: visible; } :host([resizable]) .wrapper:hover .sash { visibility: visible; } .sash { height: 100%; position: absolute; top: 0; width: 1px; } .wrapper.compact-view .sash { display: none; } .sash.resizable { cursor: ew-resize; } .sash-visible { background-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); height: 100%; position: absolute; top: 30px; width: 1px; } .sash.hover .sash-visible { background-color: var(--vscode-sash-hoverBorder, #0078d4); transition: background-color 50ms linear 300ms; } .sash .sash-clickable { background-color: transparent; height: 100%; left: -2px; position: absolute; width: 5px; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-table/vscode-table.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table/vscode-table.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeTable",
+          "cssProperties": [
+            {
+              "name": "--vscode-editorGroup-border",
+              "default": "rgba(255, 255, 255, 0.09)"
             },
             {
-              "kind": "method",
-              "name": "_initDefaultColumnSizes",
-              "privacy": "private"
+              "name": "--vscode-keybindingTable-rowsBackground",
+              "default": "rgba(204, 204, 204, 0.04)"
             },
             {
-              "kind": "method",
-              "name": "_updateResizeHandlersSize",
-              "privacy": "private"
+              "name": "--vscode-sash-hoverBorder",
+              "default": "#0078d4"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "resizable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "resizable",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_applyCompactViewColumnLabels",
-              "privacy": "private"
+              "kind": "field",
+              "name": "responsive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "responsive",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_clearCompactViewColumnLabels",
-              "privacy": "private"
+              "kind": "field",
+              "name": "bordered",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Both rows and columns are separated by borders.",
+              "attribute": "bordered",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_toggleCompactView",
-              "privacy": "private"
+              "kind": "field",
+              "name": "borderedColumns",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Columns are separated by borders.",
+              "attribute": "bordered-columns",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_onDefaultSlotChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "borderedRows",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Rows are separated by borders.",
+              "attribute": "bordered-rows",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_onHeaderSlotChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "breakpoint",
+              "type": {
+                "text": "number"
+              },
+              "default": "300",
+              "attribute": "breakpoint"
             },
             {
-              "kind": "method",
-              "name": "_onBodySlotChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "columns",
+              "description": "Initial column sizes in a JSON-encoded array.\nAccepted values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
+              "type": {
+                "text": "string[]"
+              },
+              "attribute": "columns"
             },
             {
-              "kind": "method",
-              "name": "_onSashMouseOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "minColumnWidth",
+              "type": {
+                "text": "string"
+              },
+              "default": "'50px'",
+              "description": "Minimum column width. Valid values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
+              "attribute": "min-column-width"
             },
             {
-              "kind": "method",
-              "name": "_onSashMouseOut",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "delayedResizing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "delayed-resizing",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_onSashMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_updateActiveSashPosition",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "mouseX",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "zebra",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Zebra stripes, even rows are tinted.",
+              "attribute": "zebra",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_getSashPositions",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{\n    sashPos: number;\n    prevSashPos: number;\n    nextSashPos: number;\n  }"
-                }
-              }
+              "kind": "field",
+              "name": "zebraOdd",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Zebra stripes, odd rows are tinted.",
+              "attribute": "zebra-odd",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_resizeColumns",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "resizeBodyCells",
-                  "default": "true"
-                }
-              ]
+              "kind": "field",
+              "name": "_bodySlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_onResizingMouseMove",
+              "name": "_headerElement",
+              "type": {
+                "text": "HTMLDivElement"
+              },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_onResizingMouseUp",
+              "name": "_scrollableElement",
+              "type": {
+                "text": "VscodeScrollable"
+              },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "_sashVisibleElements",
               "type": {
-                "text": "string"
+                "text": "HTMLDivElement[]"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "privacy": "private"
+            },
             {
-              "name": "resizable",
+              "kind": "field",
+              "name": "_assignedElements",
               "type": {
-                "text": "boolean"
+                "text": "NodeListOf<HTMLElement>"
               },
-              "default": "false",
-              "fieldName": "resizable"
+              "privacy": "private"
             },
             {
-              "name": "responsive",
+              "kind": "field",
+              "name": "_assignedHeaderElements",
               "type": {
-                "text": "boolean"
+                "text": "NodeListOf<VscodeTableHeader>"
               },
-              "default": "false",
-              "fieldName": "responsive"
+              "privacy": "private"
             },
             {
-              "name": "bordered",
+              "kind": "field",
+              "name": "_assignedBodyElements",
               "type": {
-                "text": "boolean"
+                "text": "NodeListOf<VscodeTableBody>"
               },
-              "default": "false",
-              "description": "Both rows and columns are separated by borders.",
-              "fieldName": "bordered"
+              "privacy": "private"
             },
             {
-              "name": "bordered-columns",
+              "kind": "field",
+              "name": "_sashPositions",
               "type": {
-                "text": "boolean"
+                "text": "number[]"
               },
-              "default": "false",
-              "description": "Columns are separated by borders.",
-              "fieldName": "borderedColumns"
+              "privacy": "private",
+              "default": "[]",
+              "description": "Sash positions in percentage"
             },
             {
-              "name": "bordered-rows",
+              "kind": "field",
+              "name": "_isDragging",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Rows are separated by borders.",
-              "fieldName": "borderedRows"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "breakpoint",
+              "kind": "field",
+              "name": "_sashHovers",
               "type": {
-                "text": "number"
+                "text": "boolean[]"
               },
-              "default": "300",
-              "fieldName": "breakpoint"
+              "privacy": "private",
+              "default": "[]",
+              "description": "Sash hover state flags, used in the render."
             },
             {
-              "name": "columns",
-              "description": "Initial column sizes in a JSON-encoded array.\nAccepted values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
+              "kind": "field",
+              "name": "_columns",
               "type": {
                 "text": "string[]"
               },
-              "fieldName": "columns"
+              "privacy": "private",
+              "default": "[]"
             },
             {
-              "name": "min-column-width",
+              "kind": "field",
+              "name": "_componentResizeObserver",
               "type": {
-                "text": "string"
+                "text": "ResizeObserver | undefined"
               },
-              "default": "'50px'",
-              "description": "Minimum column width. Valid values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
-              "fieldName": "minColumnWidth"
+              "privacy": "private"
             },
             {
-              "name": "delayed-resizing",
+              "kind": "field",
+              "name": "_headerResizeObserver",
               "type": {
-                "text": "boolean"
+                "text": "ResizeObserver | undefined"
               },
-              "default": "false",
-              "fieldName": "delayedResizing"
+              "privacy": "private"
             },
             {
-              "name": "zebra",
+              "kind": "field",
+              "name": "_bodyResizeObserver",
               "type": {
-                "text": "boolean"
+                "text": "ResizeObserver | undefined"
               },
-              "default": "false",
-              "description": "Zebra stripes, even rows are tinted.",
-              "fieldName": "zebra"
+              "privacy": "private"
             },
             {
-              "name": "zebra-odd",
+              "kind": "field",
+              "name": "_activeSashElementIndex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Zebra stripes, odd rows are tinted.",
-              "fieldName": "zebraOdd"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-table",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeTable",
-          "declaration": {
-            "name": "VscodeTable",
-            "module": "src/vscode-table/vscode-table.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-table",
-          "declaration": {
-            "name": "VscodeTable",
-            "module": "src/vscode-table/vscode-table.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table-body/vscode-table-body.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { display: table; table-layout: fixed; width: 100%; } ::slotted(vscode-table-row:nth-child(even)) { background-color: var(--vsc-row-even-background); } ::slotted(vscode-table-row:nth-child(odd)) { background-color: var(--vsc-row-odd-background); } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-table-body/vscode-table-body.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table-body/vscode-table-body.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeTableBody",
-          "members": [
+              "privacy": "private",
+              "default": "-1"
+            },
             {
               "kind": "field",
-              "name": "version",
+              "name": "_activeSashCursorOffset",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-table-body",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeTableBody",
-          "declaration": {
-            "name": "VscodeTableBody",
-            "module": "src/vscode-table-body/vscode-table-body.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-table-body",
-          "declaration": {
-            "name": "VscodeTableBody",
-            "module": "src/vscode-table-body/vscode-table-body.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table-cell/vscode-table-cell.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { border-bottom-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); border-bottom-style: solid; border-bottom-width: var(--vsc-row-border-bottom-width); box-sizing: border-box; color: var(--vscode-foreground, #cccccc); display: table-cell; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); height: 24px; overflow: hidden; padding-left: 10px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } :host([compact]) { display: block; height: auto; padding-bottom: 5px; width: 100% !important; } :host([compact]:first-child) { padding-top: 10px; } :host([compact]:last-child) { padding-bottom: 10px; } .wrapper { overflow: inherit; text-overflow: inherit; white-space: inherit; width: 100%; } .column-label { font-weight: bold; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-table-cell/vscode-table-cell.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table-cell/vscode-table-cell.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeTableCell",
-          "cssProperties": [
-            {
-              "name": "--vscode-editorGroup-border",
-              "default": "rgba(255, 255, 255, 0.09)"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "--vscode-foreground",
-              "default": "#cccccc"
+              "kind": "field",
+              "name": "_componentX",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
+              "kind": "field",
+              "name": "_componentH",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
             },
-            {
-              "name": "--vscode-font-size",
-              "default": "13px"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "columnLabel",
+              "name": "_componentW",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "Cell label in the compact view of the responsive mode. For internal use only.",
-              "attribute": "column-label"
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "compact",
+              "name": "_headerCells",
               "type": {
-                "text": "boolean"
+                "text": "VscodeTableHeaderCell[]"
               },
-              "default": "false",
-              "description": "Enable compact view in the responsive mode. For internal use only.",
-              "attribute": "compact",
-              "reflects": true
+              "privacy": "private",
+              "default": "[]",
+              "description": "Cached querySelectorAll result. Updated when the header slot changes.\nIt shouldn't be used directly, check the \"_getHeaderCells\" function."
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "_cellsOfFirstRow",
               "type": {
-                "text": "string"
+                "text": "VscodeTableCell[]"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "privacy": "private",
+              "default": "[]",
+              "description": "Cached querySelectorAll result. Updated when the body slot changes.\nIt shouldn't be used directly, check the \"_getCellsOfFirstRow\" function."
+            },
             {
-              "name": "column-label",
+              "kind": "field",
+              "name": "_cellsToResize",
               "type": {
-                "text": "string"
+                "text": "VscodeTableCell[]"
               },
-              "default": "''",
-              "description": "Cell label in the compact view of the responsive mode. For internal use only.",
-              "fieldName": "columnLabel"
+              "privacy": "private"
             },
             {
-              "name": "compact",
+              "kind": "field",
+              "name": "_headerCellsToResize",
               "type": {
-                "text": "boolean"
+                "text": "VscodeTableHeaderCell[]"
               },
-              "default": "false",
-              "description": "Enable compact view in the responsive mode. For internal use only.",
-              "fieldName": "compact"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-table-cell",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeTableCell",
-          "declaration": {
-            "name": "VscodeTableCell",
-            "module": "src/vscode-table-cell/vscode-table-cell.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-table-cell",
-          "declaration": {
-            "name": "VscodeTableCell",
-            "module": "src/vscode-table-cell/vscode-table-cell.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table-header/vscode-table-header.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { background-color: var( --vscode-keybindingTable-headerBackground, rgba(204, 204, 204, 0.04) ); display: table; table-layout: fixed; width: 100%; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-table-header/vscode-table-header.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table-header/vscode-table-header.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeTableHeader",
-          "cssProperties": [
+              "privacy": "private"
+            },
             {
-              "description": "Table header background",
-              "name": "--vscode-keybindingTable-headerBackground",
-              "default": "rgba(204, 204, 204, 0.04)"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "_prevHeaderHeight",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
             {
               "kind": "field",
-              "name": "version",
+              "name": "_prevComponentHeight",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-table-header",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeTableHeader",
-          "declaration": {
-            "name": "VscodeTableHeader",
-            "module": "src/vscode-table-header/vscode-table-header.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-table-header",
-          "declaration": {
-            "name": "VscodeTableHeader",
-            "module": "src/vscode-table-header/vscode-table-header.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table-header-cell/vscode-table-header-cell.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { box-sizing: border-box; color: var(--vscode-foreground, #cccccc); display: table-cell; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: bold; line-height: 20px; overflow: hidden; padding-bottom: 5px; padding-left: 10px; padding-right: 0; padding-top: 5px; text-overflow: ellipsis; white-space: nowrap; } .wrapper { box-sizing: inherit; overflow: inherit; text-overflow: inherit; white-space: inherit; width: 100%; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-table-header-cell/vscode-table-header-cell.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-table-header-cell/vscode-table-header-cell.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeTableHeaderCell",
-          "cssProperties": [
+              "privacy": "private",
+              "default": "0"
+            },
             {
-              "name": "--vscode-foreground",
-              "default": "#cccccc"
+              "kind": "method",
+              "name": "_px2Percent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "px",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
+              "kind": "method",
+              "name": "_percent2Px",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "percent",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
-              "name": "--vscode-font-size",
-              "default": "13px"
-            }
-          ],
-          "members": [
+              "kind": "method",
+              "name": "_memoizeComponentDimensions",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_queryHeaderCells",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_getHeaderCells",
+              "privacy": "private",
+              "description": "Get cached header cells"
+            },
+            {
+              "kind": "method",
+              "name": "_queryCellsOfFirstRow",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_getCellsOfFirstRow",
+              "privacy": "private",
+              "description": "Get cached cells of first row"
+            },
+            {
+              "kind": "method",
+              "name": "_resizeTableBody",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_initResizeObserver",
+              "privacy": "private"
+            },
             {
               "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-table-header-cell",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeTableHeaderCell",
-          "declaration": {
-            "name": "VscodeTableHeaderCell",
-            "module": "src/vscode-table-header-cell/vscode-table-header-cell.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-table-header-cell",
-          "declaration": {
-            "name": "VscodeTableHeaderCell",
-            "module": "src/vscode-table-header-cell/vscode-table-header-cell.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-split-layout/vscode-split-layout.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { --separator-border: var(--vscode-editorWidget-border, #454545); border: 1px solid var(--vscode-editorWidget-border, #454545); display: block; overflow: hidden; position: relative; } ::slotted(*) { height: 100%; width: 100%; } ::slotted(vscode-split-layout) { border: 0; } .wrapper { display: flex; height: 100%; width: 100%; } .wrapper.horizontal { flex-direction: column; } .start { box-sizing: border-box; flex: 1; min-height: 0; min-width: 0; } :host([split='vertical']) .start { border-right: 1px solid var(--separator-border); } :host([split='horizontal']) .start { border-bottom: 1px solid var(--separator-border); } .end { flex: 1; min-height: 0; min-width: 0; } :host([split='vertical']) .start, :host([split='vertical']) .end { height: 100%; } :host([split='horizontal']) .start, :host([split='horizontal']) .end { width: 100%; } .handle-overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .handle-overlay.active { display: block; } .handle-overlay.split-vertical { cursor: ew-resize; } .handle-overlay.split-horizontal { cursor: ns-resize; } .handle { background-color: transparent; position: absolute; z-index: 2; } .handle.hover { transition: background-color 0.1s ease-out 0.3s; background-color: var(--vscode-sash-hoverBorder, #0078d4); } .handle.hide { background-color: transparent; transition: background-color 0.1s ease-out; } .handle.split-vertical { cursor: ew-resize; height: 100%; } .handle.split-horizontal { cursor: ns-resize; width: 100%; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-split-layout/vscode-split-layout.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-split-layout/vscode-split-layout.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "parseValue",
-          "return": {
-            "type": {
-              "text": "{value: number; unit: PositionUnit}"
-            }
-          },
-          "parameters": [
+              "name": "_componentResizeObserverCallback",
+              "privacy": "private"
+            },
             {
-              "name": "raw",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "pxToPercent",
-          "parameters": [
+              "kind": "field",
+              "name": "_headerResizeObserverCallback",
+              "privacy": "private"
+            },
             {
-              "name": "current",
-              "type": {
-                "text": "number"
-              }
+              "kind": "field",
+              "name": "_bodyResizeObserverCallback",
+              "privacy": "private"
             },
             {
-              "name": "max",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "_calcColWidthPercentages",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number[]"
+                }
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "percentToPx",
-          "parameters": [
+            },
             {
-              "name": "current",
-              "type": {
-                "text": "number"
-              }
+              "kind": "method",
+              "name": "_initHeaderCellSizes",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "colWidths",
+                  "type": {
+                    "text": "number[]"
+                  }
+                }
+              ]
             },
             {
-              "name": "max",
-              "type": {
-                "text": "number"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeSplitLayout",
-          "cssProperties": [
+              "kind": "method",
+              "name": "_initBodyColumnSizes",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "colWidths",
+                  "type": {
+                    "text": "number[]"
+                  }
+                }
+              ]
+            },
             {
-              "name": "--separator-border",
-              "default": "#454545"
+              "kind": "method",
+              "name": "_initSashes",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "colWidths",
+                  "type": {
+                    "text": "number[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_initDefaultColumnSizes",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_updateResizeHandlersSize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_applyCompactViewColumnLabels",
+              "privacy": "private"
             },
             {
-              "name": "--vscode-editorWidget-border",
-              "default": "#454545"
+              "kind": "method",
+              "name": "_clearCompactViewColumnLabels",
+              "privacy": "private"
             },
             {
-              "name": "--vscode-sash-hoverBorder",
-              "default": "#0078d4"
-            }
-          ],
-          "members": [
+              "kind": "method",
+              "name": "_toggleCompactView",
+              "privacy": "private"
+            },
             {
-              "kind": "field",
-              "name": "split",
-              "description": "Direction of the divider.",
-              "type": {
-                "text": "Orientation"
-              },
-              "attribute": "split",
-              "reflects": true
+              "kind": "method",
+              "name": "_onDefaultSlotChange",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_split",
-              "type": {
-                "text": "Orientation"
-              },
-              "privacy": "private",
-              "default": "'vertical'"
+              "kind": "method",
+              "name": "_onHeaderSlotChange",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "resetOnDblClick",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.",
-              "attribute": "reset-on-dbl-click",
-              "reflects": true
+              "kind": "method",
+              "name": "_onBodySlotChange",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "handleSize",
-              "type": {
-                "text": "number"
-              },
-              "default": "4",
-              "description": "Controls the draggable area size in pixels. it is intended to use the value\nof `workbench.sash.size`.",
-              "attribute": "handle-size",
-              "reflects": true
+              "kind": "method",
+              "name": "_onSashMouseOver",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "initialHandlePosition",
-              "type": {
-                "text": "string"
-              },
-              "default": "'50%'",
-              "description": "The handler position will reset to this position when it is double-clicked,\nor the `resetHandlePosition()` is called.",
-              "attribute": "initial-handle-position",
-              "reflects": true
+              "kind": "method",
+              "name": "_onSashMouseOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "handlePosition",
-              "description": "Set the handle position programmatically. The value must include a unit,\neither `%` or `px`. If no unit is specified, the value is interpreted as\n`px`.",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "handle-position"
+              "kind": "method",
+              "name": "_onSashMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_rawHandlePosition",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
+              "kind": "method",
+              "name": "_updateActiveSashPosition",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "mouseX",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "fixedPane",
-              "description": "The size of the fixed pane will not change when the component is resized.",
-              "type": {
-                "text": "'start' | 'end' | 'none'"
-              },
-              "attribute": "fixed-pane"
+              "kind": "method",
+              "name": "_getSashPositions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\n    sashPos: number;\n    prevSashPos: number;\n    nextSashPos: number;\n  }"
+                }
+              }
             },
             {
-              "kind": "field",
-              "name": "_fixedPane",
-              "type": {
-                "text": "FixedPaneType"
-              },
+              "kind": "method",
+              "name": "_resizeColumns",
               "privacy": "private",
-              "default": "'none'"
+              "parameters": [
+                {
+                  "name": "resizeBodyCells",
+                  "default": "true"
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "_handlePosition",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+              "name": "_onResizingMouseMove",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_isDragActive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "name": "_onResizingMouseUp",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_hover",
+              "name": "version",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
-            },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "_hide",
+              "name": "resizable",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "fieldName": "resizable"
             },
             {
-              "kind": "field",
-              "name": "_wrapperEl",
+              "name": "responsive",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "fieldName": "responsive"
             },
             {
-              "kind": "field",
-              "name": "_handleEl",
+              "name": "bordered",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Both rows and columns are separated by borders.",
+              "fieldName": "bordered"
             },
             {
-              "kind": "field",
-              "name": "_nestedLayoutsAtStart",
+              "name": "bordered-columns",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Columns are separated by borders.",
+              "fieldName": "borderedColumns"
             },
             {
-              "kind": "field",
-              "name": "_nestedLayoutsAtEnd",
+              "name": "bordered-rows",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Rows are separated by borders.",
+              "fieldName": "borderedRows"
             },
             {
-              "kind": "field",
-              "name": "_boundRect",
+              "name": "breakpoint",
               "type": {
-                "text": "DOMRect"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "new DOMRect()"
+              "default": "300",
+              "fieldName": "breakpoint"
             },
             {
-              "kind": "field",
-              "name": "_handleOffset",
+              "name": "columns",
+              "description": "Initial column sizes in a JSON-encoded array.\nAccepted values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
               "type": {
-                "text": "number"
+                "text": "string[]"
               },
-              "privacy": "private",
-              "default": "0"
+              "fieldName": "columns"
             },
             {
-              "kind": "field",
-              "name": "_resizeObserver",
+              "name": "min-column-width",
               "type": {
-                "text": "ResizeObserver"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "new ResizeObserver(this._handleResize)"
+              "default": "'50px'",
+              "description": "Minimum column width. Valid values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword",
+              "fieldName": "minColumnWidth"
             },
             {
-              "kind": "field",
-              "name": "_wrapperObserved",
+              "name": "delayed-resizing",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "fieldName": "delayedResizing"
             },
             {
-              "kind": "field",
-              "name": "_fixedPaneSize",
+              "name": "zebra",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "method",
-              "name": "resetHandlePosition",
-              "description": "Sets the handle position to the value specified in the `initialHandlePosition` property."
-            },
-            {
-              "kind": "method",
-              "name": "_handlePositionPropChanged",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_fixedPanePropChanged",
-              "privacy": "private"
+              "default": "false",
+              "description": "Zebra stripes, even rows are tinted.",
+              "fieldName": "zebra"
             },
             {
-              "kind": "method",
-              "name": "_initFixedPane",
-              "privacy": "private"
-            },
+              "name": "zebra-odd",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Zebra stripes, odd rows are tinted.",
+              "fieldName": "zebraOdd"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-table",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeTable",
+          "declaration": {
+            "name": "VscodeTable",
+            "module": "src/vscode-table/vscode-table.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-table",
+          "declaration": {
+            "name": "VscodeTable",
+            "module": "src/vscode-table/vscode-table.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table-body/vscode-table-body.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { display: table; table-layout: fixed; width: 100%; } ::slotted(vscode-table-row:nth-child(even)) { background-color: var(--vsc-row-even-background); } ::slotted(vscode-table-row:nth-child(odd)) { background-color: var(--vsc-row-odd-background); } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-table-body/vscode-table-body.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table-body/vscode-table-body.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeTableBody",
+          "members": [
             {
               "kind": "field",
-              "name": "_handleResize",
-              "privacy": "private"
-            },
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-table-body",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeTableBody",
+          "declaration": {
+            "name": "VscodeTableBody",
+            "module": "src/vscode-table-body/vscode-table-body.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-table-body",
+          "declaration": {
+            "name": "VscodeTableBody",
+            "module": "src/vscode-table-body/vscode-table-body.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table-cell/vscode-table-cell.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { border-bottom-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); border-bottom-style: solid; border-bottom-width: var(--vsc-row-border-bottom-width); box-sizing: border-box; color: var(--vscode-foreground, #cccccc); display: table-cell; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); height: 24px; overflow: hidden; padding-left: 10px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } :host([compact]) { display: block; height: auto; padding-bottom: 5px; width: 100% !important; } :host([compact]:first-child) { padding-top: 10px; } :host([compact]:last-child) { padding-bottom: 10px; } .wrapper { overflow: inherit; text-overflow: inherit; white-space: inherit; width: 100%; } .column-label { font-weight: bold; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-table-cell/vscode-table-cell.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table-cell/vscode-table-cell.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeTableCell",
+          "cssProperties": [
             {
-              "kind": "method",
-              "name": "_setPosition",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "unit",
-                  "type": {
-                    "text": "PositionUnit"
-                  }
-                }
-              ]
+              "name": "--vscode-editorGroup-border",
+              "default": "rgba(255, 255, 255, 0.09)"
             },
             {
-              "kind": "method",
-              "name": "_handleMouseOver",
-              "privacy": "private"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
             },
             {
-              "kind": "method",
-              "name": "_handleMouseOut",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "kind": "method",
-              "name": "_handleMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
+              "name": "--vscode-font-size",
+              "default": "13px"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_handleMouseUp",
-              "privacy": "private"
+              "name": "columnLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Cell label in the compact view of the responsive mode. For internal use only.",
+              "attribute": "column-label"
             },
             {
               "kind": "field",
-              "name": "_handleMouseMove",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleDblClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleSlotChange",
-              "privacy": "private"
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable compact view in the responsive mode. For internal use only.",
+              "attribute": "compact",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9813,104 +9769,216 @@
           ],
           "attributes": [
             {
-              "name": "split",
-              "description": "Direction of the divider.",
+              "name": "column-label",
               "type": {
-                "text": "Orientation"
+                "text": "string"
               },
-              "fieldName": "split"
+              "default": "''",
+              "description": "Cell label in the compact view of the responsive mode. For internal use only.",
+              "fieldName": "columnLabel"
             },
             {
-              "name": "reset-on-dbl-click",
+              "name": "compact",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.",
-              "fieldName": "resetOnDblClick"
-            },
+              "description": "Enable compact view in the responsive mode. For internal use only.",
+              "fieldName": "compact"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-table-cell",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeTableCell",
+          "declaration": {
+            "name": "VscodeTableCell",
+            "module": "src/vscode-table-cell/vscode-table-cell.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-table-cell",
+          "declaration": {
+            "name": "VscodeTableCell",
+            "module": "src/vscode-table-cell/vscode-table-cell.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table-header/vscode-table-header.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { background-color: var( --vscode-keybindingTable-headerBackground, rgba(204, 204, 204, 0.04) ); display: table; table-layout: fixed; width: 100%; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-table-header/vscode-table-header.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table-header/vscode-table-header.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeTableHeader",
+          "cssProperties": [
             {
-              "name": "handle-size",
-              "type": {
-                "text": "number"
-              },
-              "default": "4",
-              "description": "Controls the draggable area size in pixels. it is intended to use the value\nof `workbench.sash.size`.",
-              "fieldName": "handleSize"
-            },
+              "description": "Table header background",
+              "name": "--vscode-keybindingTable-headerBackground",
+              "default": "rgba(204, 204, 204, 0.04)"
+            }
+          ],
+          "members": [
             {
-              "name": "initial-handle-position",
+              "kind": "field",
+              "name": "version",
               "type": {
                 "text": "string"
               },
-              "default": "DEFAULT_INITIAL_POSITION",
-              "description": "The handler position will reset to this position when it is double-clicked,\nor the `resetHandlePosition()` is called.",
-              "fieldName": "initialHandlePosition"
-            },
-            {
-              "name": "handle-position",
-              "description": "Set the handle position programmatically. The value must include a unit,\neither `%` or `px`. If no unit is specified, the value is interpreted as\n`px`.",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "handlePosition"
-            },
-            {
-              "name": "fixed-pane",
-              "description": "The size of the fixed pane will not change when the component is resized.",
-              "type": {
-                "text": "'start' | 'end' | 'none'"
-              },
-              "fieldName": "fixedPane"
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-split-layout",
+          "tagName": "vscode-table-header",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "parseValue",
+          "name": "VscodeTableHeader",
           "declaration": {
-            "name": "parseValue",
-            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+            "name": "VscodeTableHeader",
+            "module": "src/vscode-table-header/vscode-table-header.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "pxToPercent",
+          "kind": "custom-element-definition",
+          "name": "vscode-table-header",
           "declaration": {
-            "name": "pxToPercent",
-            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+            "name": "VscodeTableHeader",
+            "module": "src/vscode-table-header/vscode-table-header.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table-header-cell/vscode-table-header-cell.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { box-sizing: border-box; color: var(--vscode-foreground, #cccccc); display: table-cell; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: bold; line-height: 20px; overflow: hidden; padding-bottom: 5px; padding-left: 10px; padding-right: 0; padding-top: 5px; text-overflow: ellipsis; white-space: nowrap; } .wrapper { box-sizing: inherit; overflow: inherit; text-overflow: inherit; white-space: inherit; width: 100%; } `, ]"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "percentToPx",
+          "name": "default",
           "declaration": {
-            "name": "percentToPx",
-            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+            "name": "styles",
+            "module": "src/vscode-table-header-cell/vscode-table-header-cell.styles.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-table-header-cell/vscode-table-header-cell.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeTableHeaderCell",
+          "cssProperties": [
+            {
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
+            },
+            {
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
+            },
+            {
+              "name": "--vscode-font-size",
+              "default": "13px"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-table-header-cell",
+          "customElement": true
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "VscodeSplitLayout",
+          "name": "VscodeTableHeaderCell",
           "declaration": {
-            "name": "VscodeSplitLayout",
-            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+            "name": "VscodeTableHeaderCell",
+            "module": "src/vscode-table-header-cell/vscode-table-header-cell.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-split-layout",
+          "name": "vscode-table-header-cell",
           "declaration": {
-            "name": "VscodeSplitLayout",
-            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+            "name": "VscodeTableHeaderCell",
+            "module": "src/vscode-table-header-cell/vscode-table-header-cell.ts"
           }
         }
       ]
@@ -13754,12 +13822,6 @@
           "kind": "class",
           "description": "",
           "name": "VscodeSelectBase",
-          "cssProperties": [
-            {
-              "description": "workaround for dropdown z-index issues",
-              "name": "--dropdown-z-index"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -13869,6 +13931,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_dropdownEl",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_opts",
@@ -14082,9 +14152,17 @@
               }
             },
             {
-              "kind": "field",
-              "name": "_onClickOutside",
-              "privacy": "private"
+              "kind": "method",
+              "name": "_handleDropdownToggle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "ToggleEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -14310,6 +14388,11 @@
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "_handleWindowScroll",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_renderCheckbox",