Add the card composables

Author: ShreckYe

compose-html-material3/src/jsMain/kotlin/com/huanshankeji/compose/html/material3/MaterialWebLabsApi.kt

@@ -0,0 +1,9 @@
+package com.huanshankeji.compose.html.material3
+
+@RequiresOptIn(
+    "This API depends on components in the Material Web labs directory, which contains experimental features that are not recommended for production. " +
+            "See https://github.com/material-components/material-web/tree/main/labs for more details.",
+    RequiresOptIn.Level.WARNING
+)
+@Retention(AnnotationRetention.BINARY)
+annotation class MaterialWebLabsApi

compose-html-material3/src/jsMain/kotlin/com/huanshankeji/compose/html/material3/MdCard.kt

@@ -0,0 +1,45 @@
+package com.huanshankeji.compose.html.material3
+
+import androidx.compose.runtime.Composable
+import com.huanshankeji.compose.web.attributes.Attrs
+import org.jetbrains.compose.web.dom.ElementScope
+import org.jetbrains.compose.web.dom.TagElement
+import org.w3c.dom.HTMLElement
+
+/*
+https://github.com/material-components/material-web/blob/main/labs/card/internal/card.ts
+https://github.com/material-components/material-web/blob/main/labs/card/demo/stories.ts
+ */
+
+@MaterialWebLabsApi
+@Composable
+fun MdElevatedCard(
+    attrs: Attrs<HTMLElement>? = null,
+    content: @Composable (ElementScope<HTMLElement>.() -> Unit)?
+) {
+    require("@material/web/labs/card/elevated-card.js")
+
+    TagElement("md-elevated-card", attrs, content)
+}
+
+@MaterialWebLabsApi
+@Composable
+fun MdFilledCard(
+    attrs: Attrs<HTMLElement>? = null,
+    content: @Composable (ElementScope<HTMLElement>.() -> Unit)?
+) {
+    require("@material/web/labs/card/filled-card.js")
+
+    TagElement("md-filled-card", attrs, content)
+}
+
+@MaterialWebLabsApi
+@Composable
+fun MdOutlinedCard(
+    attrs: Attrs<HTMLElement>? = null,
+    content: @Composable (ElementScope<HTMLElement>.() -> Unit)?
+) {
+    require("@material/web/labs/card/outlined-card.js")
+
+    TagElement("md-outlined-card", attrs, content)
+}