@hyperbridge/ui 0.0.21 → 0.0.22

package/dist/index.mjs

@@ -4190,24 +4190,37 @@ var WalletHeaderContentBlur = React14.forwardRef((_a, ref) => {
   var _b = _a, { className, children, asChild = false } = _b, props = __objRest(_b, ["className", "children", "asChild"]);
   const { show: open, setShow } = useWalletHeader();
   const Comp = asChild ? Slot10 : "div";
-  return /* @__PURE__ */ jsx41(
+  const handleClose = (e) => {
+    e == null ? void 0 : e.stopPropagation();
+    setShow(false);
+  };
+  const handleKeyDown = (e) => {
+    if (["Enter", " "].includes(e.key)) handleClose(e);
+  };
+  return /* @__PURE__ */ jsxs29(
     Comp,
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "transition-all pt-[1rem]",
-        {
-          "opacity-15 filter blur-[2px]": open
-        },
+        "relative pt-[1rem] transition-all",
+        open && "opacity-15 blur-[2px]",
         className
-      ),
-      onClick: (e) => {
-        var _a2;
-        if (open) setShow(false);
-        (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
-      }
+      )
     }, props), {
-      children
+      children: [
+        open && /* @__PURE__ */ jsx41(
+          "div",
+          {
+            className: "absolute inset-0 z-10",
+            onClick: handleClose,
+            onKeyDown: handleKeyDown,
+            tabIndex: 0,
+            role: "button",
+            "aria-label": "Close wallet header"
+          }
+        ),
+        children
+      ]
     })
   );
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperbridge/ui",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "sideEffects": false,
   "license": "MIT",
   "private": false,