@loafmarkets/ui 0.1.385 → 0.1.387

package/dist/index.d.mts

@@ -643,7 +643,26 @@ type HeaderPortfolioData = {
     pnl: number;
     pnlPercent: number;
 };
-type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "leaderboard" | "leaderboardPage" | "about" | "portfolio" | "learn" | "api";
+/**
+ * A single nav entry. The consuming app owns the entire nav set (which tabs,
+ * their labels, order and grouping) — the Header is a render-only view of this
+ * list, so different products/branches ship the same Header and only differ in
+ * the array they pass.
+ */
+type HeaderNavItem = {
+    /** Stable id; also the value matched against `activeKey`. */
+    key: string;
+    label: string;
+    path: string;
+    /** Opens in a new tab (e.g. external Docs); never inferred active. */
+    external?: boolean;
+    /** "primary" = on the bar (default); "more" = inside the More dropdown. */
+    group?: "primary" | "more";
+    /** Active-tab inference: "exact" (default) or "prefix" (e.g. /offerings/*). */
+    match?: "exact" | "prefix";
+    /** Overrides navigation when clicked (e.g. trade chunk warm-up). */
+    onSelect?: () => void;
+};
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
     initialView?: LoginPopupView;
@@ -652,21 +671,16 @@ type HeaderProps = {
     currentUser?: HeaderUser | null;
     isAuthenticated?: boolean;
     locationPath?: string;
-    activeTab?: HeaderActiveTab;
+    /** The full nav set, owned by the consuming app. Rendered in order. */
+    navItems: HeaderNavItem[];
+    /** Force a nav item active by its `key`; otherwise inferred from locationPath. */
+    activeKey?: string;
     onNavigate?: (path: string) => void;
     onLogout?: () => Promise<void> | void;
     onSignInClick?: () => void;
     loginPopupComponent?: React__default.ComponentType<HeaderLoginPopupComponentProps>;
-    tradePath?: string;
+    /** Logo link target (the logo is not a nav item). */
     homePath?: string;
-    aboutPath?: string;
-    learnPath?: string;
-    apiPath?: string;
-    offeringsPath?: string;
-    propertyMapPath?: string;
-    leaderboardPath?: string;
-    leaderboardPagePath?: string;
-    portfolioPath?: string;
     loafLiquidityPath?: string;
     /** Absolute URL for the auth/login surface (e.g. https://auth.loafmarkets.com/login). */
     authLoginUrl?: string | null;
@@ -680,12 +694,10 @@ type HeaderProps = {
     logoHref?: string;
     onLogoClick?: () => void;
     onLoafLiquidityClick?: () => void;
-    onTradeClick?: () => void;
     onProfileNavigate?: () => void;
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
     onSettingsClick?: () => void;
-    showTradeTab?: boolean;
     portfolioSummary?: HeaderPortfolioData | null;
     /**
      * True while a brand-new user's test funds (100k mock USD) are being deposited
@@ -1001,6 +1013,8 @@ type PortfolioActivityPanelProps = {
     /** Click handler for the asset name in the Open Orders / Order History / Trade History rows — opens that asset. */
     onAssetClick?: (tokenName: string) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
+    /** Open the shareable position card for a held position. */
+    onSharePosition?: (pos: PortfolioPosition) => void;
     offeringOrders?: readonly OfferingOrder[];
     openOrders?: readonly OrderHistoryItem[];
     orderHistory?: readonly OrderHistoryItem[];
@@ -1017,7 +1031,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;
@@ -1310,4 +1324,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.d.ts

@@ -643,7 +643,26 @@ type HeaderPortfolioData = {
     pnl: number;
     pnlPercent: number;
 };
-type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "leaderboard" | "leaderboardPage" | "about" | "portfolio" | "learn" | "api";
+/**
+ * A single nav entry. The consuming app owns the entire nav set (which tabs,
+ * their labels, order and grouping) — the Header is a render-only view of this
+ * list, so different products/branches ship the same Header and only differ in
+ * the array they pass.
+ */
+type HeaderNavItem = {
+    /** Stable id; also the value matched against `activeKey`. */
+    key: string;
+    label: string;
+    path: string;
+    /** Opens in a new tab (e.g. external Docs); never inferred active. */
+    external?: boolean;
+    /** "primary" = on the bar (default); "more" = inside the More dropdown. */
+    group?: "primary" | "more";
+    /** Active-tab inference: "exact" (default) or "prefix" (e.g. /offerings/*). */
+    match?: "exact" | "prefix";
+    /** Overrides navigation when clicked (e.g. trade chunk warm-up). */
+    onSelect?: () => void;
+};
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
     initialView?: LoginPopupView;
@@ -652,21 +671,16 @@ type HeaderProps = {
     currentUser?: HeaderUser | null;
     isAuthenticated?: boolean;
     locationPath?: string;
-    activeTab?: HeaderActiveTab;
+    /** The full nav set, owned by the consuming app. Rendered in order. */
+    navItems: HeaderNavItem[];
+    /** Force a nav item active by its `key`; otherwise inferred from locationPath. */
+    activeKey?: string;
     onNavigate?: (path: string) => void;
     onLogout?: () => Promise<void> | void;
     onSignInClick?: () => void;
     loginPopupComponent?: React__default.ComponentType<HeaderLoginPopupComponentProps>;
-    tradePath?: string;
+    /** Logo link target (the logo is not a nav item). */
     homePath?: string;
-    aboutPath?: string;
-    learnPath?: string;
-    apiPath?: string;
-    offeringsPath?: string;
-    propertyMapPath?: string;
-    leaderboardPath?: string;
-    leaderboardPagePath?: string;
-    portfolioPath?: string;
     loafLiquidityPath?: string;
     /** Absolute URL for the auth/login surface (e.g. https://auth.loafmarkets.com/login). */
     authLoginUrl?: string | null;
@@ -680,12 +694,10 @@ type HeaderProps = {
     logoHref?: string;
     onLogoClick?: () => void;
     onLoafLiquidityClick?: () => void;
-    onTradeClick?: () => void;
     onProfileNavigate?: () => void;
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
     onSettingsClick?: () => void;
-    showTradeTab?: boolean;
     portfolioSummary?: HeaderPortfolioData | null;
     /**
      * True while a brand-new user's test funds (100k mock USD) are being deposited
@@ -1001,6 +1013,8 @@ type PortfolioActivityPanelProps = {
     /** Click handler for the asset name in the Open Orders / Order History / Trade History rows — opens that asset. */
     onAssetClick?: (tokenName: string) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
+    /** Open the shareable position card for a held position. */
+    onSharePosition?: (pos: PortfolioPosition) => void;
     offeringOrders?: readonly OfferingOrder[];
     openOrders?: readonly OrderHistoryItem[];
     orderHistory?: readonly OrderHistoryItem[];
@@ -1017,7 +1031,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;
@@ -1310,4 +1324,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };