@liberfi.io/ui-portfolio 0.1.34 → 0.1.36

package/README.md

@@ -0,0 +1,144 @@
+# @liberfi.io/ui-portfolio
+
+Portfolio components for Liberfi React SDK. Provides portfolio page layout, holdings, curve charts, distribution, and an account / login button with a wallet overview popover showing balances, token holdings, and deposit/withdraw actions. Consumed by apps that need portfolio views and header account UI.
+
+## Design Philosophy
+
+- **Script / widget / ui layering** — Logic lives in script hooks (no JSX); widgets wire hooks to UI and accept callbacks; UI components are presentational and receive formatted data and handlers.
+- **PortfolioProvider required** — Wallet summary (balance, PnL) is provided by `PortfolioProvider`; components that display balance must run inside it.
+- **Inversion of control** — Side effects (e.g. opening settings, deposit, withdraw) are passed in via props; the package does not hardcode navigation or modals.
+- **Single source of truth** — Types and formatting come from `@liberfi.io/types` and `@liberfi.io/utils`; auth state from `@liberfi.io/wallet-connector`.
+
+## Installation
+
+```bash
+pnpm add @liberfi.io/ui-portfolio
+```
+
+### Peer dependencies
+
+The consumer must provide:
+
+| Package                        | Version   |
+| ------------------------------ | --------- |
+| `react`                        | >= 18     |
+| `react-dom`                    | >= 18     |
+| `@tanstack/react-query`        | ^5.90.2   |
+| `@liberfi.io/wallet-connector` | workspace |
+
+For account UI the app must also wrap the tree with `AuthProvider` (from `@liberfi.io/wallet-connector`), `PortfolioProvider`, and `PortfolioClientProvider` (from this package).
+
+## API Reference
+
+### Components (Account)
+
+#### `AccountInfoWidget`
+
+Login button and account popover. Renders sign-in when unauthenticated, loading when authenticating/deauthenticating, and a popover with USD balance, chain tabs, token chips, token balance rows, and deposit/withdraw actions when authenticated.
+
+```tsx
+function AccountInfoWidget(props: AccountInfoWidgetProps): JSX.Element;
+```
+
+| Prop                | Type         | Description                                                              |
+| ------------------- | ------------ | ------------------------------------------------------------------------ |
+| `onAccountSettings` | `() => void` | Optional. Called when user taps the settings gear icon. Omit to hide it. |
+| `onDeposit`         | `() => void` | Optional. Called when user presses Deposit. Omit to hide the button.     |
+| `onWithdraw`        | `() => void` | Optional. Called when user presses Withdraw. Omit to hide the button.    |
+
+**Requirements:** Must be used inside `AuthProvider`, `PortfolioProvider`, and `PortfolioClientProvider`.
+
+#### `AccountInfoUI`
+
+Presentational account UI. Receives status, formatted balances, holdings, and callbacks. Use when you need to drive state yourself.
+
+```tsx
+function AccountInfoUI(props: AccountInfoUIProps): JSX.Element;
+```
+
+| Prop                     | Type                           | Description                                                                 |
+| ------------------------ | ------------------------------ | --------------------------------------------------------------------------- |
+| `status`                 | `AuthStatus`                   | `unauthenticated` / `authenticating` / `authenticated` / `deauthenticating` |
+| `signIn`                 | `() => void \| Promise<void>`  | Sign-in handler                                                             |
+| `signOut`                | `() => void \| Promise<void>`  | Sign-out handler                                                            |
+| `balanceUsdFormatted`    | `string`                       | e.g. `"$1,234.56"`                                                          |
+| `balanceNativeFormatted` | `string`                       | e.g. `"1.23"`                                                               |
+| `nativeToken`            | `PredefinedToken \| undefined` | Current chain native token                                                  |
+| `chainLabel`             | `string`                       | Chain display name (e.g. `"Solana"`)                                        |
+| `holdings`               | `SpotHolding[]`                | User's spot token holdings                                                  |
+| `isHoldingsLoading`      | `boolean`                      | Whether holdings are still loading                                          |
+| `onAccountSettings`      | `() => void`                   | Optional. Settings gear handler.                                            |
+| `onDeposit`              | `() => void`                   | Optional. Deposit button handler.                                           |
+| `onWithdraw`             | `() => void`                   | Optional. Withdraw button handler.                                          |
+
+### Hooks (Account)
+
+#### `useAccountInfo`
+
+Returns auth status, signIn/signOut, formatted balances, holdings, and chain label for the account popover. Must be used within `AuthProvider`, `PortfolioProvider`, and `PortfolioClientProvider`.
+
+```typescript
+function useAccountInfo(): UseAccountInfoResult;
+```
+
+| Return field             | Type                           | Description                                 |
+| ------------------------ | ------------------------------ | ------------------------------------------- |
+| `status`                 | `AuthStatus`                   | Current auth status                         |
+| `signIn`                 | `() => void \| Promise<void>`  | Sign-in function                            |
+| `signOut`                | `() => void \| Promise<void>`  | Sign-out function                           |
+| `balanceUsdFormatted`    | `string`                       | Formatted USD balance                       |
+| `balanceNativeFormatted` | `string`                       | Formatted native token amount               |
+| `nativeToken`            | `PredefinedToken \| undefined` | Current chain native token                  |
+| `isSummaryReady`         | `boolean`                      | Whether wallet summary is available         |
+| `chainLabel`             | `string`                       | Chain display name (e.g. `"Solana"`)        |
+| `holdings`               | `SpotHolding[]`                | User's spot holdings (sorted by value desc) |
+| `isHoldingsLoading`      | `boolean`                      | Whether holdings query is loading           |
+
+### Other exports
+
+The package also exports portfolio page components (`PortfolioPageWidget`, `usePortfolioPage`, etc.), holdings, hooks (`useWalletSummary`, `useOverviewQuery`, etc.), providers, contexts, and types. See `src/index.ts` and `src/components/index.tsx` for the full list.
+
+## Usage Examples
+
+### Account button in a header
+
+```tsx
+import {
+  PortfolioProvider,
+  PortfolioClientProvider,
+  AccountInfoWidget,
+} from "@liberfi.io/ui-portfolio";
+import { AuthProvider } from "@liberfi.io/wallet-connector";
+
+function App() {
+  return (
+    <AuthProvider {...authProps}>
+      <PortfolioClientProvider client={portfolioClient}>
+        <PortfolioProvider chain={chain} address={address}>
+          <Header>
+            <AccountInfoWidget
+              onAccountSettings={() => openSettings()}
+              onDeposit={() => openDeposit()}
+              onWithdraw={() => openWithdraw()}
+            />
+          </Header>
+        </PortfolioProvider>
+      </PortfolioClientProvider>
+    </AuthProvider>
+  );
+}
+```
+
+### Without action buttons
+
+Omit callbacks to hide the corresponding UI elements:
+
+```tsx
+<AccountInfoWidget />
+```
+
+## Future Improvements
+
+- Optional portfolio context so the account widget can render outside `PortfolioProvider` with placeholder balances.
+- ARIA and keyboard improvements for the popover trigger.
+- Perps tab integration when perps positions data is available.

