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

package/custom-elements.json

@@ -261,6 +261,214 @@
             }
           ],
           "description": "A testing utility that drags an element with the mouse."
+        },
+        {
+          "kind": "function",
+          "name": "$",
+          "return": {
+            "type": {
+              "text": "TagNameToElement<K>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "selector",
+              "type": {
+                "text": "K"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "$",
+          "return": {
+            "type": {
+              "text": "TagNameToElement<K>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "root",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "selector",
+              "type": {
+                "text": "K"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "$",
+          "return": {
+            "type": {
+              "text": "T"
+            }
+          },
+          "parameters": [
+            {
+              "name": "selector",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "$",
+          "return": {
+            "type": {
+              "text": "T"
+            }
+          },
+          "parameters": [
+            {
+              "name": "root",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "selector",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "$",
+          "return": {
+            "type": {
+              "text": "T"
+            }
+          },
+          "parameters": [
+            {
+              "name": "arg1",
+              "type": {
+                "text": "string | Element"
+              }
+            },
+            {
+              "name": "arg2",
+              "optional": true,
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "$$",
+          "return": {
+            "type": {
+              "text": "NodeListOf<TagNameToElement<K>>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "selector",
+              "type": {
+                "text": "K"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "$$",
+          "return": {
+            "type": {
+              "text": "NodeListOf<TagNameToElement<K>>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "root",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "selector",
+              "type": {
+                "text": "K"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "$$",
+          "return": {
+            "type": {
+              "text": "NodeListOf<T>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "selector",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "$$",
+          "return": {
+            "type": {
+              "text": "NodeListOf<T>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "root",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "selector",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "$$",
+          "return": {
+            "type": {
+              "text": "NodeListOf<T>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "arg1",
+              "type": {
+                "text": "string | Element"
+              }
+            },
+            {
+              "name": "arg2",
+              "optional": true,
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -287,6 +495,86 @@
             "name": "dragElement",
             "module": "src/includes/test-helpers.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "$",
+          "declaration": {
+            "name": "$",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "$",
+          "declaration": {
+            "name": "$",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "$",
+          "declaration": {
+            "name": "$",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "$",
+          "declaration": {
+            "name": "$",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "$",
+          "declaration": {
+            "name": "$",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "$$",
+          "declaration": {
+            "name": "$$",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "$$",
+          "declaration": {
+            "name": "$$",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "$$",
+          "declaration": {
+            "name": "$$",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "$$",
+          "declaration": {
+            "name": "$$",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "$$",
+          "declaration": {
+            "name": "$$",
+            "module": "src/includes/test-helpers.ts"
+          }
         }
       ]
     },
@@ -326,7 +614,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: inline-block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: inline-block; } .root { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) .root { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
         }
       ],
       "exports": [
@@ -451,7 +739,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-button-background, #0078d4); border-color: var(--vscode-button-border, transparent); border-style: solid; border-radius: 2px; border-width: 1px; color: var(--vscode-button-foreground, #ffffff); cursor: pointer; display: inline-flex; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 22px; overflow: hidden; padding: 0; user-select: none; white-space: nowrap; } :host([secondary]) { color: var(--vscode-button-secondaryForeground, #cccccc); background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var( --vscode-button-border, var(--vscode-button-secondaryBackground, rgba(255, 255, 255, 0.07)) ); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([disabled]:hover) { background-color: var(--vscode-button-background, #0078d4); } :host([secondary]:hover) { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:hover) { background-color: var(--vscode-button-secondaryBackground, #313131); } :host(:focus), :host(:active) { outline: none; } :host(:focus) { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; } :host([disabled]:focus) { background-color: var(--vscode-button-background, #0078d4); outline: 0; } :host([secondary]:focus) { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:focus) { background-color: var(--vscode-button-secondaryBackground, #313131); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(*:last-child) { margin-right: 0; } ::slotted(vscode-icon) { color: inherit; } .wrapper { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: var(--wrapper-width, 100%); height: 100%; padding: 1px 13px; } :host(:empty) .wrapper, :host([icon-only]) .wrapper { min-height: 24px; min-width: 16px; padding: 1px 5px; } slot { align-items: center; display: flex; height: 100%; } .icon, .icon-after { color: inherit; display: block; } :host(:not(:empty)) .icon { margin-right: 3px; } :host(:not(:empty)) .icon-after, :host([icon]) .icon-after { margin-left: 3px; } .divider { display: var(--divider-display, none); background-color: transparent; padding: 4px 0; box-sizing: border-box; } :host(:hover) .divider, :host(:focus) .divider { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([secondary]) .divider { background-color: var(--vscode-button-secondaryBackground, #313131); } :host([secondary]:hover) .divider, :host([secondary]:focus) .divider { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } .divider > div { background-color: var( --vscode-button-separator, rgba(255, 255, 255, 0.4) ); height: 100%; width: 1px; margin: 0; } :host([secondary]) .divider > div { background-color: var(--vscode-button-secondaryForeground, #cccccc); opacity: 0.4; } `, ]"
+          "default": "[ defaultStyles, css` :host { cursor: pointer; display: inline-block; width: auto; } .root { background-color: var(--vscode-button-background, #0078d4); border-bottom-left-radius: var(--vsc-border-left-radius, 2px); border-bottom-right-radius: var(--vsc-border-right-radius, 2px); border-bottom-width: 1px; border-color: var(--vscode-button-border, transparent); border-left-width: var(--vsc-border-left-width, 1px); border-right-width: var(--vsc-border-right-width, 1px); border-style: solid; border-top-left-radius: var(--vsc-border-left-radius, 2px); border-top-right-radius: var(--vsc-border-right-radius, 2px); border-top-width: 1px; box-sizing: border-box; color: var(--vscode-button-foreground, #ffffff); display: inline-flex; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 22px; overflow: hidden; padding: 0; user-select: none; white-space: nowrap; width: 100%; } :host([secondary]) .root { color: var(--vscode-button-secondaryForeground, #cccccc); background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var( --vscode-button-border, var(--vscode-button-secondaryBackground, rgba(255, 255, 255, 0.07)) ); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) .root { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([disabled]:hover) .root { background-color: var(--vscode-button-background, #0078d4); } :host([secondary]:hover) .root { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:hover) .root { background-color: var(--vscode-button-secondaryBackground, #313131); } :host(:focus), :host(:active) { outline: none; } :host(:focus) .root { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; } :host([disabled]:focus) .root { background-color: var(--vscode-button-background, #0078d4); outline: 0; } :host([secondary]:focus) .root { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:focus) .root { background-color: var(--vscode-button-secondaryBackground, #313131); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(*:last-child) { margin-right: 0; } ::slotted(vscode-icon) { color: inherit; } .content { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: 100%; height: 100%; padding: 1px 13px; } :host(:empty) .content, :host([icon-only]) .content { min-height: 24px; min-width: 16px; padding: 1px 4px; } slot { align-items: center; display: flex; height: 100%; } .icon, .icon-after { color: inherit; display: block; } :host(:not(:empty)) .icon { margin-right: 3px; } :host(:not(:empty)) .icon-after, :host([icon]) .icon-after { margin-left: 3px; } .divider { display: var(--vsc-divider-display, none); background-color: transparent; padding: 4px 0; box-sizing: border-box; } :host(:hover) .divider, :host(:focus) .divider { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([secondary]) .divider { background-color: var(--vscode-button-secondaryBackground, #313131); } :host([secondary]:hover) .divider, :host([secondary]:focus) .divider { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } .divider > div { background-color: var( --vscode-button-separator, rgba(255, 255, 255, 0.4) ); height: 100%; width: 1px; margin: 0; } :host([secondary]) .divider > div { background-color: var(--vscode-button-secondaryForeground, #cccccc); opacity: 0.4; } `, ]"
         }
       ],
       "exports": [
@@ -743,16 +1031,6 @@
               }
             }
           ],
-          "events": [
-            {
-              "name": "vsc-click",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "Please use the standard `click` event.",
-              "description": "Dispatched only when button is not in disabled state."
-            }
-          ],
           "attributes": [
             {
               "name": "autofocus",
@@ -909,7 +1187,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: inline-flex; align-items: stretch; padding: 0; border: none; overflow: hidden; } ::slotted(vscode-button:not(:first-child)) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } ::slotted(vscode-button:not(:last-child)) { --divider-display: block; --wrapper-width: calc(100% - 1px); border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } ::slotted(vscode-button:focus) { z-index: 1; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: inline-block; } .root { align-items: stretch; display: flex; width: 100%; } ::slotted(vscode-button:not(:first-child)) { --vsc-border-left-width: 0; --vsc-border-left-radius: 0; --vsc-border-left-width: 0; } ::slotted(vscode-button:not(:last-child)) { --vsc-divider-display: block; --vsc-border-right-width: 0; --vsc-border-right-radius: 0; --vsc-border-right-width: 0; } ::slotted(vscode-button:focus) { z-index: 1; } ::slotted(vscode-button:not(:empty)) { width: 100%; } `, ]"
         }
       ],
       "exports": [
@@ -1427,13 +1705,6 @@
               },
               "description": "Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`."
             },
-            {
-              "name": "vsc-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
-            },
             {
               "type": {
                 "text": "Event"
@@ -1759,8 +2030,19 @@
               },
               "default": "''",
               "description": "Component heading text",
+              "deprecated": "The `title` is a global HTML attribute and will unintentionally trigger a native\ntooltip on the component. Use the `heading` property instead.",
               "attribute": "title"
             },
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Heading text.",
+              "attribute": "heading"
+            },
             {
               "kind": "field",
               "name": "description",
@@ -1768,7 +2050,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Less prominent text than the title in the header",
+              "description": "Less prominent text in the header.",
               "attribute": "description"
             },
             {
@@ -1835,15 +2117,25 @@
               },
               "default": "''",
               "description": "Component heading text",
+              "deprecated": "The `title` is a global HTML attribute and will unintentionally trigger a native\ntooltip on the component. Use the `heading` property instead.",
               "fieldName": "title"
             },
+            {
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Heading text.",
+              "fieldName": "heading"
+            },
             {
               "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Less prominent text than the title in the header",
+              "description": "Less prominent text in the header.",
               "fieldName": "description"
             },
             {
@@ -1884,7 +2176,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts",
+      "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -1892,7 +2184,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; outline: none; position: relative; } .context-menu-item { background-color: var(--vscode-menu-background, #1f1f1f); color: var(--vscode-menu-foreground, #cccccc); display: flex; user-select: none; white-space: nowrap; } .ruler { border-bottom: 1px solid var(--vscode-menu-separatorBackground, #454545); display: block; margin: 0 0 4px; padding-top: 4px; width: 100%; } .context-menu-item a { align-items: center; border-color: transparent; border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-menu-foreground, #cccccc); cursor: pointer; display: flex; flex: 1 1 auto; height: 2em; margin-left: 4px; margin-right: 4px; outline: none; position: relative; text-decoration: inherit; } :host([selected]) .context-menu-item a { background-color: var(--vscode-menu-selectionBackground, #0078d4); border-color: var(--vscode-menu-selectionBorder, transparent); color: var(--vscode-menu-selectionForeground, #ffffff); } .label { background: none; display: flex; flex: 1 1 auto; font-size: 12px; line-height: 1; padding: 0 22px; text-decoration: none; } .keybinding { display: block; flex: 2 1 auto; line-height: 1; padding: 0 22px; text-align: right; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; position: relative; } .context-menu { background-color: var(--vscode-menu-background, #1f1f1f); border-color: var(--vscode-menu-border, #454545); border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36)); color: var(--vscode-menu-foreground, #cccccc); font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; padding: 4px 0; white-space: nowrap; } .context-menu:focus { outline: 0; } `, ]"
         }
       ],
       "exports": [
@@ -1901,224 +2193,19 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts"
+            "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-context-menu-item/vscode-context-menu-item.ts",
+      "path": "src/vscode-context-menu/vscode-context-menu.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "VscodeContextMenuItem",
-          "cssProperties": [
-            {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
-            },
-            {
-              "name": "--vscode-font-size",
-              "default": "13px"
-            },
-            {
-              "name": "--vscode-font-weight",
-              "default": "normal"
-            },
-            {
-              "name": "--vscode-menu-background",
-              "default": "#1f1f1f"
-            },
-            {
-              "name": "--vscode-menu-selectionBorder",
-              "default": "transparent"
-            },
-            {
-              "name": "--vscode-menu-foreground",
-              "default": "#cccccc"
-            },
-            {
-              "name": "--vscode-menu-selectionBackground",
-              "default": "#0078d4"
-            },
-            {
-              "name": "--vscode-menu-selectionForeground",
-              "default": "#ffffff"
-            },
-            {
-              "name": "--vscode-menu-separatorBackground",
-              "default": "#454545"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "keybinding",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "keybinding"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "separator",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "separator",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "tabindex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "attribute": "tabindex"
-            },
-            {
-              "kind": "method",
-              "name": "onItemClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "label"
-            },
-            {
-              "name": "keybinding",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "keybinding"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "value"
-            },
-            {
-              "name": "separator",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "separator"
-            },
-            {
-              "name": "tabindex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "fieldName": "tabindex"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-context-menu-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeContextMenuItem",
-          "declaration": {
-            "name": "VscodeContextMenuItem",
-            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-context-menu-item",
-          "declaration": {
-            "name": "VscodeContextMenuItem",
-            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; position: relative; } .context-menu { background-color: var(--vscode-menu-background, #1f1f1f); border-color: var(--vscode-menu-border, #454545); border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36)); color: var(--vscode-menu-foreground, #cccccc); padding: 4px 0; white-space: nowrap; } .context-menu:focus { outline: 0; } `, ]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-context-menu/vscode-context-menu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeContextMenu",
+          "name": "VscodeContextMenu",
           "cssProperties": [
             {
               "name": "--vscode-font-family",
@@ -2281,52 +2368,229 @@
               ]
             },
             {
-              "kind": "method",
-              "name": "_dispatchLegacySelectEvent",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "selectedOption",
-                  "type": {
-                    "text": "VscodeContextMenuItem"
-                  }
-                }
-              ]
+              "kind": "method",
+              "name": "_handleEnter",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onItemClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onItemMouseOver",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onItemMouseOut",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "VscMenuSelectEvent"
+              },
+              "description": "Emitted when a menu item is clicked",
+              "name": "vsc-menu-select"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "prevent-close",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
+              "fieldName": "preventClose"
+            },
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "show"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-context-menu",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeContextMenu",
+          "declaration": {
+            "name": "VscodeContextMenu",
+            "module": "src/vscode-context-menu/vscode-context-menu.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-context-menu",
+          "declaration": {
+            "name": "VscodeContextMenu",
+            "module": "src/vscode-context-menu/vscode-context-menu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "default": "[ defaultStyles, css` :host { display: block; outline: none; position: relative; } .context-menu-item { background-color: var(--vscode-menu-background, #1f1f1f); color: var(--vscode-menu-foreground, #cccccc); display: flex; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; user-select: none; white-space: nowrap; } .ruler { border-bottom: 1px solid var(--vscode-menu-separatorBackground, #454545); display: block; margin: 0 0 4px; padding-top: 4px; width: 100%; } .context-menu-item a { align-items: center; border-color: transparent; border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-menu-foreground, #cccccc); cursor: pointer; display: flex; flex: 1 1 auto; height: 2em; margin-left: 4px; margin-right: 4px; outline: none; position: relative; text-decoration: inherit; } :host([selected]) .context-menu-item a { background-color: var(--vscode-menu-selectionBackground, #0078d4); border-color: var(--vscode-menu-selectionBorder, transparent); color: var(--vscode-menu-selectionForeground, #ffffff); } .label { background: none; display: flex; flex: 1 1 auto; font-size: 12px; line-height: 1; padding: 0 22px; text-decoration: none; } .keybinding { display: block; flex: 2 1 auto; line-height: 1; padding: 0 22px; text-align: right; } `, ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-context-menu-item/vscode-context-menu-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeContextMenuItem",
+          "cssProperties": [
+            {
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
+            },
+            {
+              "name": "--vscode-font-size",
+              "default": "13px"
+            },
+            {
+              "name": "--vscode-font-weight",
+              "default": "normal"
+            },
+            {
+              "name": "--vscode-menu-background",
+              "default": "#1f1f1f"
+            },
+            {
+              "name": "--vscode-menu-selectionBorder",
+              "default": "transparent"
+            },
+            {
+              "name": "--vscode-menu-foreground",
+              "default": "#cccccc"
+            },
+            {
+              "name": "--vscode-menu-selectionBackground",
+              "default": "#0078d4"
+            },
+            {
+              "name": "--vscode-menu-selectionForeground",
+              "default": "#ffffff"
+            },
+            {
+              "name": "--vscode-menu-separatorBackground",
+              "default": "#454545"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "label"
             },
             {
-              "kind": "method",
-              "name": "_handleEnter",
-              "privacy": "private"
+              "kind": "field",
+              "name": "keybinding",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "keybinding"
             },
             {
-              "kind": "method",
-              "name": "_onItemClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "value"
             },
             {
-              "kind": "method",
-              "name": "_onItemMouseOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "separator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "separator",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "tabindex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "tabindex"
             },
             {
               "kind": "method",
-              "name": "_onItemMouseOut",
+              "name": "onItemClick",
               "privacy": "private"
             },
             {
@@ -2343,63 +2607,71 @@
               }
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "name": "vsc-select",
+              "name": "label",
               "type": {
-                "text": "CustomEvent"
+                "text": "string"
               },
-              "deprecated": "- Renamed to `vsc-context-menu-select`"
+              "default": "''",
+              "fieldName": "label"
             },
             {
+              "name": "keybinding",
               "type": {
-                "text": "VscMenuSelectEvent"
+                "text": "string"
               },
-              "description": "Emitted when a menu item is clicked",
-              "name": "vsc-menu-select"
-            }
-          ],
-          "attributes": [
+              "default": "''",
+              "fieldName": "keybinding"
+            },
             {
-              "name": "prevent-close",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "separator",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
-              "fieldName": "preventClose"
+              "fieldName": "separator"
             },
             {
-              "name": "show",
+              "name": "tabindex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "fieldName": "show"
+              "default": "0",
+              "fieldName": "tabindex"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-context-menu",
+          "tagName": "vscode-context-menu-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeContextMenu",
+          "name": "VscodeContextMenuItem",
           "declaration": {
-            "name": "VscodeContextMenu",
-            "module": "src/vscode-context-menu/vscode-context-menu.ts"
+            "name": "VscodeContextMenuItem",
+            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-context-menu",
+          "name": "vscode-context-menu-item",
           "declaration": {
-            "name": "VscodeContextMenu",
-            "module": "src/vscode-context-menu/vscode-context-menu.ts"
+            "name": "VscodeContextMenuItem",
+            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
           }
         }
       ]
@@ -2414,7 +2686,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-foreground, #cccccc); display: block; height: 1px; margin-bottom: 10px; margin-top: 10px; opacity: 0.4; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; margin-bottom: 10px; margin-top: 10px; } div { background-color: var(--vscode-foreground, #cccccc); height: 1px; opacity: 0.4; } `, ]"
         }
       ],
       "exports": [
@@ -2555,16 +2827,6 @@
               "default": "490",
               "attribute": "breakpoint"
             },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "{[key: string]: string | string[]}"
-              },
-              "deprecated": "- Use the native `<form>` element instead.",
-              "readonly": true,
-              "attribute": "data"
-            },
             {
               "kind": "field",
               "name": "_resizeObserver",
@@ -2615,11 +2877,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "_collectFormData",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "_toggleCompactLayout",
@@ -2690,15 +2947,6 @@
               },
               "default": "490",
               "fieldName": "breakpoint"
-            },
-            {
-              "name": "data",
-              "type": {
-                "text": "{[key: string]: string | string[]}"
-              },
-              "deprecated": "- Use the native `<form>` element instead.",
-              "readonly": true,
-              "fieldName": "data"
             }
           ],
           "superclass": {
@@ -2712,124 +2960,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeFormContainer",
-          "declaration": {
-            "name": "VscodeFormContainer",
-            "module": "src/vscode-form-container/vscode-form-container.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-form-container",
-          "declaration": {
-            "name": "VscodeFormContainer",
-            "module": "src/vscode-form-container/vscode-form-container.ts"
-          }
-        }
-      ]
-    },
-    {
-      "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",
+          "name": "VscodeFormContainer",
           "declaration": {
-            "name": "VscodeFormGroup",
-            "module": "src/vscode-form-group/vscode-form-group.ts"
+            "name": "VscodeFormContainer",
+            "module": "src/vscode-form-container/vscode-form-container.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-form-group",
+          "name": "vscode-form-container",
           "declaration": {
-            "name": "VscodeFormGroup",
-            "module": "src/vscode-form-group/vscode-form-group.ts"
+            "name": "VscodeFormContainer",
+            "module": "src/vscode-form-container/vscode-form-container.ts"
           }
         }
       ]
@@ -2921,7 +3063,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-label/vscode-label.styles.ts",
+      "path": "src/vscode-icon/vscode-icon.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -2929,7 +3071,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { color: var(--vscode-foreground, #cccccc); font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: 600; line-height: ${INPUT_LINE_HEIGHT_RATIO}; cursor: default; display: block; padding: 5px 0; } .wrapper { display: block; } .wrapper.required:after { content: ' *'; } ::slotted(.normal) { font-weight: normal; } ::slotted(.lightened) { color: var(--vscode-foreground, #cccccc); opacity: 0.9; } `, ]"
+          "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": [
@@ -2938,101 +3080,136 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-label/vscode-label.styles.ts"
+            "module": "src/vscode-icon/vscode-icon.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-label/vscode-label.ts",
+      "path": "src/vscode-icon/vscode-icon.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "VscodeLabel",
+          "description": "Display a [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html).\nIn \"action-icon\" mode it behaves like a button. In this case, it is\nrecommended that a meaningful label is specified with the `label` property.",
+          "name": "VscodeIcon",
           "cssProperties": [
             {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
+              "name": "--vscode-icon-foreground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-font-size",
-              "default": "13px"
+              "description": "Hover state background color in `active-icon` mode",
+              "name": "--vscode-toolbar-hoverBackground",
+              "default": "rgba(90, 93, 94, 0.31)"
             },
             {
-              "name": "--vscode-foreground",
-              "default": "#cccccc"
+              "description": "Active state background color in `active-icon` mode",
+              "name": "--vscode-toolbar-activeBackground",
+              "default": "rgba(99, 102, 103, 0.31)"
+            },
+            {
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "htmlFor",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "attribute": "for",
-              "reflects": true
+              "default": "''",
+              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "id",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "attribute": "id"
+              "default": "''",
+              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "Icon size in pixels",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "spin",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "required",
+              "description": "Enable rotation animation",
+              "attribute": "spin",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_id",
+              "name": "spinDuration",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "1.5",
+              "description": "Animation duration in seconds",
+              "attribute": "spin-duration"
             },
             {
               "kind": "field",
-              "name": "_htmlFor",
+              "name": "actionIcon",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "false",
+              "description": "Behaves like a button",
+              "attribute": "action-icon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_connected",
+              "name": "stylesheetHref",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
               "privacy": "private",
-              "default": "false"
+              "static": true,
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "_getTarget",
-              "privacy": "private"
+              "kind": "field",
+              "name": "nonce",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "''"
             },
             {
               "kind": "method",
-              "name": "_connectWithTarget",
-              "privacy": "private"
+              "name": "_getStylesheetConfig",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\n    href: string | undefined;\n    nonce: string | undefined;\n  }"
+                }
+              },
+              "description": "For using web fonts in web components, the font stylesheet must be included\ntwice: on the page and in the web component. This function looks for the\nfont stylesheet on the page and returns the stylesheet URL and the nonce\nid."
             },
             {
-              "kind": "method",
-              "name": "_handleClick",
+              "kind": "field",
+              "name": "_onButtonClick",
               "privacy": "private"
             },
             {
@@ -3051,58 +3228,90 @@
           ],
           "attributes": [
             {
-              "name": "for",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "fieldName": "htmlFor"
+              "default": "''",
+              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
+              "fieldName": "label"
             },
             {
-              "name": "id",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "fieldName": "id"
+              "default": "''",
+              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
+              "fieldName": "name"
             },
             {
-              "name": "required",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "Icon size in pixels",
+              "fieldName": "size"
+            },
+            {
+              "name": "spin",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "required"
+              "description": "Enable rotation animation",
+              "fieldName": "spin"
+            },
+            {
+              "name": "spin-duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "1.5",
+              "description": "Animation duration in seconds",
+              "fieldName": "spinDuration"
+            },
+            {
+              "name": "action-icon",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Behaves like a button",
+              "fieldName": "actionIcon"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-label",
+          "tagName": "vscode-icon",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeLabel",
+          "name": "VscodeIcon",
           "declaration": {
-            "name": "VscodeLabel",
-            "module": "src/vscode-label/vscode-label.ts"
+            "name": "VscodeIcon",
+            "module": "src/vscode-icon/vscode-icon.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-label",
+          "name": "vscode-icon",
           "declaration": {
-            "name": "VscodeLabel",
-            "module": "src/vscode-label/vscode-label.ts"
+            "name": "VscodeIcon",
+            "module": "src/vscode-icon/vscode-icon.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-icon/vscode-icon.styles.ts",
+      "path": "src/vscode-label/vscode-label.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -3110,7 +3319,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; } .wrapper { color: var(--vscode-foreground, #cccccc); cursor: default; display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: 600; line-height: ${INPUT_LINE_HEIGHT_RATIO}; padding: 5px 0; } .wrapper.required:after { content: ' *'; } ::slotted(.normal) { font-weight: normal; } ::slotted(.lightened) { color: var(--vscode-foreground, #cccccc); opacity: 0.9; } `, ]"
         }
       ],
       "exports": [
@@ -3119,136 +3328,101 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-icon/vscode-icon.styles.ts"
+            "module": "src/vscode-label/vscode-label.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-icon/vscode-icon.ts",
+      "path": "src/vscode-label/vscode-label.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": "",
+          "name": "VscodeLabel",
           "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)"
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "description": "Active state background color in `active-icon` mode",
-              "name": "--vscode-toolbar-activeBackground",
-              "default": "rgba(99, 102, 103, 0.31)"
+              "name": "--vscode-font-size",
+              "default": "13px"
             },
             {
-              "name": "--vscode-focusBorder",
-              "default": "#0078d4"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "htmlFor",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
-              "attribute": "label"
+              "attribute": "for",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "id",
               "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"
+              "attribute": "id"
             },
             {
               "kind": "field",
-              "name": "spin",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enable rotation animation",
-              "attribute": "spin",
+              "attribute": "required",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "spinDuration",
-              "type": {
-                "text": "number"
-              },
-              "default": "1.5",
-              "description": "Animation duration in seconds",
-              "attribute": "spin-duration"
-            },
-            {
-              "kind": "field",
-              "name": "actionIcon",
+              "name": "_id",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Behaves like a button",
-              "attribute": "action-icon",
-              "reflects": true
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "stylesheetHref",
+              "name": "_htmlFor",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "privacy": "private",
-              "static": true,
               "default": "''"
             },
             {
               "kind": "field",
-              "name": "nonce",
+              "name": "_connected",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
               "privacy": "private",
-              "static": true,
-              "default": "''"
+              "default": "false"
             },
             {
               "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."
+              "name": "_getTarget",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "_onButtonClick",
+              "kind": "method",
+              "name": "_connectWithTarget",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
               "privacy": "private"
             },
             {
@@ -3267,83 +3441,157 @@
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "for",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Set a meaningful label in `action-icon` mode for the screen readers",
-              "fieldName": "label"
+              "fieldName": "htmlFor"
             },
             {
-              "name": "name",
+              "name": "id",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.",
-              "fieldName": "name"
+              "fieldName": "id"
             },
             {
-              "name": "size",
+              "name": "required",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "16",
-              "description": "Icon size in pixels",
-              "fieldName": "size"
+              "default": "false",
+              "fieldName": "required"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-label",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeLabel",
+          "declaration": {
+            "name": "VscodeLabel",
+            "module": "src/vscode-label/vscode-label.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-label",
+          "declaration": {
+            "name": "VscodeLabel",
+            "module": "src/vscode-label/vscode-label.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-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"
             },
             {
-              "name": "spin",
+              "description": "The right margin of the label in horizontal mode",
+              "name": "--label-right-margin",
+              "default": "14px"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "FormGroupVariant"
               },
-              "default": "false",
-              "description": "Enable rotation animation",
-              "fieldName": "spin"
+              "default": "'horizontal'",
+              "attribute": "variant",
+              "reflects": true
             },
             {
-              "name": "spin-duration",
+              "kind": "field",
+              "name": "version",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1.5",
-              "description": "Animation duration in seconds",
-              "fieldName": "spinDuration"
-            },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "name": "action-icon",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "FormGroupVariant"
               },
-              "default": "false",
-              "description": "Behaves like a button",
-              "fieldName": "actionIcon"
+              "default": "'horizontal'",
+              "fieldName": "variant"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-icon",
+          "tagName": "vscode-form-group",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeIcon",
+          "name": "VscodeFormGroup",
           "declaration": {
-            "name": "VscodeIcon",
-            "module": "src/vscode-icon/vscode-icon.ts"
+            "name": "VscodeFormGroup",
+            "module": "src/vscode-form-group/vscode-form-group.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-icon",
+          "name": "vscode-form-group",
           "declaration": {
-            "name": "VscodeIcon",
-            "module": "src/vscode-icon/vscode-icon.ts"
+            "name": "VscodeFormGroup",
+            "module": "src/vscode-form-group/vscode-form-group.ts"
           }
         }
       ]
@@ -4572,35 +4820,6 @@
               }
             }
           ],
-          "events": [
-            {
-              "name": "vsc-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
-            },
-            {
-              "name": "change",
-              "type": {
-                "text": "Event"
-              },
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
-            },
-            {
-              "name": "input",
-              "type": {
-                "text": "Event"
-              },
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
-            }
-          ],
           "attributes": [
             {
               "name": "invalid",
@@ -4763,7 +4982,29 @@
             "module": "/src/includes/vscode-select/vscode-select-base.js"
           },
           "tagName": "vscode-multi-select",
-          "customElement": true
+          "customElement": true,
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "inheritedFrom": {
+                "name": "VscodeSelectBase",
+                "module": "src/includes/vscode-select/vscode-select-base.ts"
+              }
+            },
+            {
+              "name": "input",
+              "type": {
+                "text": "Event"
+              },
+              "inheritedFrom": {
+                "name": "VscodeSelectBase",
+                "module": "src/includes/vscode-select/vscode-select-base.ts"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -4944,7 +5185,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { align-items: center; display: block; height: 28px; margin: 0; outline: none; width: 28px; } .progress { height: 100%; width: 100%; } .background { fill: none; stroke: transparent; stroke-width: 2px; } .indeterminate-indicator-1 { fill: none; stroke: var(--vscode-progressBar-background, #0078d4); stroke-width: 2px; stroke-linecap: square; transform-origin: 50% 50%; transform: rotate(-90deg); transition: all 0.2s ease-in-out; animation: spin-infinite 2s linear infinite; } @keyframes spin-infinite { 0% { stroke-dasharray: 0.01px 43.97px; transform: rotate(0deg); } 50% { stroke-dasharray: 21.99px 21.99px; transform: rotate(450deg); } 100% { stroke-dasharray: 0.01px 43.97px; transform: rotate(1080deg); } } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; height: 28px; margin: 0; outline: none; width: 28px; } .progress { height: 100%; width: 100%; } .background { fill: none; stroke: transparent; stroke-width: 2px; } .indeterminate-indicator-1 { fill: none; stroke: var(--vscode-progressBar-background, #0078d4); stroke-width: 2px; stroke-linecap: square; transform-origin: 50% 50%; transform: rotate(-90deg); transition: all 0.2s ease-in-out; animation: spin-infinite 2s linear infinite; } @keyframes spin-infinite { 0% { stroke-dasharray: 0.01px 43.97px; transform: rotate(0deg); } 50% { stroke-dasharray: 21.99px 21.99px; transform: rotate(450deg); } 100% { stroke-dasharray: 0.01px 43.97px; transform: rotate(1080deg); } } `, ]"
         }
       ],
       "exports": [
@@ -5300,11 +5541,6 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "_dispatchCustomEvent",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "_getRadios",
@@ -5486,13 +5722,6 @@
             }
           ],
           "events": [
-            {
-              "name": "vsc-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "- Use the native `change` event instead."
-            },
             {
               "type": {
                 "text": "Event"
@@ -5873,11 +6102,6 @@
           "description": "",
           "name": "VscodeScrollable",
           "cssProperties": [
-            {
-              "description": "",
-              "name": "--min-thumb-height",
-              "deprecated": "This css property is deprecated. Use the `minThumbSize` property instead."
-            },
             {
               "name": "--vscode-scrollbar-shadow",
               "default": "#000000"
@@ -5984,8 +6208,7 @@
                 "text": "number"
               },
               "description": "The maximum amount of the `scrollPos`.",
-              "readonly": true,
-              "attribute": "scroll-max"
+              "readonly": true
             },
             {
               "kind": "field",
@@ -6326,15 +6549,6 @@
                 "text": "number"
               },
               "fieldName": "scrollPos"
-            },
-            {
-              "name": "scroll-max",
-              "type": {
-                "text": "number"
-              },
-              "description": "The maximum amount of the `scrollPos`.",
-              "readonly": true,
-              "fieldName": "scrollMax"
             }
           ],
           "superclass": {
@@ -6601,29 +6815,15 @@
               "name": "_requestedValueToSetLater",
               "type": {
                 "text": "string"
-              },
-              "privacy": "private",
-              "default": "''",
-              "description": "This variable was introduced for cases where the value is set before the corresponding option\nexists. This can happen while a framework like Vue or React is rendering the component."
-            },
-            {
-              "kind": "method",
-              "name": "_createAndSelectSuggestedOption",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "This variable was introduced for cases where the value is set before the corresponding option\nexists. This can happen while a framework like Vue or React is rendering the component."
             },
             {
               "kind": "method",
-              "name": "_dispatchChangeEvent",
+              "name": "_createAndSelectSuggestedOption",
               "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "inheritedFrom": {
                 "name": "VscodeSelectBase",
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
@@ -7113,6 +7313,20 @@
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "_dispatchChangeEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "VscodeSelectBase",
+                "module": "src/includes/vscode-select/vscode-select-base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_toggleComboboxDropdown",
@@ -7536,35 +7750,6 @@
               }
             }
           ],
-          "events": [
-            {
-              "name": "vsc-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
-            },
-            {
-              "name": "change",
-              "type": {
-                "text": "Event"
-              },
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
-            },
-            {
-              "name": "input",
-              "type": {
-                "text": "Event"
-              },
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
-            }
-          ],
           "attributes": [
             {
               "name": "invalid",
@@ -7734,7 +7919,29 @@
             "module": "/src/includes/vscode-select/vscode-select-base.js"
           },
           "tagName": "vscode-single-select",
-          "customElement": true
+          "customElement": true,
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "inheritedFrom": {
+                "name": "VscodeSelectBase",
+                "module": "src/includes/vscode-select/vscode-select-base.ts"
+              }
+            },
+            {
+              "name": "input",
+              "type": {
+                "text": "Event"
+              },
+              "inheritedFrom": {
+                "name": "VscodeSelectBase",
+                "module": "src/includes/vscode-select/vscode-select-base.ts"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -8279,7 +8486,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { border-bottom: 1px solid transparent; cursor: pointer; display: block; margin-bottom: -1px; overflow: hidden; padding: 7px 8px; text-overflow: ellipsis; user-select: none; white-space: nowrap; } :host([active]) { border-bottom-color: var(--vscode-panelTitle-activeForeground); color: var(--vscode-panelTitle-activeForeground); } :host([panel]) { border-bottom: 0; margin-bottom: 0; padding: 0; } :host(:focus-visible) { outline: none; } .wrapper { align-items: center; color: var(--vscode-foreground); display: flex; min-height: 20px; overflow: inherit; text-overflow: inherit; position: relative; } .wrapper.panel { color: var(--vscode-panelTitle-inactiveForeground); } .wrapper.panel.active, .wrapper.panel:hover { color: var(--vscode-panelTitle-activeForeground); } :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); bottom: 4px; display: block; left: 8px; pointer-events: none; position: absolute; right: 8px; } :host(:focus-visible) .wrapper { outline-color: var(--vscode-focusBorder); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host(:focus-visible) .wrapper.panel { outline-offset: -2px; } slot[name='content-before']::slotted(vscode-badge) { margin-right: 8px; } slot[name='content-after']::slotted(vscode-badge) { margin-left: 8px; } `, ]"
+          "default": "[ defaultStyles, css` :host { 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": [
@@ -8303,22 +8510,24 @@
           "name": "VscodeTabHeader",
           "cssProperties": [
             {
-              "name": "--vscode-foreground"
-            },
-            {
-              "name": "--vscode-panelTitle-inactiveForeground"
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "name": "--vscode-panelTitle-activeForeground"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-panelTitle-activeBorder"
+              "name": "--vscode-panelTitle-activeBorder",
+              "default": "#0078d4"
             },
             {
-              "name": "--vscode-focusBorder"
+              "name": "--vscode-panelTitle-activeForeground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-settings-headerForeground"
+              "name": "--vscode-panelTitle-inactiveForeground",
+              "default": "#9d9d9d"
             }
           ],
           "members": [
@@ -8413,7 +8622,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: block; overflow: hidden; } :host(:focus-visible) { outline-color: var(--vscode-focusBorder); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host([panel]) { background-color: var(--vscode-panel-background); } `, ]"
+          "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": [
@@ -8437,10 +8646,12 @@
           "name": "VscodeTabPanel",
           "cssProperties": [
             {
-              "name": "--vscode-panel--background"
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "name": "--vscode-focusBorder"
+              "name": "--vscode-panel--background",
+              "default": "#181818"
             }
           ],
           "members": [
@@ -8574,7 +8785,7 @@
           "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); } :host([zebra-odd]) { --vsc-row-odd-background: var(--vscode-keybindingTable-rowsBackground); } ::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); } .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); height: 100%; position: absolute; top: 30px; width: 1px; } .sash.hover .sash-visible { background-color: var(--vscode-sash-hoverBorder); transition: background-color 50ms linear 300ms; } .sash .sash-clickable { background-color: transparent; height: 100%; left: -2px; position: absolute; width: 5px; } `, ]"
+          "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": [
@@ -8598,32 +8809,16 @@
           "name": "VscodeTable",
           "cssProperties": [
             {
-              "name": "--border",
-              "default": "var(--vscode-editorGroup-border)"
-            },
-            {
-              "name": "--foreground",
-              "default": "var(--vscode-foreground)"
-            },
-            {
-              "name": "--resize-hover-border",
-              "default": "var(--vscode-sash-hoverBorder)"
-            },
-            {
-              "name": "--tinted-row-background",
-              "default": "var(--vscode-keybindingTable-rowsBackground)"
-            },
-            {
-              "name": "--header-background",
-              "default": "var(--vscode-keybindingTable-headerBackground)"
+              "name": "--vscode-editorGroup-border",
+              "default": "rgba(255, 255, 255, 0.09)"
             },
             {
-              "name": "--font-size",
-              "default": "var(--vscode-font-size)"
+              "name": "--vscode-keybindingTable-rowsBackground",
+              "default": "rgba(204, 204, 204, 0.04)"
             },
             {
-              "name": "--font-family",
-              "default": "var(--vscode-font-family)"
+              "name": "--vscode-sash-hoverBorder",
+              "default": "#0078d4"
             }
           ],
           "members": [
@@ -9376,11 +9571,6 @@
           "kind": "class",
           "description": "",
           "name": "VscodeTableBody",
-          "cssProperties": [
-            {
-              "name": "--vscode-keybindingTable-rowsBackground"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -9433,7 +9623,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { border-bottom-color: var(--vscode-editorGroup-border); border-bottom-style: solid; border-bottom-width: var(--vsc-row-border-bottom-width); box-sizing: border-box; color: var(--vscode-foreground); display: table-cell; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); 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; } `, ]"
+          "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": [
@@ -9457,16 +9647,20 @@
           "name": "VscodeTableCell",
           "cssProperties": [
             {
-              "name": "--vscode-editorGroup-border"
+              "name": "--vscode-editorGroup-border",
+              "default": "rgba(255, 255, 255, 0.09)"
             },
             {
-              "name": "--vscode-foreground"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-font-family"
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "name": "--vscode-font-size"
+              "name": "--vscode-font-size",
+              "default": "13px"
             }
           ],
           "members": [
@@ -9562,7 +9756,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-keybindingTable-headerBackground); display: table; table-layout: fixed; width: 100%; } `, ]"
+          "default": "[ defaultStyles, css` :host { background-color: var( --vscode-keybindingTable-headerBackground, rgba(204, 204, 204, 0.04) ); display: table; table-layout: fixed; width: 100%; } `, ]"
         }
       ],
       "exports": [
@@ -9587,7 +9781,8 @@
           "cssProperties": [
             {
               "description": "Table header background",
-              "name": "--vscode-keybindingTable-headerBackground"
+              "name": "--vscode-keybindingTable-headerBackground",
+              "default": "rgba(204, 204, 204, 0.04)"
             }
           ],
           "members": [
@@ -9642,7 +9837,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { box-sizing: border-box; color: var(--vscode-foreground); display: table-cell; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); 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%; } `, ]"
+          "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": [
@@ -9666,13 +9861,16 @@
           "name": "VscodeTableHeaderCell",
           "cssProperties": [
             {
-              "name": "--vscode-foreground"
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-font-family"
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "name": "--vscode-font-size"
+              "name": "--vscode-font-size",
+              "default": "13px"
             }
           ],
           "members": [
@@ -9727,7 +9925,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { border-top-color: var(--vscode-editorGroup-border); border-top-style: solid; border-top-width: var(--vsc-row-border-top-width); display: var(--vsc-row-display); width: 100%; } `, ]"
+          "default": "[ defaultStyles, css` :host { border-top-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); border-top-style: solid; border-top-width: var(--vsc-row-border-top-width); display: var(--vsc-row-display); width: 100%; } `, ]"
         }
       ],
       "exports": [
@@ -9751,7 +9949,8 @@
           "name": "VscodeTableRow",
           "cssProperties": [
             {
-              "name": "--vscode-editorGroup-border"
+              "name": "--vscode-editorGroup-border",
+              "default": "rgba(255, 255, 255, 0.09)"
             }
           ],
           "members": [
@@ -9806,7 +10005,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: block; } .header { align-items: center; display: flex; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); width: 100%; } .header { border-bottom-color: var(--vscode-settings-headerBorder); border-bottom-style: solid; border-bottom-width: 1px; } .header.panel { background-color: var(--vscode-panel-background); border-bottom-width: 0; box-sizing: border-box; padding-left: 8px; padding-right: 8px; } slot[name='addons'] { display: block; margin-left: auto; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; } .header { align-items: center; display: flex; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); width: 100%; } .header { border-bottom-color: var(--vscode-settings-headerBorder, #2b2b2b); border-bottom-style: solid; border-bottom-width: 1px; } .header.panel { background-color: var(--vscode-panel-background, #181818); border-bottom-width: 0; box-sizing: border-box; padding-left: 8px; padding-right: 8px; } .tablist { display: flex; margin-bottom: -1px; } slot[name='addons'] { display: block; margin-left: auto; } `, ]"
         }
       ],
       "exports": [
@@ -9830,19 +10029,24 @@
           "name": "VscodeTabs",
           "cssProperties": [
             {
-              "name": "--vscode-font-family"
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "name": "--vscode-font-size"
+              "name": "--vscode-font-size",
+              "default": "13px"
             },
             {
-              "name": "--vscode-font-weight"
+              "name": "--vscode-font-weight",
+              "default": "normal"
             },
             {
-              "name": "--vscode-settings-headerBorder"
+              "name": "--vscode-settings-headerBorder",
+              "default": "#2b2b2b"
             },
             {
-              "name": "--vscode-panel-background"
+              "name": "--vscode-panel-background",
+              "default": "#181818"
             }
           ],
           "slots": [
@@ -10009,13 +10213,6 @@
             }
           ],
           "events": [
-            {
-              "name": "vsc-select",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
-            },
             {
               "type": {
                 "text": "VscTabSelectEvent"
@@ -10080,7 +10277,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: inline-block; height: 40px; position: relative; width: 320px; } :host([cols]) { width: auto; } :host([rows]) { height: auto; } .shadow { box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset; display: none; inset: 0 0 auto 0; height: 6px; pointer-events: none; position: absolute; width: 100%; } .shadow.visible { display: block; } textarea { background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var(--vscode-settings-textInputBorder, transparent); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); height: 100%; width: 100%; } :host([cols]) textarea { width: auto; } :host([rows]) textarea { height: auto; } :host([invalid]) textarea, :host(:invalid) textarea { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } textarea.monospace { background-color: var(--vscode-editor-background, #1f1f1f); color: var(--vscode-editor-foreground, #cccccc); font-family: var(--vscode-editor-font-family, monospace); font-size: var(--vscode-editor-font-size, 14px); font-weight: var(--vscode-editor-font-weight, normal); } .textarea.monospace::placeholder { color: var( --vscode-editor-inlineValuesForeground, rgba(255, 255, 255, 0.5) ); } textarea.cursor-pointer { cursor: pointer; } textarea:focus { border-color: var(--vscode-focusBorder, #0078d4); outline: none; } textarea::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } textarea::-webkit-scrollbar-track { background-color: transparent; } textarea::-webkit-scrollbar { width: 14px; } textarea::-webkit-scrollbar-thumb { background-color: transparent; } textarea:hover::-webkit-scrollbar-thumb { background-color: var( --vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4) ); } textarea::-webkit-scrollbar-thumb:hover { background-color: var( --vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7) ); } textarea::-webkit-scrollbar-thumb:active { background-color: var( --vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4) ); } textarea::-webkit-scrollbar-corner { background-color: transparent; } textarea::-webkit-resizer { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right bottom; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: inline-block; height: auto; position: relative; width: 320px; } :host([cols]) { width: auto; } :host([rows]) { height: auto; } .shadow { box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset; display: none; inset: 0 0 auto 0; height: 6px; pointer-events: none; position: absolute; width: 100%; } .shadow.visible { display: block; } textarea { background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var(--vscode-settings-textInputBorder, transparent); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); height: 100%; width: 100%; } :host([cols]) textarea { width: auto; } :host([rows]) textarea { height: auto; } :host([invalid]) textarea, :host(:invalid) textarea { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } textarea.monospace { background-color: var(--vscode-editor-background, #1f1f1f); color: var(--vscode-editor-foreground, #cccccc); font-family: var(--vscode-editor-font-family, monospace); font-size: var(--vscode-editor-font-size, 14px); font-weight: var(--vscode-editor-font-weight, normal); } .textarea.monospace::placeholder { color: var( --vscode-editor-inlineValuesForeground, rgba(255, 255, 255, 0.5) ); } textarea.cursor-pointer { cursor: pointer; } textarea:focus { border-color: var(--vscode-focusBorder, #0078d4); outline: none; } textarea::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } textarea::-webkit-scrollbar-track { background-color: transparent; } textarea::-webkit-scrollbar { width: 14px; } textarea::-webkit-scrollbar-thumb { background-color: transparent; } textarea:hover::-webkit-scrollbar-thumb { background-color: var( --vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4) ); } textarea::-webkit-scrollbar-thumb:hover { background-color: var( --vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7) ); } textarea::-webkit-scrollbar-thumb:active { background-color: var( --vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4) ); } textarea::-webkit-scrollbar-corner { background-color: transparent; } textarea::-webkit-resizer { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right bottom; } `, ]"
         }
       ],
       "exports": [
@@ -10469,28 +10666,12 @@
             {
               "kind": "method",
               "name": "_handleChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "_handleInput",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "InputEvent"
-                  }
-                }
-              ]
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -10531,20 +10712,6 @@
                 "text": "Event"
               }
             },
-            {
-              "name": "vsc-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
-            },
-            {
-              "name": "vsc-input",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
-            },
             {
               "type": {
                 "text": "InputEvent"
@@ -10727,7 +10894,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { align-items: center; background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var( --vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground, #3c3c3c) ); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: inline-flex; max-width: 100%; position: relative; width: 320px; } :host([focused]) { border-color: var(--vscode-focusBorder, #0078d4); } :host([invalid]), :host(:invalid) { border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([invalid]) input, :host(:invalid) input { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); } ::slotted([slot='content-before']) { display: block; margin-left: 2px; } ::slotted([slot='content-after']) { display: block; margin-right: 2px; } slot[name='content-before'], slot[name='content-after'] { align-items: center; display: flex; } input { background-color: var(--vscode-settings-textInputBackground, #313131); border: 0; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 18px; outline: none; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; width: 100%; } input:read-only:not([type='file']) { cursor: not-allowed; } input::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } input[type='file'] { line-height: 24px; padding-bottom: 0; padding-left: 2px; padding-top: 0; } input[type='file']::file-selector-button { background-color: var(--vscode-button-background, #0078d4); border: 0; border-radius: 2px; color: var(--vscode-button-foreground, #ffffff); cursor: pointer; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 20px; padding: 0 14px; } input[type='file']::file-selector-button:hover { background-color: var(--vscode-button-hoverBackground, #026ec1); } `, ]"
+          "default": "[ defaultStyles, css` :host { display: inline-block; width: 320px; } .root { align-items: center; background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var( --vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground, #3c3c3c) ); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: flex; max-width: 100%; position: relative; width: 100%; } :host([focused]) .root { border-color: var(--vscode-focusBorder, #0078d4); } :host([invalid]), :host(:invalid) { border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([invalid]) input, :host(:invalid) input { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); } ::slotted([slot='content-before']) { display: block; margin-left: 2px; } ::slotted([slot='content-after']) { display: block; margin-right: 2px; } slot[name='content-before'], slot[name='content-after'] { align-items: center; display: flex; } input { background-color: var(--vscode-settings-textInputBackground, #313131); border: 0; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 18px; outline: none; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; width: 100%; } input:read-only:not([type='file']) { cursor: not-allowed; } input::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } input[type='file'] { line-height: 24px; padding-bottom: 0; padding-left: 2px; padding-top: 0; } input[type='file']::file-selector-button { background-color: var(--vscode-button-background, #0078d4); border: 0; border-radius: 2px; color: var(--vscode-button-foreground, #ffffff); cursor: pointer; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 20px; padding: 0 14px; } input[type='file']::file-selector-button:hover { background-color: var(--vscode-button-hoverBackground, #026ec1); } `, ]"
         }
       ],
       "exports": [
@@ -11111,28 +11278,12 @@
             {
               "kind": "method",
               "name": "_onInput",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "InputEvent"
-                  }
-                }
-              ]
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "_onChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -11172,26 +11323,12 @@
             }
           ],
           "events": [
-            {
-              "name": "vsc-input",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
-            },
             {
               "name": "change",
               "type": {
                 "text": "Event"
               }
             },
-            {
-              "name": "vsc-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "deprecated": "true"
-            },
             {
               "type": {
                 "text": "InputEvent"
@@ -11573,7 +11710,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { gap: 4px; display: flex; align-items: center; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; } div { gap: 4px; display: flex; align-items: center; } `, ]"
         }
       ],
       "exports": [
@@ -11838,7 +11975,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { --vsc-tree-item-arrow-display: flex; --internal-selectionBackground: var( --vscode-list-inactiveSelectionBackground ); --internal-selectionForeground: var(--vscode-foreground); --internal-selectionIconForeground: var(--vscode-icon-foreground); --internal-defaultIndentGuideDisplay: none; --internal-highlightedIndentGuideDisplay: block; display: block; } :host(:hover) { --internal-defaultIndentGuideDisplay: block; --internal-highlightedIndentGuideDisplay: block; } :host(:focus-within) { --internal-selectionBackground: var( --vscode-list-activeSelectionBackground ); --internal-selectionForeground: var( --vscode-list-activeSelectionForeground ); --internal-selectionIconForeground: var( --vscode-list-activeSelectionIconForeground ); } :host([hide-arrows]) { --vsc-tree-item-arrow-display: none; } :host([indent-guides='none']), :host([indent-guides='none']:hover) { --internal-defaultIndentGuideDisplay: none; --internal-highlightedIndentGuideDisplay: none; } :host([indent-guides='always']), :host([indent-guides='always']:hover) { --internal-defaultIndentGuideDisplay: block; --internal-highlightedIndentGuideDisplay: block; } `, ]"
+          "default": "[ defaultStyles, css` :host { --vsc-tree-item-arrow-display: flex; --internal-selectionBackground: var( --vscode-list-inactiveSelectionBackground, #37373d ); --internal-selectionForeground: var(--vscode-foreground, #cccccc); --internal-selectionIconForeground: var( --vscode-icon-foreground, #cccccc ); --internal-defaultIndentGuideDisplay: none; --internal-highlightedIndentGuideDisplay: block; display: block; } :host(:hover) { --internal-defaultIndentGuideDisplay: block; --internal-highlightedIndentGuideDisplay: block; } :host(:focus-within) { --internal-selectionBackground: var( --vscode-list-activeSelectionBackground, #04395e ); --internal-selectionForeground: var( --vscode-list-activeSelectionForeground, #ffffff ); --internal-selectionIconForeground: var( --vscode-list-activeSelectionIconForeground, #ffffff ); } :host([hide-arrows]) { --vsc-tree-item-arrow-display: none; } :host([indent-guides='none']), :host([indent-guides='none']:hover) { --internal-defaultIndentGuideDisplay: none; --internal-highlightedIndentGuideDisplay: none; } :host([indent-guides='always']), :host([indent-guides='always']:hover) { --internal-defaultIndentGuideDisplay: block; --internal-highlightedIndentGuideDisplay: block; } `, ]"
         }
       ],
       "exports": [
@@ -11876,7 +12013,63 @@
           "kind": "class",
           "description": "",
           "name": "VscodeTree",
+          "cssProperties": [
+            {
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
+            },
+            {
+              "name": "--vscode-font-size",
+              "default": "13px"
+            },
+            {
+              "name": "--vscode-font-weight",
+              "default": "normal"
+            },
+            {
+              "name": "--vscode-foreground",
+              "default": "#cccccc"
+            },
+            {
+              "name": "--vscode-icon-foreground",
+              "default": "#cccccc"
+            },
+            {
+              "name": "--vscode-list-focusAndSelectionOutline",
+              "default": "#0078d4"
+            },
+            {
+              "name": "--vscode-list-focusOutline",
+              "default": "#0078d4"
+            },
+            {
+              "name": "--vscode-list-hoverBackground",
+              "default": "#2a2d2e"
+            },
+            {
+              "name": "--vscode-list-hoverForeground",
+              "default": "#cccccc"
+            },
+            {
+              "name": "--vscode-tree-inactiveIndentGuidesStroke",
+              "default": "rgba(88, 88, 88, 0.4)"
+            },
+            {
+              "name": "--vscode-tree-indentGuidesStroke",
+              "default": "#585858"
+            }
+          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "expandMode",
+              "type": {
+                "text": "'singleClick' | 'doubleClick'"
+              },
+              "default": "'singleClick'",
+              "description": "Controls how tree folders are expanded when clicked. This property is designed to use\nthe `workbench.tree.expandMode` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n```",
+              "attribute": "expand-mode"
+            },
             {
               "kind": "field",
               "name": "hideArrows",
@@ -11888,16 +12081,6 @@
               "attribute": "hide-arrows",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "expandMode",
-              "type": {
-                "text": "'singleClick' | 'doubleClick'"
-              },
-              "default": "DEFAULT_EXPAND_MODE",
-              "description": "Controls how tree folders are expanded when clicked. This property is designed to use\nthe `workbench.tree.expandMode` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n```",
-              "attribute": "expand-mode"
-            },
             {
               "kind": "field",
               "name": "indent",
@@ -11915,7 +12098,7 @@
               "type": {
                 "text": "'none' | 'onHover' | 'always'"
               },
-              "default": "DEFAULT_INDENT_GUIDE_DISPLAY",
+              "default": "'onHover'",
               "description": "Controls whether the tree should render indent guides. This property is\ndesigned to use the `workbench.tree.renderIndentGuides` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n```",
               "attribute": "indent-guides",
               "reflects": true
@@ -11947,7 +12130,7 @@
                 "text": "ConfigContext"
               },
               "privacy": "private",
-              "default": "{ hideArrows: DEFAULT_HIDE_ARROWS, expandMode: DEFAULT_EXPAND_MODE, indent: DEFAULT_INDENT, indentGuides: DEFAULT_INDENT_GUIDE_DISPLAY, multiSelect: DEFAULT_MULTI_SELECT, }"
+              "default": "{ hideArrows: this.hideArrows, expandMode: this.expandMode, indent: this.indent, indentGuides: this.indentGuides, multiSelect: this.multiSelect, }"
             },
             {
               "kind": "field",
@@ -12094,30 +12277,30 @@
             }
           ],
           "attributes": [
-            {
-              "name": "hide-arrows",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "DEFAULT_HIDE_ARROWS",
-              "description": "Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n(e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\npossible to mimic that behavior.",
-              "fieldName": "hideArrows"
-            },
             {
               "name": "expand-mode",
               "type": {
                 "text": "'singleClick' | 'doubleClick'"
               },
-              "default": "DEFAULT_EXPAND_MODE",
+              "default": "'singleClick'",
               "description": "Controls how tree folders are expanded when clicked. This property is designed to use\nthe `workbench.tree.expandMode` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n```",
               "fieldName": "expandMode"
             },
+            {
+              "name": "hide-arrows",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n(e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\npossible to mimic that behavior.",
+              "fieldName": "hideArrows"
+            },
             {
               "name": "indent",
               "type": {
                 "text": "number"
               },
-              "default": "DEFAULT_INDENT",
+              "default": "8",
               "description": "Controls the indentation in pixels. This property is designed to use the\n`workbench.tree.indent` setting.",
               "fieldName": "indent"
             },
@@ -12126,7 +12309,7 @@
               "type": {
                 "text": "'none' | 'onHover' | 'always'"
               },
-              "default": "DEFAULT_INDENT_GUIDE_DISPLAY",
+              "default": "'onHover'",
               "description": "Controls whether the tree should render indent guides. This property is\ndesigned to use the `workbench.tree.renderIndentGuides` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n```",
               "fieldName": "indentGuides"
             },
@@ -12135,7 +12318,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "DEFAULT_MULTI_SELECT",
+              "default": "false",
               "description": "Allows selecting multiple items.",
               "fieldName": "multiSelect"
             }
@@ -12193,7 +12376,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { --hover-outline-color: transparent; --hover-outline-style: solid; --hover-outline-width: 0; --selected-outline-color: transparent; --selected-outline-style: solid; --selected-outline-width: 0; cursor: pointer; display: block; user-select: none; } .root { display: block; } .wrapper { align-items: flex-start; display: flex; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); outline-offset: -1px; padding-right: 12px; } .wrapper:hover { background-color: var(--vscode-list-hoverBackground); color: var(--vscode-list-hoverForeground); } :host([selected]) .wrapper { color: var(--internal-selectionForeground); background-color: var(--internal-selectionBackground); } :host([selected]) ::slotted(vscode-icon) { color: var(--internal-selectionForeground); } :host(:focus) { outline: none; } :host(:focus) .wrapper.active { outline-color: var( --vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline) ); outline-style: solid; outline-width: 1px; } .arrow-container { align-items: center; display: var(--vsc-tree-item-arrow-display); height: 22px; justify-content: center; padding-left: 8px; padding-right: 6px; width: 16px; } .arrow-container svg { display: block; fill: var(--vscode-icon-foreground); } .arrow-container.icon-rotated svg { transform: rotate(90deg); } :host([selected]) .arrow-container svg { fill: var(--internal-selectionIconForeground); } .icon-container { align-items: center; display: flex; height: 22px; } .icon-container slot { display: block; } .icon-container.has-icon { margin-right: 6px; } .children { position: relative; } .children.guide:before { background-color: var(--vscode-tree-inactiveIndentGuidesStroke); content: ''; display: none; height: 100%; left: var(--indentation-guide-left); pointer-events: none; position: absolute; width: 1px; z-index: 1; } .children.guide.default-guide:before { display: var(--internal-defaultIndentGuideDisplay); } .children.guide.highlighted-guide:before { display: var(--internal-highlightedIndentGuideDisplay); background-color: var(--vscode-tree-indentGuidesStroke); } .content { line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :host([branch]) ::slotted(vscode-tree-item) { display: none; } :host([branch][open]) ::slotted(vscode-tree-item) { display: block; } `, ]"
+          "default": "[ defaultStyles, css` :host { --hover-outline-color: transparent; --hover-outline-style: solid; --hover-outline-width: 0; --selected-outline-color: transparent; --selected-outline-style: solid; --selected-outline-width: 0; cursor: pointer; display: block; user-select: none; } ::slotted(vscode-icon) { display: block; } .root { display: block; } .wrapper { align-items: flex-start; color: var(--vscode-foreground, #cccccc); display: flex; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); outline-offset: -1px; padding-right: 12px; } .wrapper:hover { background-color: var(--vscode-list-hoverBackground, #2a2d2e); color: var( --vscode-list-hoverForeground, var(--vscode-foreground, #cccccc) ); } :host([selected]) .wrapper { color: var(--internal-selectionForeground); background-color: var(--internal-selectionBackground); } :host([selected]) ::slotted(vscode-icon) { color: var(--internal-selectionForeground); } :host(:focus) { outline: none; } :host(:focus) .wrapper.active { outline-color: var( --vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline, #0078d4) ); outline-style: solid; outline-width: 1px; } .arrow-container { align-items: center; display: var(--vsc-tree-item-arrow-display); height: 22px; justify-content: center; padding-left: 8px; padding-right: 6px; width: 16px; } .arrow-container svg { display: block; fill: var(--vscode-icon-foreground, #cccccc); } .arrow-container.icon-rotated svg { transform: rotate(90deg); } :host([selected]) .arrow-container svg { fill: var(--internal-selectionIconForeground); } .icon-container { align-items: center; display: flex; margin-bottom: 3px; margin-top: 3px; overflow: hidden; } .icon-container slot { display: block; } .icon-container.has-icon { height: 16px; margin-right: 6px; width: 16px; } .children { position: relative; } .children.guide:before { background-color: var( --vscode-tree-inactiveIndentGuidesStroke, rgba(88, 88, 88, 0.4) ); content: ''; display: none; height: 100%; left: var(--indentation-guide-left); pointer-events: none; position: absolute; width: 1px; z-index: 1; } .children.guide.default-guide:before { display: var(--internal-defaultIndentGuideDisplay); } .children.guide.highlighted-guide:before { display: var(--internal-highlightedIndentGuideDisplay); background-color: var(--vscode-tree-indentGuidesStroke, #585858); } .content { line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :host([branch]) ::slotted(vscode-tree-item) { display: none; } :host([branch][open]) ::slotted(vscode-tree-item) { display: block; } `, ]"
         }
       ],
       "exports": [