@hyperbridge/ui 0.0.20 → 0.0.22

package/dist/index.mjs

@@ -4188,21 +4188,39 @@ var WalletHeaderTabsContent = React14.forwardRef((_a, ref) => {
 WalletHeaderTabsContent.displayName = "WalletHeaderTabsContent";
 var WalletHeaderContentBlur = React14.forwardRef((_a, ref) => {
   var _b = _a, { className, children, asChild = false } = _b, props = __objRest(_b, ["className", "children", "asChild"]);
-  const { show: open } = useWalletHeader();
+  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 pointer-events-none filter blur-[2px]": open
-        },
+        "relative pt-[1rem] transition-all",
+        open && "opacity-15 blur-[2px]",
         className
       )
     }, 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.20",
+  "version": "0.0.22",
   "sideEffects": false,
   "license": "MIT",
   "private": false,