package/dist/index.d.mts

@@ -1,6 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, PropsWithChildren } from 'react';
+import { PredefinedToken } from '@liberfi.io/utils';
+import { AuthStatus } from '@liberfi.io/wallet-connector';
 import { A as AssetTab, C as CurveType, a as CurvePeriod, P as PortfolioQuery, b as PortfolioOverview, c as CurveData, D as DistributionData, S as SpotHoldingsData, d as SpotHistoryData, e as PerpsPositionsData, f as PerpsHistoryData, g as PredictionBetsData, h as PredictionSettledData, i as SpotHolding, j as PerpsPosition, k as PredictionBet, I as IPortfolioClient, W as WalletSummary, l as AsyncStatus, m as SpotHistoryQuery, n as PerpsHistoryQuery, o as PredictionSettledQuery, p as CurveQuery } from './index-Bq_qim6b.mjs';
 export { q as CURVE_PERIOD_VALUE, x as ChartDataPointDTO, F as CurvePoint, H as DistributionItem, G as GetPortfolioChartReply, y as GetSpotHoldingsReply, B as GetTradeHistoryReply, r as PerpsPositionSide, J as PerpsTradeRecord, w as PortfolioOverviewDTO, t as PredictionBetStatus, u as PredictionResult, K as PredictionSettledRecord, v as PredictionSource, E as SpotHistoryRecord, s as SpotHistoryType, T as TokenHoldingDTO, z as TradeRecordDTO } from './index-Bq_qim6b.mjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
@@ -14,7 +16,63 @@ declare global {
         };
     }
 }
-declare const _default: "0.1.34";
+declare const _default: "0.1.36";
+
+/** Action button rendered in the popover action bar. */
+interface AccountAction {
+    key: string;
+    icon: ReactNode;
+    label: string;
+    onPress: () => void;
+}
+interface AccountInfoUIProps {
+    status: AuthStatus;
+    signIn: () => void | Promise<void>;
+    signOut: () => void | Promise<void>;
+    balanceUsdFormatted: string;
+    balanceNativeFormatted: string;
+    nativeToken: PredefinedToken | undefined;
+    chainNamespace: string;
+    walletAddress: string;
+    /** Custom action buttons displayed before the fixed Sign Out button. */
+    actions?: AccountAction[];
+}
+declare function AccountInfoUI({ status, signIn, signOut, balanceUsdFormatted, balanceNativeFormatted, nativeToken, chainNamespace, walletAddress, actions, }: AccountInfoUIProps): react_jsx_runtime.JSX.Element;
+
+interface AccountInfoWidgetProps {
+    /** Custom action buttons displayed before the fixed Sign Out button. */
+    actions?: AccountAction[];
+}
+/**
+ * Account / login button with wallet overview popover.
+ * Renders sign-in button when unauthenticated, loading state when
+ * authenticating/deauthenticating, and a popover with balance and
+ * sign-out when authenticated.
+ *
+ * Must be used within AuthProvider and PortfolioProvider.
+ */
+declare function AccountInfoWidget({ actions }: AccountInfoWidgetProps): react_jsx_runtime.JSX.Element;
+
+interface UseAccountInfoResult {
+    status: AuthStatus;
+    signIn: () => void | Promise<void>;
+    signOut: () => void | Promise<void>;
+    /** Formatted USD balance for display (e.g. "$1,234.56"). */
+    balanceUsdFormatted: string;
+    /** Formatted native token amount for display (e.g. "1.23"). */
+    balanceNativeFormatted: string;
+    /** Current chain native token (address, symbol, decimals). Undefined when chain/summary not available. */
+    nativeToken: PredefinedToken | undefined;
+    /** Chain namespace label (e.g. "EVM", "SOL"). */
+    chainNamespace: string;
+    /** Connected wallet address, empty string when not connected. */
+    walletAddress: string;
+}
+/**
+ * Account info state and formatted display data for the account popover.
+ * Must be used within AuthProvider and PortfolioProvider.
+ */
+declare function useAccountInfo(): UseAccountInfoResult;
 
 interface WalletOption {
     id: string;
@@ -395,4 +453,4 @@ declare function computeDistribution(holdings: SpotHolding[]): DistributionData;
  */
 declare function formatTime(epochMs: number): string;
 
-export { AddressRowUI, type AddressRowUIProps, AssetTab, AssetTabsUI, type AssetTabsUIProps, AsyncStatus, BalanceRowUI, type BalanceRowUIProps, BatchActionButton, type BatchActionButtonProps, ConfirmDialog, type ConfirmDialogProps, CurveCardUI, type CurveCardUIProps, CurveData, CurvePeriod, CurveQuery, CurveType, DistributionCardUI, type DistributionCardUIProps, DistributionData, HoldingsEmpty, type HoldingsEmptyProps, type HoldingsRenderProps, HoldingsSearch, type HoldingsSearchProps, HoldingsSectionWidget, type HoldingsSectionWidgetProps, HoldingsSubTabs, type HoldingsSubTabsProps, IPortfolioClient, PerpsHistoryData, PerpsHistoryQuery, PerpsPanelUI, type PerpsPanelUIProps, PerpsPosition, PerpsPositionsData, type PerpsSubTab, PortfolioClientContext, PortfolioClientProvider, type PortfolioClientProviderProps, PortfolioContext, type PortfolioContextValue, PortfolioOverview, PortfolioPageSkeleton, PortfolioPageWidget, type PortfolioPageWidgetProps, PortfolioProvider, type PortfolioProviderProps, PortfolioQuery, PredictionBet, PredictionBetsData, PredictionPanelUI, type PredictionPanelUIProps, PredictionSettledData, PredictionSettledQuery, type PredictionSubTab, type RefetchWalletSummaryFn, SpotHistoryData, SpotHistoryQuery, SpotHolding, SpotHoldingsData, SpotPanelUI, type SpotPanelUIProps, type SpotSubTab, type TokenPortfolio, type UseHoldingsSectionOptions, type UseHoldingsSectionResult, type UsePortfolioPageOptions, type UsePortfolioPageResult, type UseWalletPortfoliosParams, ViewingBannerUI, type ViewingBannerUIProps, type WalletOption, WalletSummary, computeDistribution, curveDataQueryKey, distributionQueryKey, formatPercent, formatSignedUsd, formatTime, formatTokenBalance, formatUsd, getExplorerUrl, overviewQueryKey, parseDecimal, perpsHistoryQueryKey, perpsPositionsQueryKey, predictionBetsQueryKey, predictionSettledQueryKey, splitUsd, spotHistoryQueryKey, spotHoldingsQueryKey, truncateAddress, useCurveDataQuery, useDistributionQuery, useHoldingsSection, useOverviewQuery, usePerpsHistoryQuery, usePerpsPositionsQuery, usePortfolioClient, usePortfolioContext, usePortfolioPage, usePredictionBetsQuery, usePredictionSettledQuery, useRefetchWalletSummary, useSpotHistoryQuery, useSpotHoldingsQuery, useWalletPortfolios, useWalletSummary, _default as version };
+export { type AccountAction, AccountInfoUI, type AccountInfoUIProps, AccountInfoWidget, type AccountInfoWidgetProps, AddressRowUI, type AddressRowUIProps, AssetTab, AssetTabsUI, type AssetTabsUIProps, AsyncStatus, BalanceRowUI, type BalanceRowUIProps, BatchActionButton, type BatchActionButtonProps, ConfirmDialog, type ConfirmDialogProps, CurveCardUI, type CurveCardUIProps, CurveData, CurvePeriod, CurveQuery, CurveType, DistributionCardUI, type DistributionCardUIProps, DistributionData, HoldingsEmpty, type HoldingsEmptyProps, type HoldingsRenderProps, HoldingsSearch, type HoldingsSearchProps, HoldingsSectionWidget, type HoldingsSectionWidgetProps, HoldingsSubTabs, type HoldingsSubTabsProps, IPortfolioClient, PerpsHistoryData, PerpsHistoryQuery, PerpsPanelUI, type PerpsPanelUIProps, PerpsPosition, PerpsPositionsData, type PerpsSubTab, PortfolioClientContext, PortfolioClientProvider, type PortfolioClientProviderProps, PortfolioContext, type PortfolioContextValue, PortfolioOverview, PortfolioPageSkeleton, PortfolioPageWidget, type PortfolioPageWidgetProps, PortfolioProvider, type PortfolioProviderProps, PortfolioQuery, PredictionBet, PredictionBetsData, PredictionPanelUI, type PredictionPanelUIProps, PredictionSettledData, PredictionSettledQuery, type PredictionSubTab, type RefetchWalletSummaryFn, SpotHistoryData, SpotHistoryQuery, SpotHolding, SpotHoldingsData, SpotPanelUI, type SpotPanelUIProps, type SpotSubTab, type TokenPortfolio, type UseAccountInfoResult, type UseHoldingsSectionOptions, type UseHoldingsSectionResult, type UsePortfolioPageOptions, type UsePortfolioPageResult, type UseWalletPortfoliosParams, ViewingBannerUI, type ViewingBannerUIProps, type WalletOption, WalletSummary, computeDistribution, curveDataQueryKey, distributionQueryKey, formatPercent, formatSignedUsd, formatTime, formatTokenBalance, formatUsd, getExplorerUrl, overviewQueryKey, parseDecimal, perpsHistoryQueryKey, perpsPositionsQueryKey, predictionBetsQueryKey, predictionSettledQueryKey, splitUsd, spotHistoryQueryKey, spotHoldingsQueryKey, truncateAddress, useAccountInfo, useCurveDataQuery, useDistributionQuery, useHoldingsSection, useOverviewQuery, usePerpsHistoryQuery, usePerpsPositionsQuery, usePortfolioClient, usePortfolioContext, usePortfolioPage, usePredictionBetsQuery, usePredictionSettledQuery, useRefetchWalletSummary, useSpotHistoryQuery, useSpotHoldingsQuery, useWalletPortfolios, useWalletSummary, _default as version };

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, PropsWithChildren } from 'react';
+import { PredefinedToken } from '@liberfi.io/utils';
+import { AuthStatus } from '@liberfi.io/wallet-connector';
 import { A as AssetTab, C as CurveType, a as CurvePeriod, P as PortfolioQuery, b as PortfolioOverview, c as CurveData, D as DistributionData, S as SpotHoldingsData, d as SpotHistoryData, e as PerpsPositionsData, f as PerpsHistoryData, g as PredictionBetsData, h as PredictionSettledData, i as SpotHolding, j as PerpsPosition, k as PredictionBet, I as IPortfolioClient, W as WalletSummary, l as AsyncStatus, m as SpotHistoryQuery, n as PerpsHistoryQuery, o as PredictionSettledQuery, p as CurveQuery } from './index-Bq_qim6b.js';
 export { q as CURVE_PERIOD_VALUE, x as ChartDataPointDTO, F as CurvePoint, H as DistributionItem, G as GetPortfolioChartReply, y as GetSpotHoldingsReply, B as GetTradeHistoryReply, r as PerpsPositionSide, J as PerpsTradeRecord, w as PortfolioOverviewDTO, t as PredictionBetStatus, u as PredictionResult, K as PredictionSettledRecord, v as PredictionSource, E as SpotHistoryRecord, s as SpotHistoryType, T as TokenHoldingDTO, z as TradeRecordDTO } from './index-Bq_qim6b.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
@@ -14,7 +16,63 @@ declare global {
         };
     }
 }
-declare const _default: "0.1.34";
+declare const _default: "0.1.36";
+
+/** Action button rendered in the popover action bar. */
+interface AccountAction {
+    key: string;
+    icon: ReactNode;
+    label: string;
+    onPress: () => void;
+}
+interface AccountInfoUIProps {
+    status: AuthStatus;
+    signIn: () => void | Promise<void>;
+    signOut: () => void | Promise<void>;
+    balanceUsdFormatted: string;
+    balanceNativeFormatted: string;
+    nativeToken: PredefinedToken | undefined;
+    chainNamespace: string;
+    walletAddress: string;
+    /** Custom action buttons displayed before the fixed Sign Out button. */
+    actions?: AccountAction[];
+}
+declare function AccountInfoUI({ status, signIn, signOut, balanceUsdFormatted, balanceNativeFormatted, nativeToken, chainNamespace, walletAddress, actions, }: AccountInfoUIProps): react_jsx_runtime.JSX.Element;
+
+interface AccountInfoWidgetProps {
+    /** Custom action buttons displayed before the fixed Sign Out button. */
+    actions?: AccountAction[];
+}
+/**
+ * Account / login button with wallet overview popover.
+ * Renders sign-in button when unauthenticated, loading state when
+ * authenticating/deauthenticating, and a popover with balance and
+ * sign-out when authenticated.
+ *
+ * Must be used within AuthProvider and PortfolioProvider.
+ */
+declare function AccountInfoWidget({ actions }: AccountInfoWidgetProps): react_jsx_runtime.JSX.Element;
+
+interface UseAccountInfoResult {
+    status: AuthStatus;
+    signIn: () => void | Promise<void>;
+    signOut: () => void | Promise<void>;
+    /** Formatted USD balance for display (e.g. "$1,234.56"). */
+    balanceUsdFormatted: string;
+    /** Formatted native token amount for display (e.g. "1.23"). */
+    balanceNativeFormatted: string;
+    /** Current chain native token (address, symbol, decimals). Undefined when chain/summary not available. */
+    nativeToken: PredefinedToken | undefined;
+    /** Chain namespace label (e.g. "EVM", "SOL"). */
+    chainNamespace: string;
+    /** Connected wallet address, empty string when not connected. */
+    walletAddress: string;
+}
+/**
+ * Account info state and formatted display data for the account popover.
+ * Must be used within AuthProvider and PortfolioProvider.
+ */
+declare function useAccountInfo(): UseAccountInfoResult;
 
 interface WalletOption {
     id: string;
@@ -395,4 +453,4 @@ declare function computeDistribution(holdings: SpotHolding[]): DistributionData;
  */
 declare function formatTime(epochMs: number): string;
 
-export { AddressRowUI, type AddressRowUIProps, AssetTab, AssetTabsUI, type AssetTabsUIProps, AsyncStatus, BalanceRowUI, type BalanceRowUIProps, BatchActionButton, type BatchActionButtonProps, ConfirmDialog, type ConfirmDialogProps, CurveCardUI, type CurveCardUIProps, CurveData, CurvePeriod, CurveQuery, CurveType, DistributionCardUI, type DistributionCardUIProps, DistributionData, HoldingsEmpty, type HoldingsEmptyProps, type HoldingsRenderProps, HoldingsSearch, type HoldingsSearchProps, HoldingsSectionWidget, type HoldingsSectionWidgetProps, HoldingsSubTabs, type HoldingsSubTabsProps, IPortfolioClient, PerpsHistoryData, PerpsHistoryQuery, PerpsPanelUI, type PerpsPanelUIProps, PerpsPosition, PerpsPositionsData, type PerpsSubTab, PortfolioClientContext, PortfolioClientProvider, type PortfolioClientProviderProps, PortfolioContext, type PortfolioContextValue, PortfolioOverview, PortfolioPageSkeleton, PortfolioPageWidget, type PortfolioPageWidgetProps, PortfolioProvider, type PortfolioProviderProps, PortfolioQuery, PredictionBet, PredictionBetsData, PredictionPanelUI, type PredictionPanelUIProps, PredictionSettledData, PredictionSettledQuery, type PredictionSubTab, type RefetchWalletSummaryFn, SpotHistoryData, SpotHistoryQuery, SpotHolding, SpotHoldingsData, SpotPanelUI, type SpotPanelUIProps, type SpotSubTab, type TokenPortfolio, type UseHoldingsSectionOptions, type UseHoldingsSectionResult, type UsePortfolioPageOptions, type UsePortfolioPageResult, type UseWalletPortfoliosParams, ViewingBannerUI, type ViewingBannerUIProps, type WalletOption, WalletSummary, computeDistribution, curveDataQueryKey, distributionQueryKey, formatPercent, formatSignedUsd, formatTime, formatTokenBalance, formatUsd, getExplorerUrl, overviewQueryKey, parseDecimal, perpsHistoryQueryKey, perpsPositionsQueryKey, predictionBetsQueryKey, predictionSettledQueryKey, splitUsd, spotHistoryQueryKey, spotHoldingsQueryKey, truncateAddress, useCurveDataQuery, useDistributionQuery, useHoldingsSection, useOverviewQuery, usePerpsHistoryQuery, usePerpsPositionsQuery, usePortfolioClient, usePortfolioContext, usePortfolioPage, usePredictionBetsQuery, usePredictionSettledQuery, useRefetchWalletSummary, useSpotHistoryQuery, useSpotHoldingsQuery, useWalletPortfolios, useWalletSummary, _default as version };
+export { type AccountAction, AccountInfoUI, type AccountInfoUIProps, AccountInfoWidget, type AccountInfoWidgetProps, AddressRowUI, type AddressRowUIProps, AssetTab, AssetTabsUI, type AssetTabsUIProps, AsyncStatus, BalanceRowUI, type BalanceRowUIProps, BatchActionButton, type BatchActionButtonProps, ConfirmDialog, type ConfirmDialogProps, CurveCardUI, type CurveCardUIProps, CurveData, CurvePeriod, CurveQuery, CurveType, DistributionCardUI, type DistributionCardUIProps, DistributionData, HoldingsEmpty, type HoldingsEmptyProps, type HoldingsRenderProps, HoldingsSearch, type HoldingsSearchProps, HoldingsSectionWidget, type HoldingsSectionWidgetProps, HoldingsSubTabs, type HoldingsSubTabsProps, IPortfolioClient, PerpsHistoryData, PerpsHistoryQuery, PerpsPanelUI, type PerpsPanelUIProps, PerpsPosition, PerpsPositionsData, type PerpsSubTab, PortfolioClientContext, PortfolioClientProvider, type PortfolioClientProviderProps, PortfolioContext, type PortfolioContextValue, PortfolioOverview, PortfolioPageSkeleton, PortfolioPageWidget, type PortfolioPageWidgetProps, PortfolioProvider, type PortfolioProviderProps, PortfolioQuery, PredictionBet, PredictionBetsData, PredictionPanelUI, type PredictionPanelUIProps, PredictionSettledData, PredictionSettledQuery, type PredictionSubTab, type RefetchWalletSummaryFn, SpotHistoryData, SpotHistoryQuery, SpotHolding, SpotHoldingsData, SpotPanelUI, type SpotPanelUIProps, type SpotSubTab, type TokenPortfolio, type UseAccountInfoResult, type UseHoldingsSectionOptions, type UseHoldingsSectionResult, type UsePortfolioPageOptions, type UsePortfolioPageResult, type UseWalletPortfoliosParams, ViewingBannerUI, type ViewingBannerUIProps, type WalletOption, WalletSummary, computeDistribution, curveDataQueryKey, distributionQueryKey, formatPercent, formatSignedUsd, formatTime, formatTokenBalance, formatUsd, getExplorerUrl, overviewQueryKey, parseDecimal, perpsHistoryQueryKey, perpsPositionsQueryKey, predictionBetsQueryKey, predictionSettledQueryKey, splitUsd, spotHistoryQueryKey, spotHoldingsQueryKey, truncateAddress, useAccountInfo, useCurveDataQuery, useDistributionQuery, useHoldingsSection, useOverviewQuery, usePerpsHistoryQuery, usePerpsPositionsQuery, usePortfolioClient, usePortfolioContext, usePortfolioPage, usePredictionBetsQuery, usePredictionSettledQuery, useRefetchWalletSummary, useSpotHistoryQuery, useSpotHoldingsQuery, useWalletPortfolios, useWalletSummary, _default as version };