chore: init monorepo

apps/web/src/md-components/AssistChip.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdAssistChip } from "@material/web/chips/assist-chip";
+
+const AssistChip = createComponent({
+  tagName: "md-assist-chip",
+  elementClass: MdAssistChip,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default AssistChip

apps/web/src/md-components/ChipSet.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdChipSet } from "@material/web/chips/chip-set";
+
+const ChipSet = createComponent({
+  tagName: "md-chip-set",
+  elementClass: MdChipSet,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default ChipSet

apps/web/src/md-components/DefaultIconButton.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdIconButton } from "@material/web/iconbutton/icon-button";
+
+const DefaultIconButton = createComponent({
+  tagName: "md-icon-button",
+  elementClass: MdIconButton,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default DefaultIconButton

apps/web/src/md-components/Dialog.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdDialog } from "@material/web/dialog/dialog";
+
+const Dialog = createComponent({
+  tagName: "md-dialog",
+  elementClass: MdDialog,
+  react: React,
+  events: {
+    onClick: "click",
+    onClose: "close"
+  }
+});
+
+export default Dialog

apps/web/src/md-components/FilledButton.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdFilledButton } from "@material/web/button/filled-button";
+
+const FilledButton = createComponent({
+  tagName: "md-filled-button",
+  elementClass: MdFilledButton,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default FilledButton

apps/web/src/md-components/Icon.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdIcon } from "@material/web/icon/icon";
+
+const Icon = createComponent({
+  tagName: "md-icon",
+  elementClass: MdIcon,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default Icon

apps/web/src/md-components/IconButton.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdFilledTonalIconButton } from "@material/web/iconbutton/filled-tonal-icon-button";
+
+const IconButton = createComponent({
+  tagName: "md-filled-tonal-icon-button",
+  elementClass: MdFilledTonalIconButton,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default IconButton

apps/web/src/md-components/InputChip.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdInputChip } from "@material/web/chips/input-chip";
+
+const InputChip = createComponent({
+  tagName: "md-input-chip",
+  elementClass: MdInputChip,
+  react: React,
+  events: {
+    onClick: "click",
+    onRemove: "remove"
+  }
+});
+
+export default InputChip

apps/web/src/md-components/LinearProgress.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdLinearProgress } from "@material/web/progress/linear-progress";
+
+const LinearProgress = createComponent({
+  tagName: "md-linear-progress",
+  elementClass: MdLinearProgress,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default LinearProgress

apps/web/src/md-components/List.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdList } from "@material/web/list/list";
+
+const List = createComponent({
+  tagName: "md-list",
+  elementClass: MdList,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default List

apps/web/src/md-components/ListItem.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdListItem } from "@material/web/list/list-item";
+
+const ListItem = createComponent({
+  tagName: "md-list-item",
+  elementClass: MdListItem,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default ListItem

apps/web/src/md-components/Menu.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdMenu } from "@material/web/menu/menu";
+
+const Menu = createComponent({
+  tagName: "md-menu",
+  elementClass: MdMenu,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default Menu

apps/web/src/md-components/MenuItem.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdMenuItem } from "@material/web/menu/menu-item";
+
+const MenuItem = createComponent({
+  tagName: "md-menu-item",
+  elementClass: MdMenuItem,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default MenuItem

apps/web/src/md-components/OutlinedButton.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdOutlinedButton } from "@material/web/button/outlined-button";
+
+const OutlinedButton = createComponent({
+  tagName: "md-outlined-button",
+  elementClass: MdOutlinedButton,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default OutlinedButton

apps/web/src/md-components/OutlinedIconButton.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdOutlinedIconButton } from "@material/web/iconbutton/outlined-icon-button";
+
+const OutlinedIconButton = createComponent({
+  tagName: "md-outlined-icon-button",
+  elementClass: MdOutlinedIconButton,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default OutlinedIconButton

apps/web/src/md-components/PrimaryTab.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdPrimaryTab } from "@material/web/tabs/primary-tab";
+
+const PrimaryTab = createComponent({
+  tagName: "md-primary-tab",
+  elementClass: MdPrimaryTab,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default PrimaryTab

apps/web/src/md-components/Tabs.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdTabs } from "@material/web/tabs/tabs";
+
+const Tabs = createComponent({
+  tagName: "md-tabs",
+  elementClass: MdTabs,
+  react: React,
+  events: {
+    onClick: "click",
+    onChange: "change"
+  }
+});
+
+export default Tabs

apps/web/src/md-components/TextButton.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdTextButton } from "@material/web/button/text-button";
+
+const TextButton = createComponent({
+  tagName: "md-text-button",
+  elementClass: MdTextButton,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default TextButton

apps/web/src/md-components/TextField.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { MdOutlinedTextField } from "@material/web/textfield/outlined-text-field";
+
+const TextField = createComponent({
+  tagName: "md-outlined-text-field",
+  elementClass: MdOutlinedTextField,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
+export default TextField