gwan-design-system 0.1.14 → 0.1.16

package/dist/index.js

@@ -2335,23 +2335,31 @@ var Modal = ({
     var _a;
     (_a = modalRef.current) == null ? void 0 : _a.focus();
   }, []);
+  (0, import_react7.useEffect)(() => {
+    const handler = (e) => {
+      if (e.key === "Escape") onClear();
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [onClear]);
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
     "div",
     {
       className: `fixed inset-0 flex items-center justify-center bg-[rgba(0,0,0,0.3)] ${className}`,
+      onMouseDown: onClear,
       children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
         "div",
         {
           ref: modalRef,
           tabIndex: -1,
           className: `bg-white p-4 ${size !== "w-full h-full" /* FULL */ && "rounded-lg"} absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 flex flex-col gap-4 ${size}`,
-          onBlur: () => onClear(),
+          onMouseDown: (e) => e.stopPropagation(),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-row gap-4 items-center", children: [
               /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex-1 text-3xl", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "size-4 cursor-pointer", onClick: () => onClear(), children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Cross, {}) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex-1 flex justify-center items-center", children })
+            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex-1", children })
           ]
         }
       )