@hyperbridge/ui 0.0.19 → 0.0.21

package/dist/index.d.mts

@@ -519,41 +519,41 @@ type SummaryEntryItem = {
     tooltip?: React__default.ReactNode | string;
 };
 declare function makeEntry({ name, icon, tooltip, }: Pick<SummaryEntryItem, "name" | "icon" | "tooltip">): ({ children, tooltip: overwriteTooltip, }: {
-    tooltip?: SummaryEntryItem["tooltip"];
+    tooltip: SummaryEntryItem["tooltip"];
     children: React__default.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare const SummaryValues: {
     Key: {
         Bridge: ({ children, tooltip: overwriteTooltip, }: {
-            tooltip?: SummaryEntryItem["tooltip"];
+            tooltip: SummaryEntryItem["tooltip"];
             children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
         GasEntry: ({ children, tooltip: overwriteTooltip, }: {
-            tooltip?: SummaryEntryItem["tooltip"];
+            tooltip: SummaryEntryItem["tooltip"];
             children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
         Rate: ({ children, tooltip: overwriteTooltip, }: {
-            tooltip?: SummaryEntryItem["tooltip"];
+            tooltip: SummaryEntryItem["tooltip"];
             children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
         SpillageTolerance: ({ children, tooltip: overwriteTooltip, }: {
-            tooltip?: SummaryEntryItem["tooltip"];
+            tooltip: SummaryEntryItem["tooltip"];
             children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
         Route: ({ children, tooltip: overwriteTooltip, }: {
-            tooltip?: SummaryEntryItem["tooltip"];
+            tooltip: SummaryEntryItem["tooltip"];
             children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
         ETA: ({ children, tooltip: overwriteTooltip, }: {
-            tooltip?: SummaryEntryItem["tooltip"];
+            tooltip: SummaryEntryItem["tooltip"];
             children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
         RecipientAddress: ({ children, tooltip: overwriteTooltip, }: {
-            tooltip?: SummaryEntryItem["tooltip"];
+            tooltip: SummaryEntryItem["tooltip"];
             children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
         Fee: ({ children, tooltip: overwriteTooltip, }: {
-            tooltip?: SummaryEntryItem["tooltip"];
+            tooltip: SummaryEntryItem["tooltip"];
             children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
     };
@@ -693,6 +693,7 @@ declare const walletHeaderVariants: (props?: ({
 interface WalletHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof walletHeaderVariants> {
     asChild?: boolean;
     defaultOpen?: boolean;
+    persistOpen?: boolean;
 }
 declare const WalletHeader: React$1.ForwardRefExoticComponent<WalletHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
 interface WalletConnectedHeaderProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {

package/dist/index.mjs

@@ -3929,21 +3929,25 @@ var WalletHeader = React14.forwardRef(
       variant,
       asChild = false,
       defaultOpen = false,
+      persistOpen = true,
       children
     } = _b, props = __objRest(_b, [
       "className",
       "variant",
       "asChild",
       "defaultOpen",
+      "persistOpen",
       "children"
     ]);
     const Comp = asChild ? Slot10 : "div";
     const [show, setShow] = React14.useState(() => {
-      return globalWalletHeaderState !== null ? globalWalletHeaderState : defaultOpen;
+      return persistOpen && globalWalletHeaderState !== null ? globalWalletHeaderState : defaultOpen;
     });
     React14.useEffect(() => {
-      globalWalletHeaderState = show;
-    }, [show]);
+      if (persistOpen) {
+        globalWalletHeaderState = show;
+      }
+    }, [show, persistOpen]);
     return /* @__PURE__ */ jsx41(WalletHeaderContext.Provider, { value: { show, setShow }, children: /* @__PURE__ */ jsx41(
       Comp,
       __spreadProps(__spreadValues({
@@ -4184,7 +4188,7 @@ 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(
     Comp,
@@ -4193,10 +4197,15 @@ var WalletHeaderContentBlur = React14.forwardRef((_a, ref) => {
       className: cn(
         "transition-all pt-[1rem]",
         {
-          "opacity-15 pointer-events-none filter blur-[2px]": open
+          "opacity-15 filter blur-[2px]": open
         },
         className
-      )
+      ),
+      onClick: (e) => {
+        var _a2;
+        if (open) setShow(false);
+        (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
+      }
     }, props), {
       children
     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperbridge/ui",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "sideEffects": false,
   "license": "MIT",
   "private": false,
@@ -33,8 +33,8 @@
     "typescript": "5.8.3",
     "vite": "^6.3.4",
     "vitest": "^3.1.2",
-    "@repo/typescript-config": "0.0.0",
-    "@repo/eslint-config": "0.0.0"
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.14",