@embedreach/components 0.2.29 → 0.2.31

package/dist/chunks/index.js

@@ -96353,23 +96353,24 @@ const ExpandButton = ({ expandDialogContent }) => {
       DialogContent,
       {
         hideCloseButton: true,
-        className: "w-[80vw] h-[80vh] max-w-none max-h-none bg-transparent border-none",
+        className: "w-[80vw] h-[80vh] max-h-none bg-transparent border-none max-w-screen-lg ",
         children: [
           /* @__PURE__ */ jsxs(VisuallyHidden$2, { children: [
             /* @__PURE__ */ jsx(DialogTitle, { children: "Expanded Preview" }),
             /* @__PURE__ */ jsx(DialogDescription, { children: "Expanded view of communication content" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col overflow-hidden rounded-xl", children: [
-            expandDialogContent,
-            /* @__PURE__ */ jsx("div", { className: "absolute top-7 right-7 z-10", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(
               Button$1,
               {
-                variant: "ghost",
-                size: "sm",
+                "aria-label": "Close dialog",
                 onClick: () => setExpandClicked(false),
-                children: /* @__PURE__ */ jsx(IconDefinitions.CloseButton, { className: "w-4 h-4 text-primary" })
+                className: "absolute top-3 right-3 z-20 rounded-full p-2 bg-white/80 shadow-lg border border-gray-200 hover:bg-primary/90 hover:text-white active:bg-primary/95 transition-all duration-200 focus:outline-none focus:ring-4 focus:ring-primary/30 focus:ring-offset-2 group",
+                style: { boxShadow: "0 4px 24px 0 rgba(0,0,0,0.10)" },
+                children: /* @__PURE__ */ jsx(IconDefinitions.CloseButton, { className: "w-7 h-7 text-primary group-hover:text-primary-foreground group-active:text-primary-foreground transition-colors duration-200" })
               }
-            ) })
+            ),
+            expandDialogContent
           ] })
         ]
       }