@loafmarkets/ui 0.1.89 → 0.1.91

package/dist/index.d.mts

@@ -105,6 +105,8 @@ interface OrderbookProps extends React$1.HTMLAttributes<HTMLDivElement> {
     onLoafLiquidityClick?: () => void;
     /** Given a trade's txHash, returns the full explorer URL to link to. Defaults to Sepolia Etherscan. */
     tradeExplorerUrl?: (txHash: string) => string;
+    /** Override the number of visible price levels per side (default 5). */
+    maxLevels?: number;
 }
 declare const Orderbook: React$1.ForwardRefExoticComponent<OrderbookProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -424,13 +426,19 @@ type PropertyHeroHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
     imageUrl: string;
     imageAlt?: string;
     name: string;
+    address?: string;
     location: string;
     price?: number;
     currencySymbol?: string;
     changePercent?: number;
+    priceChange?: number;
+    /** @deprecated No longer rendered. */
     beds?: number;
+    /** @deprecated No longer rendered. */
     baths?: number;
+    /** @deprecated No longer rendered. */
     cars?: number;
+    /** @deprecated No longer rendered. */
     propertyTypeLabel?: string;
     onTrade?: () => void;
     onMakeOffer?: () => void;
@@ -449,13 +457,19 @@ declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTML
     imageUrl: string;
     imageAlt?: string;
     name: string;
+    address?: string;
     location: string;
     price?: number;
     currencySymbol?: string;
     changePercent?: number;
+    priceChange?: number;
+    /** @deprecated No longer rendered. */
     beds?: number;
+    /** @deprecated No longer rendered. */
     baths?: number;
+    /** @deprecated No longer rendered. */
     cars?: number;
+    /** @deprecated No longer rendered. */
     propertyTypeLabel?: string;
     onTrade?: () => void;
     onMakeOffer?: () => void;
@@ -550,6 +564,13 @@ type HeaderUser = {
     email?: string | null;
     walletAddress?: string | null;
 };
+type HeaderPortfolioData = {
+    holdings: number;
+    cash: number;
+    portfolioValue: number;
+    pnl: number;
+    pnlPercent: number;
+};
 type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
@@ -590,6 +611,7 @@ type HeaderProps = {
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
     showTradeTab?: boolean;
+    portfolioSummary?: HeaderPortfolioData | null;
 };
 declare const Header: React__default.FC<HeaderProps>;
 
@@ -824,7 +846,6 @@ interface TradeHistoryItem {
     readonly price: number;
     readonly executedAt: number;
     readonly fee: number;
-    readonly status?: string;
 }
 interface TransferHistoryItem {
     readonly type: 'DEPOSIT' | 'WITHDRAWAL';
@@ -881,6 +902,7 @@ type AssetSelectorMetric = {
     value: ReactNode;
     accent?: boolean;
     change?: number;
+    secondary?: boolean;
 };
 type AssetSelectorBarProps = {
     propertyName: string;
@@ -890,8 +912,9 @@ type AssetSelectorBarProps = {
     currentTokenName?: string;
     selectorItems?: readonly SelectorItem[];
     onSelect?: (tokenName: string) => void;
+    trailing?: ReactNode;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
 type SaleData = {
@@ -979,10 +1002,12 @@ type OfferingProgressCardProps = {
     raisedAmount?: number;
     targetAmount?: number;
     isPrivateClient?: boolean;
+    /** "default" = full card with header/countdown, "compact" = bar-only, "home" = countdown left + spinner right */
+    variant?: 'default' | 'compact' | 'home';
     style?: React__default.CSSProperties;
     className?: string;
 };
-declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
+declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, variant, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;
@@ -1132,4 +1157,4 @@ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
 
-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, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, 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, 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, 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, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, 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, 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, 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, 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, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.d.ts

@@ -105,6 +105,8 @@ interface OrderbookProps extends React$1.HTMLAttributes<HTMLDivElement> {
     onLoafLiquidityClick?: () => void;
     /** Given a trade's txHash, returns the full explorer URL to link to. Defaults to Sepolia Etherscan. */
     tradeExplorerUrl?: (txHash: string) => string;
+    /** Override the number of visible price levels per side (default 5). */
+    maxLevels?: number;
 }
 declare const Orderbook: React$1.ForwardRefExoticComponent<OrderbookProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -424,13 +426,19 @@ type PropertyHeroHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
     imageUrl: string;
     imageAlt?: string;
     name: string;
+    address?: string;
     location: string;
     price?: number;
     currencySymbol?: string;
     changePercent?: number;
+    priceChange?: number;
+    /** @deprecated No longer rendered. */
     beds?: number;
+    /** @deprecated No longer rendered. */
     baths?: number;
+    /** @deprecated No longer rendered. */
     cars?: number;
+    /** @deprecated No longer rendered. */
     propertyTypeLabel?: string;
     onTrade?: () => void;
     onMakeOffer?: () => void;
@@ -449,13 +457,19 @@ declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTML
     imageUrl: string;
     imageAlt?: string;
     name: string;
+    address?: string;
     location: string;
     price?: number;
     currencySymbol?: string;
     changePercent?: number;
+    priceChange?: number;
+    /** @deprecated No longer rendered. */
     beds?: number;
+    /** @deprecated No longer rendered. */
     baths?: number;
+    /** @deprecated No longer rendered. */
     cars?: number;
+    /** @deprecated No longer rendered. */
     propertyTypeLabel?: string;
     onTrade?: () => void;
     onMakeOffer?: () => void;
@@ -550,6 +564,13 @@ type HeaderUser = {
     email?: string | null;
     walletAddress?: string | null;
 };
+type HeaderPortfolioData = {
+    holdings: number;
+    cash: number;
+    portfolioValue: number;
+    pnl: number;
+    pnlPercent: number;
+};
 type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
@@ -590,6 +611,7 @@ type HeaderProps = {
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
     showTradeTab?: boolean;
+    portfolioSummary?: HeaderPortfolioData | null;
 };
 declare const Header: React__default.FC<HeaderProps>;
 
@@ -824,7 +846,6 @@ interface TradeHistoryItem {
     readonly price: number;
     readonly executedAt: number;
     readonly fee: number;
-    readonly status?: string;
 }
 interface TransferHistoryItem {
     readonly type: 'DEPOSIT' | 'WITHDRAWAL';
@@ -881,6 +902,7 @@ type AssetSelectorMetric = {
     value: ReactNode;
     accent?: boolean;
     change?: number;
+    secondary?: boolean;
 };
 type AssetSelectorBarProps = {
     propertyName: string;
@@ -890,8 +912,9 @@ type AssetSelectorBarProps = {
     currentTokenName?: string;
     selectorItems?: readonly SelectorItem[];
     onSelect?: (tokenName: string) => void;
+    trailing?: ReactNode;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
 type SaleData = {
@@ -979,10 +1002,12 @@ type OfferingProgressCardProps = {
     raisedAmount?: number;
     targetAmount?: number;
     isPrivateClient?: boolean;
+    /** "default" = full card with header/countdown, "compact" = bar-only, "home" = countdown left + spinner right */
+    variant?: 'default' | 'compact' | 'home';
     style?: React__default.CSSProperties;
     className?: string;
 };
-declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
+declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, variant, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;
@@ -1132,4 +1157,4 @@ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
 
-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, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, 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, 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, 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, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, 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, 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, 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, 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, Skeleton, type SkeletonProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, hasPendingActivity, useAdaptivePolling, useToast };