Modal

dist/sigpro-ui.esm.js

@@ -1070,28 +1070,33 @@ var MenuModule = /*#__PURE__*/Object.freeze({
 /** MODAL */
 const Modal = (props, children) => {
   const { title, buttons, open, ...rest } = props;
-  const close = () => open(false);
+
+  const close = (e) => {
+    if (e && e.preventDefault) e.preventDefault();
+    open(false);
+  };
 
   return $if(open, () =>
-    $html("dialog", { ...rest, class: "modal modal-open" }, [
+    $html("dialog", { 
+      ...rest, 
+      class: "modal modal-open",
+      oncancel: close 
+    }, [
       $html("div", { class: "modal-box" }, [
         title ? $html("h3", { class: "text-lg font-bold mb-4" }, title) : null,
-        typeof children === "function" ? children() : children,
+        $html("div", { class: "py-2" }, [
+          typeof children === "function" ? children() : children
+        ]),
         $html("div", { class: "modal-action flex gap-2" }, [
           ...(Array.isArray(buttons) ? buttons : [buttons]).filter(Boolean),
-          Button({ onclick: close }, tt("close")()),
+          Button({ type: "button", onclick: close }, tt("close")()),
         ]),
       ]),
-      $html(
-        "form",
-        {
-          method: "dialog",
-          class: "modal-backdrop",
-          onclick: (e) => (e.preventDefault(), close()),
-        },
-        [$html("button", {}, "close")],
-      ),
-    ]),
+      $html("div", { 
+        class: "modal-backdrop bg-black/20", 
+        onclick: close 
+      })
+    ])
   );
 };
 
@@ -1253,7 +1258,7 @@ var StackModule = /*#__PURE__*/Object.freeze({
 /** STAT */
 const Stat = (props) =>
   $html("div", { ...props, class: joinClass("stat", props.class) }, [
-    props.icon && $html("img", { src: props.icon }),
+    props.icon && $html("div", { class: "stat-figure text-secondary" }, props.icon),
     props.label && $html("div", { class: "stat-title" }, props.label),
     $html("div", { class: "stat-value" }, () => val(props.value) ?? props.value),
     props.desc && $html("div", { class: "stat-desc" }, props.desc),