dyn calling works + vibed dioxus ui components + some mo provision prototyping

parts/mize.ui/dioxus-components/src/components/dialog/component.rs

@@ -0,0 +1,62 @@
+use dioxus::prelude::*;
+use dioxus_primitives::dialog::{self, DialogDescriptionProps, DialogRootProps, DialogTitleProps};
+use dioxus_primitives::{dioxus_attributes::attributes, merge_attributes};
+
+#[css_module("/src/components/dialog/style.css")]
+struct Styles;
+
+#[component]
+pub fn Dialog(props: DialogRootProps) -> Element {
+    let base = attributes!(div {
+        class: Styles::dx_dialog,
+    });
+    let merged = merge_attributes(vec![base, props.attributes]);
+
+    rsx! {
+        dialog::DialogRoot {
+            class: Styles::dx_dialog_backdrop,
+            id: props.id,
+            is_modal: props.is_modal,
+            open: props.open,
+            default_open: props.default_open,
+            on_open_change: props.on_open_change,
+            dialog::DialogContent {
+                class: None,
+                attributes: merged,
+                {props.children}
+            }
+        }
+    }
+}
+
+#[component]
+pub fn DialogTitle(props: DialogTitleProps) -> Element {
+    let base = attributes!(h2 {
+        class: Styles::dx_dialog_title,
+    });
+    let merged = merge_attributes(vec![base, props.attributes]);
+
+    rsx! {
+        dialog::DialogTitle {
+            id: props.id,
+            attributes: merged,
+            {props.children}
+        }
+    }
+}
+
+#[component]
+pub fn DialogDescription(props: DialogDescriptionProps) -> Element {
+    let base = attributes!(p {
+        class: Styles::dx_dialog_description,
+    });
+    let merged = merge_attributes(vec![base, props.attributes]);
+
+    rsx! {
+        dialog::DialogDescription {
+            id: props.id,
+            attributes: merged,
+            {props.children}
+        }
+    }
+}