Use short web component class alias

Author: bendera

packages/lib/src/components/VscodeBadge.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { createComponent } from "@lit/react";
-import { VscodeBadge as VscodeBadgeWebComponent } from "@vscode-elements/elements";
+import { VscodeBadge as WC } from "@vscode-elements/elements";
 
 const VscodeBadge = createComponent({
   tagName: "vscode-badge",
-  elementClass: VscodeBadgeWebComponent,
+  elementClass: WC,
   react: React,
   displayName: "VscodeBadge",
 });

packages/lib/src/components/VscodeButton.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { createComponent } from "@lit/react";
-import { VscodeButton as VscodeButtonWebComponent } from "@vscode-elements/elements";
+import { VscodeButton as WC } from "@vscode-elements/elements";
 
 const VscodeButton = createComponent({
   tagName: "vscode-button",
-  elementClass: VscodeButtonWebComponent,
+  elementClass: WC,
   react: React,
   displayName: "VscodeButton",
 });

packages/lib/src/components/VscodeCheckbox.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { createComponent } from "@lit/react";
-import { VscodeCheckbox as VscodeCheckboxWebComponent } from "@vscode-elements/elements";
+import { VscodeCheckbox as WC } from "@vscode-elements/elements";
 
 const VscodeCheckbox = createComponent({
   tagName: "vscode-checkbox",
-  elementClass: VscodeCheckboxWebComponent,
+  elementClass: WC,
   react: React,
   displayName: "VscodeCheckbox",
 });

packages/lib/src/components/VscodeCheckboxGroup.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { createComponent } from "@lit/react";
-import { VscodeCheckboxGroup as VscodeCheckboxGroupWebComponent } from "@vscode-elements/elements";
+import { VscodeCheckboxGroup as WC } from "@vscode-elements/elements";
 
 const VscodeCheckboxGroup = createComponent({
   tagName: "vscode-checkbox-group",
-  elementClass: VscodeCheckboxGroupWebComponent,
+  elementClass: WC,
   react: React,
   displayName: "VscodeCheckboxGroup",
 });

packages/lib/src/components/VscodeCollapsible.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { createComponent } from "@lit/react";
-import { VscodeCollapsible as VscodeCollapsibleWebComponent } from "@vscode-elements/elements";
+import { VscodeCollapsible as WC } from "@vscode-elements/elements";
 
 const VscodeCollapsible = createComponent({
   tagName: "vscode-collapsible",
-  elementClass: VscodeCollapsibleWebComponent,
+  elementClass: WC,
   react: React,
   displayName: "VscodeCollapsible",
 });

packages/lib/src/components/VscodeContextMenu.ts

@@ -1,13 +1,13 @@
 import React from "react";
 import { createComponent, type EventName } from "@lit/react";
 import {
-  VscodeContextMenu as VscodeContextMenuWebComponent,
+  VscodeContextMenu as WC,
   VscContextMenuSelectEvent,
 } from "@vscode-elements/elements/dist/vscode-context-menu/vscode-context-menu";
 
 const VscodeContextMenu = createComponent({
   tagName: "vscode-context-menu",
-  elementClass: VscodeContextMenuWebComponent,
+  elementClass: WC,
   react: React,
   displayName: "VscodeContextMenu",
   events: {

packages/lib/src/components/VscodeTabHeader.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { createComponent } from "@lit/react";
-import { VscodeTabHeader as VscodeTabHeaderWebComponent } from "@vscode-elements/elements";
+import { VscodeTabHeader as WC } from "@vscode-elements/elements";
 
 const VscodeTabHeader = createComponent({
   tagName: "vscode-tab-header",
-  elementClass: VscodeTabHeaderWebComponent,
+  elementClass: WC,
   react: React,
   displayName: "VscTabHeader",
 });

packages/lib/src/components/VscodeTabPanel.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { createComponent } from "@lit/react";
-import { VscodeTabPanel as VscodeTabPanelWebComponent } from "@vscode-elements/elements";
+import { VscodeTabPanel as WC } from "@vscode-elements/elements";
 
 const VscodeTabPanel = createComponent({
   tagName: "vscode-tab-panel",
-  elementClass: VscodeTabPanelWebComponent,
+  elementClass: WC,
   react: React,
   displayName: "VscodeTabPanel",
 });

packages/lib/src/components/VscodeTabs.ts

@@ -1,11 +1,11 @@
 import React from "react";
 import { createComponent, type EventName } from "@lit/react";
-import { VscodeTabs as VscodeTabsWebComponent } from "@vscode-elements/elements";
+import { VscodeTabs as WC } from "@vscode-elements/elements";
 import { VscTabsSelectEvent } from "@vscode-elements/elements/dist/vscode-tabs/vscode-tabs";
 
 const VscodeTabs = createComponent({
   tagName: "vscode-tabs",
-  elementClass: VscodeTabsWebComponent,
+  elementClass: WC,
   react: React,
   events: {
     onVscTabsSelect: "vsc-tabs-select" as EventName<VscTabsSelectEvent>,