Add OutlinedTextFiled from material design 3

server/dmodule.ts

@@ -0,0 +1,11 @@
+import { signal } from "@preact/signals";
+import type _MdOutlinedTextField from "./md3/md-outlined-text-field.ts";
+
+export const MdOutlinedTextField = signal<
+    typeof _MdOutlinedTextField | undefined
+>(undefined);
+
+export async function load_dmodule() {
+    const m = await import("./md3/md-outlined-text-field.ts");
+    MdOutlinedTextField.value = m.default;
+}

server/md3/md-outlined-text-field.ts

@@ -0,0 +1,12 @@
+import { MdOutlinedTextField as _MdOutlinedTextField } from "@material/web/textfield/outlined-text-field.js?target=es2022";
+import { createComponent } from "@lit-labs/react/?target=es2022";
+import * as Preact from "preact/compat";
+
+const MdOutlinedTextField = createComponent({
+    tagName: "md-outlined-text-field",
+    elementClass: _MdOutlinedTextField,
+    // @ts-ignore Checked
+    react: Preact,
+});
+
+export default MdOutlinedTextField;