@vscode-elements/elements 2.0.0 → 2.0.1

package/custom-elements.json

@@ -2978,7 +2978,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-form-helper/vscode-form-helper.styles.ts",
+      "path": "src/vscode-form-group/vscode-form-group.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -2986,7 +2986,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: block; line-height: 1.4em; margin-bottom: 4px; margin-top: 4px; max-width: 720px; opacity: 0.9; } :host([vertical]) { margin-left: 0; } `, ]"
+          "default": "[ defaultStyles, css` :host { --label-right-margin: 14px; --label-width: 150px; display: block; margin: 15px 0; } :host([variant='settings-group']) { margin: 0; padding: 12px 14px 18px; max-width: 727px; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper, :host([variant='settings-group']) .wrapper { display: block; } :host([variant='horizontal']) ::slotted(vscode-checkbox-group), :host([variant='horizontal']) ::slotted(vscode-radio-group) { width: calc(100% - calc(var(--label-width) + var(--label-right-margin))); } :host([variant='horizontal']) ::slotted(vscode-label) { margin-right: var(--label-right-margin); text-align: right; width: var(--label-width); } :host([variant='settings-group']) ::slotted(vscode-label) { height: 18px; line-height: 18px; margin-bottom: 4px; margin-right: 0; padding: 0; } ::slotted(vscode-form-helper) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-form-helper), :host([variant='settings-group']) ::slotted(vscode-form-helper) { display: block; margin-left: 0; } :host([variant='settings-group']) ::slotted(vscode-form-helper) { margin-bottom: 0; margin-top: 0; } :host([variant='vertical']) ::slotted(vscode-label), :host([variant='settings-group']) ::slotted(vscode-label) { display: block; margin-left: 0; text-align: left; } :host([variant='settings-group']) ::slotted(vscode-inputbox), :host([variant='settings-group']) ::slotted(vscode-textfield), :host([variant='settings-group']) ::slotted(vscode-textarea), :host([variant='settings-group']) ::slotted(vscode-single-select), :host([variant='settings-group']) ::slotted(vscode-multi-select) { margin-top: 9px; } ::slotted(vscode-button:first-child) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-button) { margin-left: 0; } ::slotted(vscode-button) { margin-right: 4px; } `, ]"
         }
       ],
       "exports": [
@@ -2995,30 +2995,41 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-form-helper/vscode-form-helper.styles.ts"
+            "module": "src/vscode-form-group/vscode-form-group.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-form-helper/vscode-form-helper.ts",
+      "path": "src/vscode-form-group/vscode-form-group.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Adds more detailed description to a [FromGroup](https://bendera.github.io/vscode-webview-elements/components/vscode-form-group/)",
-          "name": "VscodeFormHelper",
+          "description": "",
+          "name": "VscodeFormGroup",
           "cssProperties": [
             {
-              "description": "Default text color. 90% transparency version of `--vscode-foreground` by default.",
-              "name": "--vsc-foreground-translucent"
+              "description": "The width of the label in horizontal mode",
+              "name": "--label-width",
+              "default": "150px"
+            },
+            {
+              "description": "The right margin of the label in horizontal mode",
+              "name": "--label-right-margin",
+              "default": "14px"
             }
           ],
           "members": [
             {
-              "kind": "method",
-              "name": "_injectLightDOMStyles",
-              "privacy": "private"
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "FormGroupVariant"
+              },
+              "default": "'horizontal'",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3034,36 +3045,46 @@
               }
             }
           ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "FormGroupVariant"
+              },
+              "default": "'horizontal'",
+              "fieldName": "variant"
+            }
+          ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-form-helper",
+          "tagName": "vscode-form-group",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeFormHelper",
+          "name": "VscodeFormGroup",
           "declaration": {
-            "name": "VscodeFormHelper",
-            "module": "src/vscode-form-helper/vscode-form-helper.ts"
+            "name": "VscodeFormGroup",
+            "module": "src/vscode-form-group/vscode-form-group.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-form-helper",
+          "name": "vscode-form-group",
           "declaration": {
-            "name": "VscodeFormHelper",
-            "module": "src/vscode-form-helper/vscode-form-helper.ts"
+            "name": "VscodeFormGroup",
+            "module": "src/vscode-form-group/vscode-form-group.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-icon/vscode-icon.styles.ts",
+      "path": "src/vscode-form-helper/vscode-form-helper.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -3071,7 +3092,7 @@
           "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; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; line-height: 1.4em; margin-bottom: 4px; margin-top: 4px; max-width: 720px; opacity: 0.9; } :host([vertical]) { margin-left: 0; } `, ]"
         }
       ],
       "exports": [
@@ -3080,136 +3101,29 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-icon/vscode-icon.styles.ts"
+            "module": "src/vscode-form-helper/vscode-form-helper.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-icon/vscode-icon.ts",
+      "path": "src/vscode-form-helper/vscode-form-helper.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",
+          "description": "Adds more detailed description to a [FromGroup](https://bendera.github.io/vscode-webview-elements/components/vscode-form-group/)",
+          "name": "VscodeFormHelper",
           "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": "Default text color. 90% transparency version of `--vscode-foreground` by default.",
+              "name": "--vsc-foreground-translucent"
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "number"
-              },
-              "default": "16",
-              "description": "Icon size in pixels",
-              "attribute": "size"
-            },
-            {
-              "kind": "field",
-              "name": "spin",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable rotation animation",
-              "attribute": "spin",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "spinDuration",
-              "type": {
-                "text": "number"
-              },
-              "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",
+              "name": "_injectLightDOMStyles",
               "privacy": "private"
             },
             {
@@ -3226,85 +3140,29 @@
               }
             }
           ],
