Merge branch 'main' of https://github.com/vscode-elements/vscode-elements.github.io

Author: bendera

package-lock.json

@@ -22,7 +22,7 @@
   },
   "devDependencies": {
     "@types/node": "^20.10.0",
-    "@vscode-elements/elements": "1.0.1",
+    "@vscode-elements/elements": "^1.1.0",
     "@vscode/codicons": "^0.0.35",
     "custom-elements-manifest": "^2.0.0",
     "prettier": "^3.1.0",

package.json

@@ -10,8 +10,6 @@ import ApiDocs from '@components/ApiDocs/ApiDocs.astro';
 ## Custom types
 
 ```typescript
-type IconType = 'themeicon' | 'image';
-
 type IconVariant = 'branch' | 'leaf' | 'open';
 
 export interface TreeItemIconConfig {
@@ -94,4 +92,4 @@ interface SelectEventDetail {
    * `data[1].subItems[2].subItems[3]` */
   path: string; // ex.: 0/0/1
 }
-```
+```

src/content/api/tree.mdx

@@ -100,6 +100,13 @@ tabs.addEventListener('vsc-tabs-select', () => {
 });
 ```
 
+Most of the components use native events if possible. When a component has a custom event, the event 
+is exported as a TypeScript type. All exported events are descendants of the `CustomEvent` class.
+
+```typescript
+import type { VscTabsSelectEvent } from "@vscode-elements/elements/dist/vscode-tabs/vscode-tabs";
+```
+
 ### Slots
 
 Slots are used to accept HTML content.