@vscode-elements/elements 2.3.1-pre.2 → 2.3.1

package/custom-elements.json

@@ -604,6 +604,131 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-badge/vscode-badge.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "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": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-badge/vscode-badge.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-badge/vscode-badge.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
+          "name": "VscodeBadge",
+          "cssProperties": [
+            {
+              "description": "A sans-serif font type depends on the host OS.",
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
+            },
+            {
+              "name": "--vscode-contrastBorder",
+              "default": "transparent"
+            },
+            {
+              "description": "default and counter variant background color",
+              "name": "--vscode-badge-background",
+              "default": "#616161"
+            },
+            {
+              "description": "default and counter variant foreground color",
+              "name": "--vscode-badge-foreground",
+              "default": "#f8f8f8"
+            },
+            {
+              "description": "activity bar variant background color",
+              "name": "--vscode-activityBarBadge-background",
+              "default": "#0078d4"
+            },
+            {
+              "description": "activity bar variant foreground color",
+              "name": "--vscode-activityBarBadge-foreground",
+              "default": "#ffffff"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
+              },
+              "default": "'default'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
+              },
+              "default": "'default'",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-badge",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeBadge",
+          "declaration": {
+            "name": "VscodeBadge",
+            "module": "src/vscode-badge/vscode-badge.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-badge",
+          "declaration": {
+            "name": "VscodeBadge",
+            "module": "src/vscode-badge/vscode-badge.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/vscode-button/vscode-button.styles.ts",
@@ -1099,131 +1224,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-badge/vscode-badge.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "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": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-badge/vscode-badge.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-badge/vscode-badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
-          "name": "VscodeBadge",
-          "cssProperties": [
-            {
-              "description": "A sans-serif font type depends on the host OS.",
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
-            },
-            {
-              "name": "--vscode-contrastBorder",
-              "default": "transparent"
-            },
-            {
-              "description": "default and counter variant background color",
-              "name": "--vscode-badge-background",
-              "default": "#616161"
-            },
-            {
-              "description": "default and counter variant foreground color",
-              "name": "--vscode-badge-foreground",
-              "default": "#f8f8f8"
-            },
-            {
-              "description": "activity bar variant background color",
-              "name": "--vscode-activityBarBadge-background",
-              "default": "#0078d4"
-            },
-            {
-              "description": "activity bar variant foreground color",
-              "name": "--vscode-activityBarBadge-foreground",
-              "default": "#ffffff"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
-              },
-              "default": "'default'",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "| 'default'\n    | 'counter'\n    | 'activity-bar-counter'\n    | 'tab-header-counter'"
-              },
-              "default": "'default'",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-badge",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeBadge",
-          "declaration": {
-            "name": "VscodeBadge",
-            "module": "src/vscode-badge/vscode-badge.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-badge",
-          "declaration": {
-            "name": "VscodeBadge",
-            "module": "src/vscode-badge/vscode-badge.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/vscode-button-group/vscode-button-group.styles.ts",
@@ -2006,7 +2006,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-collapsible/vscode-collapsible.styles.ts",
+      "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -2014,7 +2014,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` .collapsible { background-color: var(--vscode-sideBar-background, #181818); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background, #181818); cursor: pointer; display: flex; height: 22px; line-height: 22px; user-select: none; } .collapsible-header:focus { opacity: 1; outline-offset: -1px; outline-style: solid; outline-width: 1px; outline-color: var(--vscode-focusBorder, #0078d4); } .title { color: var(--vscode-sideBarTitle-foreground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: 11px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .title .description { font-weight: 400; margin-left: 10px; text-transform: none; opacity: 0.6; } .header-icon { color: var(--vscode-icon-foreground, #cccccc); display: block; flex-shrink: 0; margin: 0 3px; } .collapsible.open .header-icon { transform: rotate(90deg); } .header-slots { align-items: center; display: flex; height: 22px; margin-left: auto; margin-right: 4px; } .actions { display: none; } .collapsible.open .actions.always-visible, .collapsible.open:hover .actions { display: block; } .header-slots slot { display: flex; max-height: 22px; overflow: hidden; } .header-slots slot::slotted(div) { align-items: center; display: flex; } .collapsible-body { display: none; overflow: hidden; } .collapsible.open .collapsible-body { display: block; } `, ]"
+          "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": [
@@ -2023,264 +2023,7 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-collapsible/vscode-collapsible.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-collapsible/vscode-collapsible.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Allows users to reveal or hide related content on a page.",
-          "name": "VscodeCollapsible",
-          "cssProperties": [
-            {
-              "description": "Background color",
-              "name": "--vscode-sideBar-background",
-              "default": "#181818"
-            },
-            {
-              "description": "Focus border color",
-              "name": "--vscode-focusBorder",
-              "default": "#0078d4"
-            },
-            {
-              "description": "Header font family",
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
-            },
-            {
-              "description": "Header background",
-              "name": "--vscode-sideBarSectionHeader-background",
-              "default": "#181818"
-            },
-            {
-              "description": "Arrow icon color",
-              "name": "--vscode-icon-foreground",
-              "default": "#cccccc"
-            },
-            {
-              "description": "Header font color",
-              "name": "--vscode-sideBarTitle-foreground",
-              "default": "#cccccc"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior.",
-              "name": "body"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Main content.",
-              "name": ""
-            },
-            {
-              "description": "You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.",
-              "name": "actions"
-            },
-            {
-              "description": "The elements placed in the decorations slot are always visible.",
-              "name": "decorations"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "alwaysShowHeaderActions",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
-              "attribute": "always-show-header-actions",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "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",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Less prominent text in the header.",
-              "attribute": "description"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "_emitToggleEvent",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_onHeaderClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_onHeaderKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "VscCollapsibleToggleEvent"
-              },
-              "description": "Dispatched when the content visibility is changed.",
-              "name": "vsc-collapsible-toggle"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "always-show-header-actions",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
-              "fieldName": "alwaysShowHeaderActions"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "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 in the header.",
-              "fieldName": "description"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "open"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-collapsible",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeCollapsible",
-          "declaration": {
-            "name": "VscodeCollapsible",
-            "module": "src/vscode-collapsible/vscode-collapsible.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-collapsible",
-          "declaration": {
-            "name": "VscodeCollapsible",
-            "module": "src/vscode-collapsible/vscode-collapsible.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "default": "[ defaultStyles, css` :host { display: block; 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": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
+            "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
           }
         }
       ]
@@ -2560,7 +2303,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts",
+      "path": "src/vscode-collapsible/vscode-collapsible.styles.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -2568,7 +2311,7 @@
           "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; } `, ]"
+          "default": "[ defaultStyles, css` .collapsible { background-color: var(--vscode-sideBar-background, #181818); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background, #181818); cursor: pointer; display: flex; height: 22px; line-height: 22px; user-select: none; } .collapsible-header:focus { opacity: 1; outline-offset: -1px; outline-style: solid; outline-width: 1px; outline-color: var(--vscode-focusBorder, #0078d4); } .title { color: var(--vscode-sideBarTitle-foreground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: 11px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .title .description { font-weight: 400; margin-left: 10px; text-transform: none; opacity: 0.6; } .header-icon { color: var(--vscode-icon-foreground, #cccccc); display: block; flex-shrink: 0; margin: 0 3px; } .collapsible.open .header-icon { transform: rotate(90deg); } .header-slots { align-items: center; display: flex; height: 22px; margin-left: auto; margin-right: 4px; } .actions { display: none; } .collapsible.open .actions.always-visible, .collapsible.open:hover .actions { display: block; } .header-slots slot { display: flex; max-height: 22px; overflow: hidden; } .header-slots slot::slotted(div) { align-items: center; display: flex; } .collapsible-body { display: none; overflow: hidden; } .collapsible.open .collapsible-body { display: block; } `, ]"
         }
       ],
       "exports": [
@@ -2577,109 +2320,147 @@
           "name": "default",
           "declaration": {
             "name": "styles",
-            "module": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts"
+            "module": "src/vscode-collapsible/vscode-collapsible.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/vscode-context-menu-item/vscode-context-menu-item.ts",
+      "path": "src/vscode-collapsible/vscode-collapsible.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "VscodeContextMenuItem",
+          "description": "Allows users to reveal or hide related content on a page.",
+          "name": "VscodeCollapsible",
           "cssProperties": [
             {
-              "name": "--vscode-font-family",
-              "default": "sans-serif"
+              "description": "Background color",
+              "name": "--vscode-sideBar-background",
+              "default": "#181818"
             },
             {
-              "name": "--vscode-font-size",
-              "default": "13px"
+              "description": "Focus border color",
+              "name": "--vscode-focusBorder",
+              "default": "#0078d4"
             },
             {
-              "name": "--vscode-font-weight",
-              "default": "normal"
+              "description": "Header font family",
+              "name": "--vscode-font-family",
+              "default": "sans-serif"
             },
             {
-              "name": "--vscode-menu-background",
-              "default": "#1f1f1f"
+              "description": "Header background",
+              "name": "--vscode-sideBarSectionHeader-background",
+              "default": "#181818"
             },
             {
-              "name": "--vscode-menu-selectionBorder",
-              "default": "transparent"
+              "description": "Arrow icon color",
+              "name": "--vscode-icon-foreground",
+              "default": "#cccccc"
             },
             {
-              "name": "--vscode-menu-foreground",
+              "description": "Header font color",
+              "name": "--vscode-sideBarTitle-foreground",
               "default": "#cccccc"
-            },
+            }
+          ],
+          "cssParts": [
             {
-              "name": "--vscode-menu-selectionBackground",
-              "default": "#0078d4"
+              "description": "Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior.",
+              "name": "body"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Main content.",
+              "name": ""
             },
             {
-              "name": "--vscode-menu-selectionForeground",
-              "default": "#ffffff"
+              "description": "You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.",
+              "name": "actions"
             },
             {
-              "name": "--vscode-menu-separatorBackground",
-              "default": "#454545"
+              "description": "The elements placed in the decorations slot are always visible.",
+              "name": "decorations"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "alwaysShowHeaderActions",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
+              "attribute": "always-show-header-actions",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "title",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "label"
+              "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": "keybinding",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "keybinding"
+              "description": "Heading text.",
+              "attribute": "heading"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "value"
+              "description": "Less prominent text in the header.",
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "separator",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "separator",
+              "attribute": "open",
               "reflects": true
             },
             {
-              "kind": "field",
-              "name": "tabindex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "attribute": "tabindex"
+              "kind": "method",
+              "name": "_emitToggleEvent",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "onItemClick",
+              "name": "_onHeaderClick",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_onHeaderKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "version",
@@ -2694,71 +2475,85 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "VscCollapsibleToggleEvent"
+              },
+              "description": "Dispatched when the content visibility is changed.",
+              "name": "vsc-collapsible-toggle"
+            }
+          ],
           "attributes": [
             {
-              "name": "label",
+              "name": "always-show-header-actions",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "label"
+              "default": "false",
+              "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
+              "fieldName": "alwaysShowHeaderActions"
             },
             {
-              "name": "keybinding",
+              "name": "title",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "keybinding"
+              "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": "value",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "value"
+              "description": "Heading text.",
+              "fieldName": "heading"
             },
             {
-              "name": "separator",
+              "name": "description",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "separator"
+              "default": "''",
+              "description": "Less prominent text in the header.",
+              "fieldName": "description"
             },
             {
-              "name": "tabindex",
+              "name": "open",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "fieldName": "tabindex"
+              "default": "false",
+              "fieldName": "open"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-context-menu-item",
+          "tagName": "vscode-collapsible",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeContextMenuItem",
+          "name": "VscodeCollapsible",
           "declaration": {
-            "name": "VscodeContextMenuItem",
-            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
+            "name": "VscodeCollapsible",
+            "module": "src/vscode-collapsible/vscode-collapsible.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-context-menu-item",
+          "name": "vscode-collapsible",
           "declaration": {
-            "name": "VscodeContextMenuItem",
-            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
+            "name": "VscodeCollapsible",
+            "module": "src/vscode-collapsible/vscode-collapsible.ts"
           }
         }
       ]
@@ -2992,17 +2787,197 @@
             },
             {
               "kind": "field",
-              "name": "_resizeObserverCallbackBound",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_activateResponsiveLayout",
-              "privacy": "private"
+              "name": "_resizeObserverCallbackBound",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_activateResponsiveLayout",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_deactivateResizeObserver",
+              "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": "responsive",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "responsive"
+            },
+            {
+              "name": "breakpoint",
+              "type": {
+                "text": "number"
+              },
+              "default": "490",
+              "fieldName": "breakpoint"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-form-container",
+          "customElement": true
+        }
+      ],
+      "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-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": "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": "_deactivateResizeObserver",
+              "name": "onItemClick",
               "privacy": "private"
             },
             {
@@ -3021,44 +2996,69 @@
           ],
           "attributes": [
             {
-              "name": "responsive",
+              "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"
               },
-              "fieldName": "responsive"
+              "default": "false",
+              "fieldName": "separator"
             },
             {
-              "name": "breakpoint",
+              "name": "tabindex",
               "type": {
                 "text": "number"
               },
-              "default": "490",
-              "fieldName": "breakpoint"
+              "default": "0",
+              "fieldName": "tabindex"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-form-container",
+          "tagName": "vscode-context-menu-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeFormContainer",
+          "name": "VscodeContextMenuItem",
           "declaration": {
-            "name": "VscodeFormContainer",
-            "module": "src/vscode-form-container/vscode-form-container.ts"
+            "name": "VscodeContextMenuItem",
+            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-form-container",
+          "name": "vscode-context-menu-item",
           "declaration": {
-            "name": "VscodeFormContainer",
-            "module": "src/vscode-form-container/vscode-form-container.ts"
+            "name": "VscodeContextMenuItem",
+            "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
           }
         }
       ]
@@ -5345,225 +5345,78 @@
               "name": "max",
               "type": {
                 "text": "number"
-              },
-              "default": "100",
-              "description": "Maximum value for determinate mode.",
-              "attribute": "max",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Force indeterminate mode even if value is set.",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "longRunningThreshold",
-              "type": {
-                "text": "number"
-              },
-              "default": "15000",
-              "description": "Switch to a gentler animation after this many ms in indeterminate mode.",
-              "attribute": "long-running-threshold"
-            },
-            {
-              "kind": "field",
-              "name": "_longRunning",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_longRunningHandle",
-              "type": {
-                "text": "ReturnType<typeof setTimeout> | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_isDeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "_maybeStartLongRunningTimer",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_clearLongRunningTimer",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "description": "VSCode Elements version",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "VscElement",
-                "module": "src/includes/VscElement.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Current value for determinate mode. If undefined/NaN, the bar is indeterminate.",
-              "fieldName": "value"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "100",
-              "description": "Maximum value for determinate mode.",
-              "fieldName": "max"
-            },
-            {
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Force indeterminate mode even if value is set.",
-              "fieldName": "indeterminate"
-            },
-            {
-              "name": "long-running-threshold",
-              "type": {
-                "text": "number"
-              },
-              "default": "15000",
-              "description": "Switch to a gentler animation after this many ms in indeterminate mode.",
-              "fieldName": "longRunningThreshold"
-            }
-          ],
-          "superclass": {
-            "name": "VscElement",
-            "module": "/src/includes/VscElement.js"
-          },
-          "tagName": "vscode-progress-bar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "VscodeProgressBar",
-          "declaration": {
-            "name": "VscodeProgressBar",
-            "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "vscode-progress-bar",
-          "declaration": {
-            "name": "VscodeProgressBar",
-            "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-progress-ring/vscode-progress-ring.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "type": {
-            "text": "CSSResultGroup"
-          },
-          "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": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/vscode-progress-ring/vscode-progress-ring.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/vscode-progress-ring/vscode-progress-ring.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "VscodeProgressRing",
-          "cssProperties": [
-            {
-              "name": "--vscode-progressBar-background",
-              "default": "#0078d4"
-            }
-          ],
-          "members": [
+              },
+              "default": "100",
+              "description": "Maximum value for determinate mode.",
+              "attribute": "max",
+              "reflects": true
+            },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "indeterminate",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Loading'",
-              "attribute": "aria-label",
+              "default": "false",
+              "description": "Force indeterminate mode even if value is set.",
+              "attribute": "indeterminate",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "ariaLive",
+              "name": "longRunningThreshold",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'assertive'",
-              "attribute": "aria-live",
-              "reflects": true
+              "default": "15000",
+              "description": "Switch to a gentler animation after this many ms in indeterminate mode.",
+              "attribute": "long-running-threshold"
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "_longRunning",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'alert'",
-              "attribute": "role",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_longRunningHandle",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_isDeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_maybeStartLongRunningTimer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_clearLongRunningTimer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
@@ -5581,53 +5434,64 @@
           ],
           "attributes": [
             {
-              "name": "aria-label",
+              "name": "value",
               "type": {
-                "text": "string"
+                "text": "number | undefined"
               },
-              "default": "'Loading'",
-              "fieldName": "ariaLabel"
+              "description": "Current value for determinate mode. If undefined/NaN, the bar is indeterminate.",
+              "fieldName": "value"
             },
             {
-              "name": "aria-live",
+              "name": "max",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'assertive'",
-              "fieldName": "ariaLive"
+              "default": "100",
+              "description": "Maximum value for determinate mode.",
+              "fieldName": "max"
             },
             {
-              "name": "role",
+              "name": "indeterminate",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'alert'",
-              "fieldName": "role"
+              "default": "false",
+              "description": "Force indeterminate mode even if value is set.",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "long-running-threshold",
+              "type": {
+                "text": "number"
+              },
+              "default": "15000",
+              "description": "Switch to a gentler animation after this many ms in indeterminate mode.",
+              "fieldName": "longRunningThreshold"
             }
           ],
           "superclass": {
             "name": "VscElement",
             "module": "/src/includes/VscElement.js"
           },
-          "tagName": "vscode-progress-ring",
+          "tagName": "vscode-progress-bar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VscodeProgressRing",
+          "name": "VscodeProgressBar",
           "declaration": {
-            "name": "VscodeProgressRing",
-            "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
+            "name": "VscodeProgressBar",
+            "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "vscode-progress-ring",
+          "name": "vscode-progress-bar",
           "declaration": {
-            "name": "VscodeProgressRing",
-            "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
+            "name": "VscodeProgressBar",
+            "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
           }
         }
       ]
@@ -6182,6 +6046,142 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-progress-ring/vscode-progress-ring.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "type": {
+            "text": "CSSResultGroup"
+          },
+          "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": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/vscode-progress-ring/vscode-progress-ring.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/vscode-progress-ring/vscode-progress-ring.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "VscodeProgressRing",
+          "cssProperties": [
+            {
+              "name": "--vscode-progressBar-background",
+              "default": "#0078d4"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading'",
+              "attribute": "aria-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaLive",
+              "type": {
+                "text": "string"
+              },
+              "default": "'assertive'",
+              "attribute": "aria-live",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "attribute": "role",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "description": "VSCode Elements version",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "VscElement",
+                "module": "src/includes/VscElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading'",
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "aria-live",
+              "type": {
+                "text": "string"
+              },
+              "default": "'assertive'",
+              "fieldName": "ariaLive"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "VscElement",
+            "module": "/src/includes/VscElement.js"
+          },
+          "tagName": "vscode-progress-ring",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VscodeProgressRing",
+          "declaration": {
+            "name": "VscodeProgressRing",
+            "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "vscode-progress-ring",
+          "declaration": {
+            "name": "VscodeProgressRing",
+            "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/vscode-radio-group/vscode-radio-group.styles.ts",