-          "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",
+          "tagName": "vscode-form-helper",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeIcon",
+          "name": "VscodeFormHelper",
           "declaration": {
-            "name": "VscodeIcon",
-            "module": "src/vscode-icon/vscode-icon.ts"
+            "name": "VscodeFormHelper",
+            "module": "src/vscode-form-helper/vscode-form-helper.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-icon",
+          "name": "vscode-form-helper",
           "declaration": {
-            "name": "VscodeIcon",
-            "module": "src/vscode-icon/vscode-icon.ts"
+            "name": "VscodeFormHelper",
+            "module": "src/vscode-form-helper/vscode-form-helper.ts"
           }
         }
       ]
@@ -3490,112 +3348,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-form-group/vscode-form-group.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { --label-right-margin: 14px; --label-width: 150px; display: block; margin: 15px 0; } :host([variant='settings-group']) { margin: 0; padding: 12px 14px 18px; max-width: 727px; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper, :host([variant='settings-group']) .wrapper { display: block; } :host([variant='horizontal']) ::slotted(vscode-checkbox-group), :host([variant='horizontal']) ::slotted(vscode-radio-group) { width: calc(100% - calc(var(--label-width) + var(--label-right-margin))); } :host([variant='horizontal']) ::slotted(vscode-label) { margin-right: var(--label-right-margin); text-align: right; width: var(--label-width); } :host([variant='settings-group']) ::slotted(vscode-label) { height: 18px; line-height: 18px; margin-bottom: 4px; margin-right: 0; padding: 0; } ::slotted(vscode-form-helper) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-form-helper), :host([variant='settings-group']) ::slotted(vscode-form-helper) { display: block; margin-left: 0; } :host([variant='settings-group']) ::slotted(vscode-form-helper) { margin-bottom: 0; margin-top: 0; } :host([variant='vertical']) ::slotted(vscode-label), :host([variant='settings-group']) ::slotted(vscode-label) { display: block; margin-left: 0; text-align: left; } :host([variant='settings-group']) ::slotted(vscode-inputbox), :host([variant='settings-group']) ::slotted(vscode-textfield), :host([variant='settings-group']) ::slotted(vscode-textarea), :host([variant='settings-group']) ::slotted(vscode-single-select), :host([variant='settings-group']) ::slotted(vscode-multi-select) { margin-top: 9px; } ::slotted(vscode-button:first-child) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-button) { margin-left: 0; } ::slotted(vscode-button) { margin-right: 4px; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-form-group/vscode-form-group.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-form-group/vscode-form-group.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeFormGroup",
-          "cssProperties": [
-            {
-              "description": "The width of the label in horizontal mode",
-              "name": "--label-width",
-              "default": "150px"
-            },
-            {
-              "description": "The right margin of the label in horizontal mode",
-              "name": "--label-right-margin",
-              "default": "14px"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "FormGroupVariant"
-              },
-              "default": "'horizontal'",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "FormGroupVariant"
-              },
-              "default": "'horizontal'",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-form-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeFormGroup",
-          "declaration": {
-            "name": "VscodeFormGroup",
-            "module": "src/vscode-form-group/vscode-form-group.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-form-group",
-          "declaration": {
-            "name": "VscodeFormGroup",
-            "module": "src/vscode-form-group/vscode-form-group.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/vscode-multi-select/vscode-multi-select.styles.ts",
@@ -5028,77 +4780,153 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-option/vscode-option.styles.ts",
-      "declarations": [],
+      "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; } `, ]"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-option/vscode-option.styles.ts"
+            "module": "src/vscode-icon/vscode-icon.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-option/vscode-option.ts",
+      "path": "src/vscode-icon/vscode-icon.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "VscodeOption",
+          "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"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "value",
+              "name": "label",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string"
               },
-              "attribute": "value"
+              "default": "''",
+              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "description"
+              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "Icon size in pixels",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "spin",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "selected",
+              "description": "Enable rotation animation",
+              "attribute": "spin",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "spinDuration",
+              "type": {
+                "text": "number"
+              },
+              "default": "1.5",
+              "description": "Animation duration in seconds",
+              "attribute": "spin-duration"
+            },
+            {
+              "kind": "field",
+              "name": "actionIcon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled",
+              "description": "Behaves like a button",
+              "attribute": "action-icon",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_initialized",
+              "name": "stylesheetHref",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
               "privacy": "private",
-              "default": "false"
+              "static": true,
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "_handleSlotChange",
+              "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"
             },
             {
@@ -5117,36 +4945,208 @@
           ],
           "attributes": [
             {
-              "name": "value",
+              "name": "label",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string"
               },
-              "fieldName": "value"
+              "default": "''",
+              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
+              "fieldName": "label"
             },
             {
-              "name": "description",
+              "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "description"
+              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
+              "fieldName": "name"
             },
             {
-              "name": "selected",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "Icon size in pixels",
+              "fieldName": "size"
+            },
+            {
+              "name": "spin",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "selected"
+              "description": "Enable rotation animation",
+              "fieldName": "spin"
             },
             {
-              "name": "disabled",
+              "name": "spin-duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "1.5",
+              "description": "Animation duration in seconds",
+              "fieldName": "spinDuration"
+            },
+            {
+              "name": "action-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled"
-            }
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "_handleSlotChange",
+              "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": "value",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "description"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "selected"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            }
           ],
           "superclass": {
             "name": "VscElement",
@@ -7965,7 +7965,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-split-layout/vscode-split-layout.styles.ts",
+      "path": "src/vscode-tab-header/vscode-tab-header.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -7973,7 +7973,7 @@
           "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%; } `, ]"
+          "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": [
@@ -7982,1708 +7982,1820 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-split-layout/vscode-split-layout.styles.ts"
+            "module": "src/vscode-tab-header/vscode-tab-header.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-split-layout/vscode-split-layout.ts",
+      "path": "src/vscode-tab-header/vscode-tab-header.ts",
       "declarations": [
-        {
-          "kind": "function",
-          "name": "parseValue",
-          "return": {
-            "type": {
-              "text": "{value: number; unit: PositionUnit}"
-            }
-          },
-          "parameters": [
-            {
-              "name": "raw",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "pxToPercent",
-          "parameters": [
-            {
-              "name": "current",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "percentToPx",
-          "parameters": [
-            {
-              "name": "current",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              }
-            }
-          ]
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "VscodeSplitLayout",
+          "name": "VscodeTabHeader",
           "cssProperties": [
             {
-              "name": "--separator-border",
-              "default": "#454545"
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "name": "--vscode-editorWidget-border",
-              "default": "#454545"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-sash-hoverBorder",
+              "name": "--vscode-panelTitle-activeBorder",
               "default": "#0078d4"
+            },
+            {
+              "name": "--vscode-panelTitle-activeForeground",
+              "default": "#cccccc"
+            },
+            {
+              "name": "--vscode-panelTitle-inactiveForeground",
+              "default": "#9d9d9d"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "split",
-              "description": "Direction of the divider.",
+              "name": "active",
               "type": {
-                "text": "Orientation"
+                "text": "boolean"
               },
-              "attribute": "split",
+              "default": "false",
+              "attribute": "active",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_split",
-              "type": {
-                "text": "Orientation"
-              },
-              "privacy": "private",
-              "default": "'vertical'"
-            },
-            {
-              "kind": "field",
-              "name": "resetOnDblClick",
+              "name": "panel",
               "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",
+              "description": "Panel-like look",
+              "attribute": "panel",
               "reflects": true
             },
             {
               "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": "field",
-              "name": "initialHandlePosition",
+              "name": "version",
               "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": "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": "field",
-              "name": "_rawHandlePosition",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "fixedPane",
-              "description": "The size of the fixed pane will not change when the component is resized.",
+              "name": "active",
               "type": {
-                "text": "'start' | 'end' | 'none'"
+                "text": "boolean"
               },
-              "attribute": "fixed-pane"
+              "default": "false",
+              "fieldName": "active"
             },
             {
-              "kind": "field",
-              "name": "_fixedPane",
+              "name": "panel",
               "type": {
-                "text": "FixedPaneType"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "'none'"
-            },
+              "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": "field",
-              "name": "_handlePosition",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "kind": "field",
-              "name": "_isDragActive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
+              "name": "--vscode-panel--background",
+              "default": "#181818"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_hover",
+              "name": "hidden",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "attribute": "hidden",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_hide",
+              "name": "panel",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Panel-like look",
+              "attribute": "panel",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_wrapperEl",
+              "name": "version",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "string"
               },
-              "privacy": "private"
-            },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "_handleEl",
+              "name": "hidden",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "fieldName": "hidden"
             },
             {
-              "kind": "field",
-              "name": "_nestedLayoutsAtStart",
+              "name": "panel",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "boolean"
               },
-              "privacy": "private"
-            },
+              "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": [
             {
-              "kind": "field",
-              "name": "_nestedLayoutsAtEnd",
+              "name": "raw",
               "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private"
+                "text": "string | number"
+              }
             },
             {
-              "kind": "field",
-              "name": "_boundRect",
-              "type": {
-                "text": "DOMRect"
-              },
-              "privacy": "private",
-              "default": "new DOMRect()"
-            },
-            {
-              "kind": "field",
-              "name": "_handleOffset",
+              "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"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "false",
+              "attribute": "resizable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_resizeObserver",
+              "name": "responsive",
               "type": {
-                "text": "ResizeObserver"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "new ResizeObserver(this._handleResize)"
+              "default": "false",
+              "attribute": "responsive",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_wrapperObserved",
+              "name": "bordered",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Both rows and columns are separated by borders.",
+              "attribute": "bordered",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_fixedPaneSize",
+              "name": "borderedColumns",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "0"
+              "default": "false",
+              "description": "Columns are separated by borders.",
+              "attribute": "bordered-columns",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "resetHandlePosition",
-              "description": "Sets the handle position to the value specified in the `initialHandlePosition` property."
+              "kind": "field",
+              "name": "borderedRows",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Rows are separated by borders.",
+              "attribute": "bordered-rows",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_handlePositionPropChanged",
-              "privacy": "private"
+              "kind": "field",
+              "name": "breakpoint",
+              "type": {
+                "text": "number"
+              },
+              "default": "300",
+              "attribute": "breakpoint"
             },
             {
-              "kind": "method",
-              "name": "_fixedPanePropChanged",
-              "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": "_initFixedPane",
-              "privacy": "private"
+              "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": "field",
-              "name": "_handleResize",
-              "privacy": "private"
+              "name": "delayedResizing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "delayed-resizing",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_setPosition",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "unit",
-                  "type": {
-                    "text": "PositionUnit"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "zebra",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Zebra stripes, even rows are tinted.",
+              "attribute": "zebra",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_handleMouseOver",
-              "privacy": "private"
+              "kind": "field",
+              "name": "zebraOdd",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Zebra stripes, odd rows are tinted.",
+              "attribute": "zebra-odd",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_handleMouseOut",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "_bodySlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              },
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_handleMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "_headerElement",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_handleMouseUp",
+              "name": "_scrollableElement",
+              "type": {
+                "text": "VscodeScrollable"
+              },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_handleMouseMove",
+              "name": "_sashVisibleElements",
+              "type": {
+                "text": "HTMLDivElement[]"
+              },
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_handleDblClick",
+              "kind": "field",
+              "name": "_assignedElements",
+              "type": {
+                "text": "NodeListOf<HTMLElement>"
+              },
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_handleSlotChange",
+              "kind": "field",
+              "name": "_assignedHeaderElements",
+              "type": {
+                "text": "NodeListOf<VscodeTableHeader>"
+              },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "_assignedBodyElements",
               "type": {
-                "text": "string"
+                "text": "NodeListOf<VscodeTableBody>"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "privacy": "private"
+            },
             {
-              "name": "split",
-              "description": "Direction of the divider.",
+              "kind": "field",
+              "name": "_sashPositions",
               "type": {
-                "text": "Orientation"
+                "text": "number[]"
               },
-              "fieldName": "split"
+              "privacy": "private",
+              "default": "[]",
+              "description": "Sash positions in percentage"
             },
             {
-              "name": "reset-on-dbl-click",
+              "kind": "field",
+              "name": "_isDragging",
               "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"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "handle-size",
+              "kind": "field",
+              "name": "_sashHovers",
               "type": {
-                "text": "number"
+                "text": "boolean[]"
               },
-              "default": "4",
-              "description": "Controls the draggable area size in pixels. it is intended to use the value\nof `workbench.sash.size`.",
-              "fieldName": "handleSize"
+              "privacy": "private",
+              "default": "[]",
+              "description": "Sash hover state flags, used in the render."
             },
             {
-              "name": "initial-handle-position",
+              "kind": "field",
+              "name": "_columns",
               "type": {
-                "text": "string"
+                "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"
+              "privacy": "private",
+              "default": "[]"
             },
             {
-              "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`.",
+              "kind": "field",
+              "name": "_componentResizeObserver",
               "type": {
-                "text": "string | undefined"
+                "text": "ResizeObserver | undefined"
               },
-              "fieldName": "handlePosition"
+              "privacy": "private"
             },
             {
-              "name": "fixed-pane",
-              "description": "The size of the fixed pane will not change when the component is resized.",
+              "kind": "field",
+              "name": "_headerResizeObserver",
               "type": {
-                "text": "'start' | 'end' | 'none'"
+                "text": "ResizeObserver | undefined"
               },
-              "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": [
+              "privacy": "private"
+            },
             {
-              "name": "--vscode-focusBorder",
-              "default": "#0078d4"
+              "kind": "field",
+              "name": "_bodyResizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "name": "--vscode-foreground",
-              "default": "#cccccc"
+              "kind": "field",
+              "name": "_activeSashElementIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1"
             },
             {
-              "name": "--vscode-panelTitle-activeBorder",
-              "default": "#0078d4"
+              "kind": "field",
+              "name": "_activeSashCursorOffset",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "--vscode-panelTitle-activeForeground",
-              "default": "#cccccc"
+              "kind": "field",
+              "name": "_componentX",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "--vscode-panelTitle-inactiveForeground",
-              "default": "#9d9d9d"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "_componentH",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
             {
               "kind": "field",
-              "name": "active",
+              "name": "_componentW",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "attribute": "active",
-              "reflects": true
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "panel",
+              "name": "_headerCells",
               "type": {
-                "text": "boolean"
+                "text": "VscodeTableHeaderCell[]"
               },
-              "default": "false",
-              "description": "Panel-like look",
-              "attribute": "panel",
-              "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": "active",
+              "kind": "field",
+              "name": "_cellsToResize",
               "type": {
-                "text": "boolean"
+                "text": "VscodeTableCell[]"
               },
-              "default": "false",
-              "fieldName": "active"
+              "privacy": "private"
             },
             {
-              "name": "panel",
+              "kind": "field",
+              "name": "_headerCellsToResize",
               "type": {
-                "text": "boolean"
+                "text": "VscodeTableHeaderCell[]"
               },
-              "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"
+              "privacy": "private"
             },
-            {
-              "name": "--vscode-panel--background",
-              "default": "#181818"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "hidden",
+              "name": "_prevHeaderHeight",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "attribute": "hidden",
-              "reflects": true
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "panel",
+              "name": "_prevComponentHeight",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Panel-like look",
-              "attribute": "panel",
-              "reflects": true
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hidden"
+              "kind": "method",
+              "name": "_px2Percent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "px",
+                  "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": [
+              "kind": "method",
+              "name": "_percent2Px",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "percent",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
-              "name": "raw",
-              "type": {
-                "text": "string | number"
-              }
+              "kind": "method",
+              "name": "_memoizeComponentDimensions",
+              "privacy": "private"
             },
             {
-              "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": [
+              "kind": "method",
+              "name": "_queryHeaderCells",
+              "privacy": "private"
+            },
             {
-              "name": "--vscode-editorGroup-border",
-              "default": "rgba(255, 255, 255, 0.09)"
+              "kind": "method",
+              "name": "_getHeaderCells",
+              "privacy": "private",
+              "description": "Get cached header cells"
             },
             {
-              "name": "--vscode-keybindingTable-rowsBackground",
-              "default": "rgba(204, 204, 204, 0.04)"
+              "kind": "method",
+              "name": "_queryCellsOfFirstRow",
+              "privacy": "private"
             },
             {
-              "name": "--vscode-sash-hoverBorder",
-              "default": "#0078d4"
+              "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": "_componentResizeObserverCallback",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_headerResizeObserverCallback",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_bodyResizeObserverCallback",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_calcColWidthPercentages",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_initHeaderCellSizes",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "colWidths",
+                  "type": {
+                    "text": "number[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_initBodyColumnSizes",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "colWidths",
+                  "type": {
+                    "text": "number[]"
+                  }
+                }
+              ]
+            },
+            {
+              "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"
+            },
+            {
+              "kind": "method",
+              "name": "_clearCompactViewColumnLabels",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_toggleCompactView",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onDefaultSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onHeaderSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onBodySlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onSashMouseOver",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onSashMouseOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "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": "method",
+              "name": "_getSashPositions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\n    sashPos: number;\n    prevSashPos: number;\n    nextSashPos: number;\n  }"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_resizeColumns",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "resizeBodyCells",
+                  "default": "true"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_onResizingMouseMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_onResizingMouseUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
               "name": "resizable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "resizable",
-              "reflects": true
+              "fieldName": "resizable"
             },
             {
-              "kind": "field",
               "name": "responsive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "responsive",
-              "reflects": true
+              "fieldName": "responsive"
             },
             {
-              "kind": "field",
               "name": "bordered",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Both rows and columns are separated by borders.",
-              "attribute": "bordered",
-              "reflects": true
+              "fieldName": "bordered"
             },
             {
-              "kind": "field",
-              "name": "borderedColumns",
+              "name": "bordered-columns",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Columns are separated by borders.",
-              "attribute": "bordered-columns",
-              "reflects": true
+              "fieldName": "borderedColumns"
             },
             {
-              "kind": "field",
-              "name": "borderedRows",
+              "name": "bordered-rows",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Rows are separated by borders.",
-              "attribute": "bordered-rows",
-              "reflects": true
+              "fieldName": "borderedRows"
             },
             {
-              "kind": "field",
               "name": "breakpoint",
               "type": {
                 "text": "number"
               },
               "default": "300",
-              "attribute": "breakpoint"
+              "fieldName": "breakpoint"
             },
             {
-              "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"
+              "fieldName": "columns"
             },
             {
-              "kind": "field",
-              "name": "minColumnWidth",
+              "name": "min-column-width",
               "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"
+              "fieldName": "minColumnWidth"
             },
             {
-              "kind": "field",
-              "name": "delayedResizing",
+              "name": "delayed-resizing",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "delayed-resizing",
-              "reflects": true
+              "fieldName": "delayedResizing"
             },
             {
-              "kind": "field",
               "name": "zebra",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Zebra stripes, even rows are tinted.",
-              "attribute": "zebra",
-              "reflects": true
+              "fieldName": "zebra"
             },
             {
-              "kind": "field",
-              "name": "zebraOdd",
+              "name": "zebra-odd",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Zebra stripes, odd rows are tinted.",
-              "attribute": "zebra-odd",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_bodySlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_headerElement",
-              "type": {
-                "text": "HTMLDivElement"
-              },
-              "privacy": "private"
-            },
+              "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": "_scrollableElement",
+              "name": "version",
               "type": {
-                "text": "VscodeScrollable"
+                "text": "string"
               },
-              "privacy": "private"
-            },
+              "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": "field",
-              "name": "_sashVisibleElements",
-              "type": {
-                "text": "HTMLDivElement[]"
-              },
-              "privacy": "private"
+              "name": "--vscode-editorGroup-border",
+              "default": "rgba(255, 255, 255, 0.09)"
             },
             {
-              "kind": "field",
-              "name": "_assignedElements",
-              "type": {
-                "text": "NodeListOf<HTMLElement>"
-              },
-              "privacy": "private"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
             },
             {
-              "kind": "field",
-              "name": "_assignedHeaderElements",
-              "type": {
-                "text": "NodeListOf<VscodeTableHeader>"
-              },
-              "privacy": "private"
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "kind": "field",
-              "name": "_assignedBodyElements",
-              "type": {
-                "text": "NodeListOf<VscodeTableBody>"
-              },
-              "privacy": "private"
-            },
+              "name": "--vscode-font-size",
+              "default": "13px"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_sashPositions",
+              "name": "columnLabel",
               "type": {
-                "text": "number[]"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Sash positions in percentage"
+              "default": "''",
+              "description": "Cell label in the compact view of the responsive mode. For internal use only.",
+              "attribute": "column-label"
             },
             {
               "kind": "field",
-              "name": "_isDragging",
+              "name": "compact",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Enable compact view in the responsive mode. For internal use only.",
+              "attribute": "compact",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_sashHovers",
+              "name": "version",
               "type": {
-                "text": "boolean[]"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Sash hover state flags, used in the render."
-            },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "_columns",
+              "name": "column-label",
               "type": {
-                "text": "string[]"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "[]"
+              "default": "''",
+              "description": "Cell label in the compact view of the responsive mode. For internal use only.",
+              "fieldName": "columnLabel"
             },
             {
-              "kind": "field",
-              "name": "_componentResizeObserver",
+              "name": "compact",
               "type": {
-                "text": "ResizeObserver | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_headerResizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_bodyResizeObserver",
-              "type": {
-                "text": "ResizeObserver | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_activeSashElementIndex",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "-1"
-            },
-            {
-              "kind": "field",
-              "name": "_activeSashCursorOffset",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_componentX",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
+              "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": [
             {
-              "kind": "field",
-              "name": "_componentH",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
+              "description": "Table header background",
+              "name": "--vscode-keybindingTable-headerBackground",
+              "default": "rgba(204, 204, 204, 0.04)"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_componentW",
+              "name": "version",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "0"
-            },
+              "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": [
             {
-              "kind": "field",
-              "name": "_headerCells",
-              "type": {
-                "text": "VscodeTableHeaderCell[]"
-              },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Cached querySelectorAll result. Updated when the header slot changes.\nIt shouldn't be used directly, check the \"_getHeaderCells\" function."
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
             },
             {
-              "kind": "field",
-              "name": "_cellsOfFirstRow",
-              "type": {
-                "text": "VscodeTableCell[]"
-              },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Cached querySelectorAll result. Updated when the body slot changes.\nIt shouldn't be used directly, check the \"_getCellsOfFirstRow\" function."
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "kind": "field",
-              "name": "_cellsToResize",
-              "type": {
-                "text": "VscodeTableCell[]"
-              },
-              "privacy": "private"
-            },
+              "name": "--vscode-font-size",
+              "default": "13px"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_headerCellsToResize",
+              "name": "version",
               "type": {
-                "text": "VscodeTableHeaderCell[]"
+                "text": "string"
               },
-              "privacy": "private"
-            },
+              "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": [
             {
-              "kind": "field",
-              "name": "_prevHeaderHeight",
+              "name": "raw",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "pxToPercent",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "_prevComponentHeight",
+              "name": "current",
               "type": {
                 "text": "number"
-              },
-              "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"
-            },
-            {
-              "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": "_componentResizeObserverCallback",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_headerResizeObserverCallback",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_bodyResizeObserverCallback",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_calcColWidthPercentages",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number[]"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_initHeaderCellSizes",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "colWidths",
-                  "type": {
-                    "text": "number[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_initBodyColumnSizes",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "colWidths",
-                  "type": {
-                    "text": "number[]"
-                  }
-                }
-              ]
-            },
-            {
-              "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"
+              }
             },
             {
-              "kind": "method",
-              "name": "_clearCompactViewColumnLabels",
-              "privacy": "private"
-            },
+              "name": "max",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "percentToPx",
+          "parameters": [
             {
-              "kind": "method",
-              "name": "_toggleCompactView",
-              "privacy": "private"
+              "name": "current",
+              "type": {
+                "text": "number"
+              }
             },
             {
-              "kind": "method",
-              "name": "_onDefaultSlotChange",
-              "privacy": "private"
-            },
+              "name": "max",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeSplitLayout",
+          "cssProperties": [
             {
-              "kind": "method",
-              "name": "_onHeaderSlotChange",
-              "privacy": "private"
+              "name": "--separator-border",
+              "default": "#454545"
             },
             {
-              "kind": "method",
-              "name": "_onBodySlotChange",
-              "privacy": "private"
+              "name": "--vscode-editorWidget-border",
+              "default": "#454545"
             },
             {
-              "kind": "method",
-              "name": "_onSashMouseOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "--vscode-sash-hoverBorder",
+              "default": "#0078d4"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "split",
+              "description": "Direction of the divider.",
+              "type": {
+                "text": "Orientation"
+              },
+              "attribute": "split",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_onSashMouseOut",
+              "kind": "field",
+              "name": "_split",
+              "type": {
+                "text": "Orientation"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "default": "'vertical'"
             },
             {
-              "kind": "method",
-              "name": "_onSashMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "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": "_updateActiveSashPosition",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "mouseX",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "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": "_getSashPositions",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{\n    sashPos: number;\n    prevSashPos: number;\n    nextSashPos: number;\n  }"
-                }
-              }
+              "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": "_resizeColumns",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "resizeBodyCells",
-                  "default": "true"
-                }
-              ]
+              "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": "field",
-              "name": "_onResizingMouseMove",
+              "name": "_rawHandlePosition",
+              "type": {
+                "text": "string | undefined"
+              },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_onResizingMouseUp",
-              "privacy": "private"
+              "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": "field",
-              "name": "version",
+              "name": "_fixedPane",
               "type": {
-                "text": "string"
+                "text": "FixedPaneType"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "privacy": "private",
+              "default": "'none'"
+            },
             {
-              "name": "resizable",
+              "kind": "field",
+              "name": "_handlePosition",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "resizable"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "responsive",
+              "kind": "field",
+              "name": "_isDragActive",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "fieldName": "responsive"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "bordered",
+              "kind": "field",
+              "name": "_hover",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Both rows and columns are separated by borders.",
-              "fieldName": "bordered"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "bordered-columns",
+              "kind": "field",
+              "name": "_hide",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Columns are separated by borders.",
-              "fieldName": "borderedColumns"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "bordered-rows",
+              "kind": "field",
+              "name": "_wrapperEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLDivElement"
               },
-              "default": "false",
-              "description": "Rows are separated by borders.",
-              "fieldName": "borderedRows"
+              "privacy": "private"
             },
             {
-              "name": "breakpoint",
+              "kind": "field",
+              "name": "_handleEl",
               "type": {
-                "text": "number"
+                "text": "HTMLDivElement"
               },
-              "default": "300",
-              "fieldName": "breakpoint"
+              "privacy": "private"
             },
             {
-              "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": "_nestedLayoutsAtStart",
               "type": {
-                "text": "string[]"
+                "text": "HTMLElement[]"
               },
-              "fieldName": "columns"
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_nestedLayoutsAtEnd",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private"
             },
             {
-              "name": "min-column-width",
+              "kind": "field",
+              "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",
-              "fieldName": "minColumnWidth"
+              "privacy": "private",
+              "default": "new DOMRect()"
             },
             {
-              "name": "delayed-resizing",
+              "kind": "field",
+              "name": "_handleOffset",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "delayedResizing"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "zebra",
+              "kind": "field",
+              "name": "_resizeObserver",
               "type": {
-                "text": "boolean"
+                "text": "ResizeObserver"
               },
-              "default": "false",
-              "description": "Zebra stripes, even rows are tinted.",
-              "fieldName": "zebra"
+              "privacy": "private",
+              "default": "new ResizeObserver(this._handleResize)"
             },
             {
-              "name": "zebra-odd",
+              "kind": "field",
+              "name": "_wrapperObserved",
               "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": [
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
-              "name": "version",
+              "name": "_fixedPaneSize",
               "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": [
+              "privacy": "private",
+              "default": "0"
+            },
             {
-              "name": "--vscode-editorGroup-border",
-              "default": "rgba(255, 255, 255, 0.09)"
+              "kind": "method",
+              "name": "resetHandlePosition",
+              "description": "Sets the handle position to the value specified in the `initialHandlePosition` property."
             },
             {
-              "name": "--vscode-foreground",
-              "default": "#cccccc"
+              "kind": "method",
+              "name": "_handlePositionPropChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_fixedPanePropChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_initFixedPane",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleResize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_setPosition",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "unit",
+                  "type": {
+                    "text": "PositionUnit"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleMouseOver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleMouseOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_handleMouseUp",
+              "privacy": "private"
             },
             {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
+              "kind": "field",
+              "name": "_handleMouseMove",
+              "privacy": "private"
             },
             {
-              "name": "--vscode-font-size",
-              "default": "13px"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "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": "method",
+              "name": "_handleDblClick",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable compact view in the responsive mode. For internal use only.",
-              "attribute": "compact",
-              "reflects": true
+              "kind": "method",
+              "name": "_handleSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -9701,216 +9813,104 @@
           ],
           "attributes": [
             {
-              "name": "column-label",
+              "name": "split",
+              "description": "Direction of the divider.",
               "type": {
-                "text": "string"
+                "text": "Orientation"
               },
-              "default": "''",
-              "description": "Cell label in the compact view of the responsive mode. For internal use only.",
-              "fieldName": "columnLabel"
+              "fieldName": "split"
             },
             {
-              "name": "compact",
+              "name": "reset-on-dbl-click",
               "type": {
                 "text": "boolean"
               },
               "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": [
+              "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.",
+              "fieldName": "resetOnDblClick"
+            },
             {
-              "description": "Table header background",
-              "name": "--vscode-keybindingTable-headerBackground",
-              "default": "rgba(204, 204, 204, 0.04)"
-            }
-          ],
-          "members": [
+              "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"
+            },
             {
-              "kind": "field",
-              "name": "version",
+              "name": "initial-handle-position",
               "type": {
                 "text": "string"
               },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
+              "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"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-table-header",
+          "tagName": "vscode-split-layout",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeTableHeader",
+          "name": "parseValue",
           "declaration": {
-            "name": "VscodeTableHeader",
-            "module": "src/vscode-table-header/vscode-table-header.ts"
+            "name": "parseValue",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "vscode-table-header",
+          "kind": "js",
+          "name": "pxToPercent",
           "declaration": {
-            "name": "VscodeTableHeader",
-            "module": "src/vscode-table-header/vscode-table-header.ts"
+            "name": "pxToPercent",
+            "module": "src/vscode-split-layout/vscode-split-layout.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",
+          "name": "percentToPx",
           "declaration": {
-            "name": "styles",
-            "module": "src/vscode-table-header-cell/vscode-table-header-cell.styles.ts"
+            "name": "percentToPx",
+            "module": "src/vscode-split-layout/vscode-split-layout.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": "VscodeTableHeaderCell",
+          "name": "VscodeSplitLayout",
           "declaration": {
-            "name": "VscodeTableHeaderCell",
-            "module": "src/vscode-table-header-cell/vscode-table-header-cell.ts"
+            "name": "VscodeSplitLayout",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-table-header-cell",
+          "name": "vscode-split-layout",
           "declaration": {
-            "name": "VscodeTableHeaderCell",
-            "module": "src/vscode-table-header-cell/vscode-table-header-cell.ts"
+            "name": "VscodeSplitLayout",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
           }
         }
       ]