@embedreach/components 0.2.32 → 0.2.33

package/dist/chunks/index.js

@@ -72813,6 +72813,25 @@ const TabsContent = React.forwardRef(({ className: className2, ...props2 }, ref)
   }
 ));
 TabsContent.displayName = Content.displayName;
+const DialogCloseButton = ({ onOpenChange }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": "Close dialog",
+      onClick: () => onOpenChange(false),
+      onKeyDown: (e4) => {
+        if (e4.key === "Enter" || e4.key === " ") {
+          onOpenChange(false);
+        }
+      },
+      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 cursor-pointer",
+      style: { boxShadow: "0 4px 24px 0 rgba(0,0,0,0.10)" },
+      children: /* @__PURE__ */ jsx(IconDefinitions.CloseButton, { className: "w-5 h-5 text-primary group-hover:text-primary-foreground group-active:text-primary-foreground transition-colors duration-200" })
+    }
+  );
+};
 function usePrevious(value) {
   const ref = React.useRef({ value, previous: value });
   return React.useMemo(() => {
@@ -73257,16 +73276,7 @@ const EditCampaignContentDialog = ({ open, onOpenChange }) => {
           /* @__PURE__ */ jsx(DialogTitle, { children: "Edit Campaign Content" }),
           /* @__PURE__ */ jsx(DialogDescription, { children: "Edit the content of the campaign" })
         ] }),
-        /* @__PURE__ */ jsx(
-          Button$1,
-          {
-            "aria-label": "Close dialog",
-            onClick: () => onOpenChange(false),
-            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" })
-          }
-        ),
+        /* @__PURE__ */ jsx(DialogCloseButton, { onOpenChange }),
         /* @__PURE__ */ jsx(EditCampaignContent, {})
       ]
     }
@@ -73414,16 +73424,7 @@ const ExpandButton = ({ expandDialogContent }) => {
             /* @__PURE__ */ jsx(DialogDescription, { children: "Expanded view of communication content" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col overflow-hidden rounded-xl", children: [
-            /* @__PURE__ */ jsx(
-              Button$1,
-              {
-                "aria-label": "Close dialog",
-                onClick: () => setExpandClicked(false),
-                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" })
-              }
-            ),
+            /* @__PURE__ */ jsx(DialogCloseButton, { onOpenChange: setExpandClicked }),
             expandDialogContent
           ] })
         ]