@loafmarkets/ui 0.1.403 → 0.1.404

package/dist/index.d.mts

@@ -706,6 +706,11 @@ type HeaderProps = {
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
     onSettingsClick?: () => void;
+    /** Fired by the "Refer" CTA button + user-menu "Refer" item. When omitted, both
+     *  fall back to `onSettingsClick` (so existing consumers are unchanged). Lets a
+     *  consumer route Refer somewhere other than Settings (e.g. an invite modal)
+     *  without DOM-level click interception. */
+    onReferClick?: () => void;
     portfolioSummary?: HeaderPortfolioData | null;
     /**
      * True while a brand-new user's test funds (100k mock USD) are being deposited
@@ -716,7 +721,7 @@ type HeaderProps = {
     /**
      * The bar's authed CTA button. Defaults to "deposit" (the funding flow) so
      * existing consumers are unchanged. "refer" swaps it for a Refer button that
-     * opens the Settings popup (same `onSettingsClick` as the user-menu Refer item).
+     * fires `onReferClick` (falling back to `onSettingsClick` when not provided).
      */
     headerCta?: "deposit" | "refer";
     /** Show the "Refer" user-menu item. Off by default — referral is feature-flagged

package/dist/index.d.ts

@@ -706,6 +706,11 @@ type HeaderProps = {
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
     onSettingsClick?: () => void;
+    /** Fired by the "Refer" CTA button + user-menu "Refer" item. When omitted, both
+     *  fall back to `onSettingsClick` (so existing consumers are unchanged). Lets a
+     *  consumer route Refer somewhere other than Settings (e.g. an invite modal)
+     *  without DOM-level click interception. */
+    onReferClick?: () => void;
     portfolioSummary?: HeaderPortfolioData | null;
     /**
      * True while a brand-new user's test funds (100k mock USD) are being deposited
@@ -716,7 +721,7 @@ type HeaderProps = {
     /**
      * The bar's authed CTA button. Defaults to "deposit" (the funding flow) so
      * existing consumers are unchanged. "refer" swaps it for a Refer button that
-     * opens the Settings popup (same `onSettingsClick` as the user-menu Refer item).
+     * fires `onReferClick` (falling back to `onSettingsClick` when not provided).
      */
     headerCta?: "deposit" | "refer";
     /** Show the "Refer" user-menu item. Off by default — referral is feature-flagged

package/dist/index.js

@@ -5101,6 +5101,7 @@ var Header = ({
   onOrdersNavigate: _onOrdersNavigate,
   onWalletNavigate: _onWalletNavigate,
   onSettingsClick,
+  onReferClick,
   portfolioSummary,
   fundsPending = false,
   transparentOnTop = false,
@@ -5539,7 +5540,7 @@ var Header = ({
             onClick: (event) => {
               event?.preventDefault();
               closeMenus();
-              onSettingsClick?.();
+              (onReferClick ?? onSettingsClick)?.();
             },
             children: "Refer"
           }
@@ -5582,7 +5583,7 @@ var Header = ({
                 onClick: (event) => {
                   event?.preventDefault();
                   closeMenus();
-                  onSettingsClick?.();
+                  (onReferClick ?? onSettingsClick)?.();
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { children: "Refer" })
               }