Add components

Author: bendera

packages/lib/src/components/VscodeContextMenu.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { createComponent, type EventName } from "@lit/react";
+import {
+  VscodeContextMenu as VscodeContextMenuWebComponent,
+  VscContextMenuSelectEvent,
+} from "@vscode-elements/elements/dist/vscode-context-menu/vscode-context-menu";
+
+const VscodeContextMenu = createComponent({
+  tagName: "vscode-context-menu",
+  elementClass: VscodeContextMenuWebComponent,
+  react: React,
+  displayName: "VscodeContextMenu",
+  events: {
+    onVscContextMenuSelect:
+      "vsc-context-menu-select" as EventName<VscContextMenuSelectEvent>,
+  },
+});
+
+export default VscodeContextMenu;

packages/lib/src/components/VscodeContextMenuItem.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { VscodeContextMenuItem as WC } from "@vscode-elements/elements";
+
+const VscodeContextMenuItem = createComponent({
+  tagName: "vscode-context-menu-item",
+  elementClass: WC,
+  react: React,
+  displayName: "VscodeContextMenuItem",
+});
+
+export default VscodeContextMenuItem;

packages/lib/src/components/VscodeDivider.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { VscodeDivider as WC } from "@vscode-elements/elements";
+
+const VscodeDivider = createComponent({
+  tagName: "vscode-divider",
+  elementClass: WC,
+  react: React,
+  displayName: "VscodeDivider",
+});
+
+export default VscodeDivider;