New Changes with Model

src/components/Modal.astro

@@ -7,8 +7,6 @@ interface Props {
     size?: "sm" | "md" | "lg" | "xl" | "full";
     position?: "center" | "top" | "bottom";
     closedby?: "none" | "closerequest" | "any";
-    onOpen?: () => void;
-    onClose?: () => void;
     dialogClass?: string;
     triggerClass?: string;
 }
@@ -18,8 +16,6 @@ const {
     size = "md",
     position = "center",
     open,
-    onOpen,
-    onClose,
     closedby = "none",
     dialogClass = "",
     triggerClass = "",
@@ -77,26 +73,17 @@ const {
     }
 </style>
 
-<script type="module" is:inline define:vars={{ id, onOpen, onClose }}>
+<script type="module" is:inline define:vars={{ id }}>
     const trigger = document.getElementById(`trigger-${id}`);
     const modal = document.getElementById(`modal-${id}`);
     const close = document.getElementById(`close-${id}`);
 
     trigger?.addEventListener("click", () => {
         if (!modal.open) {
-            if (onOpen) {
-                onOpen(modal);
-            }
             modal?.showModal();
         }
     });
 
-    modal?.addEventListener("close", () => {
-        if (onClose) {
-            onClose(modal);
-        }
-    });
-
     close?.addEventListener("click", () => {
         modal?.close();
     });

src/pages/modal.astro

@@ -1,5 +1,4 @@
 ---
-import Button from "../components/Button.astro";
 import Modal from "../components/Modal.astro";
 import ComponentLayout from "../layouts/ComponentLayout.astro";
 ---
@@ -12,7 +11,6 @@ import ComponentLayout from "../layouts/ComponentLayout.astro";
             size="sm"
             position="center"
             closedby="closerequest"
-            triggerClass="wr:w-1/2"
         >
             <button
                 slot="trigger"