Rebuild all components

components/Modal.js

@@ -2,31 +2,28 @@
 import { Tag, Watch } from "sigpro";
 
 export const Modal = (props) => {
-  const { class: className, open, title, children, ...rest } = props;
   let dialogRef = null;
 
   Watch(() => {
-    const isOpen = typeof open === "function" ? open() : open;
+    const isOpen = typeof props.open === "function" ? props.open() : props.open;
     if (!dialogRef) return;
     isOpen ? dialogRef.showModal() : dialogRef.close();
   });
 
-  const close = () => {
-    if (typeof open === "function") open(false);
-  };
+  const close = () => typeof props.open === "function" && props.open(false);
 
   return Tag("dialog", {
-    ...rest,
+    ...props,
     ref: el => dialogRef = el,
-    class: `modal ${className || ''}`.trim(),
+    class: `modal ${props.class ?? ''}`,
     onclose: close,
     oncancel: close
   }, [
     Tag("div", { class: "modal-box" }, [
-      title && Tag("h3", { class: "text-lg font-bold" }, title),
-      children,
+      props.title && Tag("h3", { class: "text-lg font-bold" }, props.title),
+      props.children,
       Tag("div", { class: "modal-action" }, [
-        props.actions || Button({ onclick: close }, "Cerrar")
+        props.actions || Tag("button", { class: "btn", onclick: close }, "Cerrar")
       ])
     ]),
     Tag("form", { method: "dialog", class: "modal-backdrop" }, [