@loafmarkets/ui 0.1.28 → 0.1.30

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -10,39 +10,39 @@ declare const buttonVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "icon" | null | undefined;
     radius?: "md" | "pill" | "square" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const badgeVariants: (props?: ({
     variant?: "outline" | "default" | "muted" | "success" | "active" | "pending" | "rejected" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
 }
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
 
-interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CardHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
-declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
-interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+declare const CardHeader: React$1.ForwardRefExoticComponent<CardHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CardTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
 }
-declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+declare const CardTitle: React$1.ForwardRefExoticComponent<CardTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+interface CardDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
 }
-declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+declare const CardDescription: React$1.ForwardRefExoticComponent<CardDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
+interface CardContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
-declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
-interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+declare const CardContent: React$1.ForwardRefExoticComponent<CardContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CardFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
-declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 
-interface PortfolioSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
+interface PortfolioSummaryProps extends React$1.HTMLAttributes<HTMLDivElement> {
     availableCash: number;
     portfolioValue: number;
     totalReturnPercent: number;
@@ -53,9 +53,9 @@ interface PortfolioSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
     formatCurrency?: (value: number) => string;
     formatPercent?: (value: number) => string;
     formatSignedCurrency?: (value: number) => string;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 }
-declare const PortfolioSummary: React.ForwardRefExoticComponent<PortfolioSummaryProps & React.RefAttributes<HTMLDivElement>>;
+declare const PortfolioSummary: React$1.ForwardRefExoticComponent<PortfolioSummaryProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type OrderbookSide = "ask" | "bid";
 type OrderbookLevel = {
@@ -70,7 +70,7 @@ type OrderbookTrade = {
     time?: string;
     tradeId?: number;
 };
-interface OrderbookProps extends React.HTMLAttributes<HTMLDivElement> {
+interface OrderbookProps extends React$1.HTMLAttributes<HTMLDivElement> {
     asks: OrderbookLevel[];
     bids: OrderbookLevel[];
     midPrice: number;
@@ -82,10 +82,10 @@ interface OrderbookProps extends React.HTMLAttributes<HTMLDivElement> {
     amountPrecision?: number;
     defaultTab?: "orderbook" | "trades";
     onTabChange?: (tab: "orderbook" | "trades") => void;
-    rightHeader?: React.ReactNode;
+    rightHeader?: React$1.ReactNode;
     variant?: "auto" | "default" | "compact";
 }
-declare const Orderbook: React.ForwardRefExoticComponent<OrderbookProps & React.RefAttributes<HTMLDivElement>>;
+declare const Orderbook: React$1.ForwardRefExoticComponent<OrderbookProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type HousePositionPendingOrder = {
     type: "buy" | "sell";
@@ -109,7 +109,7 @@ type HousePositionOrderbook = {
     bids?: OrderbookLevel[];
     asks?: OrderbookLevel[];
 };
-interface HousePositionSliderProps extends React.HTMLAttributes<HTMLDivElement> {
+interface HousePositionSliderProps extends React$1.HTMLAttributes<HTMLDivElement> {
     tokenId: string;
     tokenSymbol: string;
     totalTokens: number;
@@ -140,7 +140,7 @@ type HousePositionSliderMobileOrderbook = {
     bids?: OrderbookLevel[];
     asks?: OrderbookLevel[];
 };
-interface HousePositionSliderMobileProps extends React.HTMLAttributes<HTMLDivElement> {
+interface HousePositionSliderMobileProps extends React$1.HTMLAttributes<HTMLDivElement> {
     tokenId: string;
     tokenSymbol: string;
     totalTokens: number;
@@ -154,7 +154,7 @@ interface HousePositionSliderMobileProps extends React.HTMLAttributes<HTMLDivEle
 }
 declare function HousePositionSliderMobile({ tokenId, tokenSymbol, totalTokens, currentPrice, availableCash, tokensHeld, defaultOrderType, orderbook, ownershipPercentOverride, onConfirmOrder, className, ...props }: HousePositionSliderMobileProps): react_jsx_runtime.JSX.Element;
 
-type PropertyTourProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
+type PropertyTourProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "title"> & {
     title: string;
     src: string;
     poster?: string;
@@ -164,7 +164,7 @@ type PropertyTourProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "titl
     controls?: boolean;
     playsInline?: boolean;
 };
-declare const PropertyTour: React.ForwardRefExoticComponent<Omit<Omit<CardProps & React.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
+declare const PropertyTour: React$1.ForwardRefExoticComponent<Omit<Omit<CardProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
     title: string;
     src: string;
     poster?: string;
@@ -173,7 +173,7 @@ declare const PropertyTour: React.ForwardRefExoticComponent<Omit<Omit<CardProps
     loop?: boolean;
     controls?: boolean;
     playsInline?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 type PropertyNewsType = "property" | "market" | (string & {});
 type PropertyNewsItem = {
@@ -184,16 +184,28 @@ type PropertyNewsItem = {
     displayId?: string;
     isNew?: boolean;
 };
-interface PropertyNewsUpdatesProps extends React.HTMLAttributes<HTMLDivElement> {
+type PurchaseFeedItem = {
+    id: string;
+    name: string;
+    amount: number;
+    timestamp: string;
+};
+interface PropertyNewsUpdatesProps extends React$1.HTMLAttributes<HTMLDivElement> {
     items: PropertyNewsItem[];
     heading?: string;
     subheading?: string;
-    emptyState?: React.ReactNode;
+    emptyState?: React$1.ReactNode;
     highlightFirst?: boolean;
+    /** "default" = trade/IPO pages, "home" = compact home page style, "purchases" = live purchase feed */
+    variant?: "default" | "home" | "purchases";
+    purchases?: PurchaseFeedItem[];
+    /** Home variant: "View All" link */
+    viewAllHref?: string;
+    viewAllLabel?: string;
 }
-declare const PropertyNewsUpdates: React.ForwardRefExoticComponent<PropertyNewsUpdatesProps & React.RefAttributes<HTMLDivElement>>;
+declare const PropertyNewsUpdates: React$1.ForwardRefExoticComponent<PropertyNewsUpdatesProps & React$1.RefAttributes<HTMLDivElement>>;
 
-type RangeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type">;
+type RangeInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type">;
 interface TradingSliderProps extends RangeInputProps {
     /**
      * Controlled slider value
@@ -206,7 +218,7 @@ interface TradingSliderProps extends RangeInputProps {
     /**
      * Fires whenever the thumb value changes
      */
-    onValueChange?: (value: number, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onValueChange?: (value: number, event: React$1.ChangeEvent<HTMLInputElement>) => void;
     /**
      * Label displayed on top of the slider card
      */
@@ -218,7 +230,7 @@ interface TradingSliderProps extends RangeInputProps {
     /**
      * Custom formatter for the highlighted value on the right
      */
-    formatValue?: (value: number) => React.ReactNode;
+    formatValue?: (value: number) => React$1.ReactNode;
     /**
      * Text shown next to the minimum tick
      */
@@ -232,23 +244,23 @@ interface TradingSliderProps extends RangeInputProps {
      */
     accentColor?: string;
 }
-declare const TradingSlider: React.ForwardRefExoticComponent<TradingSliderProps & React.RefAttributes<HTMLInputElement>>;
+declare const TradingSlider: React$1.ForwardRefExoticComponent<TradingSliderProps & React$1.RefAttributes<HTMLInputElement>>;
 
 type MobileTradeNavItem = {
     id: string;
     label: string;
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
 };
-type MobileTradeNavProps = React.HTMLAttributes<HTMLDivElement> & {
+type MobileTradeNavProps = React$1.HTMLAttributes<HTMLDivElement> & {
     items: MobileTradeNavItem[];
     activeId: string;
     onChange?: (itemId: string) => void;
 };
-declare const MobileTradeNav: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const MobileTradeNav: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
     items: MobileTradeNavItem[];
     activeId: string;
     onChange?: (itemId: string) => void;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 type TradeConfirmationModalDetails = {
     type: 'buy' | 'sell';
@@ -274,19 +286,19 @@ type TradeConfirmationModalProps = {
     rememberChoiceLabel?: string;
     onRememberChoiceChange?: (checked: boolean) => void;
 };
-declare function TradeConfirmationModal({ isOpen, onClose, onConfirm, orderDetails, className, estimatedFeeUsd: _estimatedFeeUsd, estimatedFeeBps: _estimatedFeeBps, totalWithFeesUsd, confirmDisabled, confirmLoading, rememberChoiceChecked, rememberChoiceLabel, onRememberChoiceChange, }: TradeConfirmationModalProps): React.ReactElement | null;
+declare function TradeConfirmationModal({ isOpen, onClose, onConfirm, orderDetails, className, estimatedFeeUsd: _estimatedFeeUsd, estimatedFeeBps: _estimatedFeeBps, totalWithFeesUsd, confirmDisabled, confirmLoading, rememberChoiceChecked, rememberChoiceLabel, onRememberChoiceChange, }: TradeConfirmationModalProps): React$1.ReactElement | null;
 
-interface LoafLiquidityBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+interface LoafLiquidityBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
     isGlowing?: boolean;
 }
-declare const LoafLiquidityBadge: React.ForwardRefExoticComponent<LoafLiquidityBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+declare const LoafLiquidityBadge: React$1.ForwardRefExoticComponent<LoafLiquidityBadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 type LoafLiquidityLogoProps = {
     onClick?: () => void;
     isGlowing?: boolean;
     className?: string;
 };
-declare const LoafLiquidityLogo: React.FC<LoafLiquidityLogoProps>;
+declare const LoafLiquidityLogo: React$1.FC<LoafLiquidityLogoProps>;
 
 type YourOrderSide = "buy" | "sell";
 type YourOrder = {
@@ -331,26 +343,26 @@ type RenderTabContentArgs = {
     pageSize: number;
     onPageChange: (page: number) => void;
 };
-type YourOrdersProps = React.HTMLAttributes<HTMLDivElement> & {
+type YourOrdersProps = React$1.HTMLAttributes<HTMLDivElement> & {
     title?: string;
     orders?: YourOrder[];
     tabs?: YourOrdersTab[];
     activeTabId?: string;
     onTabChange?: (tabId: string) => void;
-    renderOrderActions?: (order: YourOrder) => React.ReactNode;
-    renderTabContent?: (args: RenderTabContentArgs) => React.ReactNode | null;
+    renderOrderActions?: (order: YourOrder) => React$1.ReactNode;
+    renderTabContent?: (args: RenderTabContentArgs) => React$1.ReactNode | null;
     pageSize?: number;
 };
-declare const YourOrders: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const YourOrders: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
     title?: string;
     orders?: YourOrder[];
     tabs?: YourOrdersTab[];
     activeTabId?: string;
     onTabChange?: (tabId: string) => void;
-    renderOrderActions?: (order: YourOrder) => React.ReactNode;
-    renderTabContent?: (args: RenderTabContentArgs) => React.ReactNode | null;
+    renderOrderActions?: (order: YourOrder) => React$1.ReactNode;
+    renderTabContent?: (args: RenderTabContentArgs) => React$1.ReactNode | null;
     pageSize?: number;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 type PriceChartRange = "30s" | "1m" | "5m" | "15m" | "1h" | "4h" | "24h" | "1W" | "1M";
 type PriceChartCandle = {
@@ -360,7 +372,7 @@ type PriceChartCandle = {
     low: number;
     close: number;
 };
-type PriceChartProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
+type PriceChartProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "title"> & {
     title?: string;
     ranges?: PriceChartRange[];
     selectedRange?: PriceChartRange;
@@ -371,7 +383,7 @@ type PriceChartProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"
     currencySymbol?: string;
     height?: number;
 };
-declare const PriceChart: React.ForwardRefExoticComponent<Omit<Omit<CardProps & React.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
+declare const PriceChart: React$1.ForwardRefExoticComponent<Omit<Omit<CardProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
     title?: string;
     ranges?: PriceChartRange[];
     selectedRange?: PriceChartRange;
@@ -381,9 +393,9 @@ declare const PriceChart: React.ForwardRefExoticComponent<Omit<Omit<CardProps &
     changePercent?: number;
     currencySymbol?: string;
     height?: number;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
-type PropertyHeroHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+type PropertyHeroHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
     imageUrl: string;
     imageAlt?: string;
     name: string;
@@ -401,8 +413,12 @@ type PropertyHeroHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
     makeOfferButtonLabel?: string;
     makeOfferDisabled?: boolean;
     hideMakeOfferButton?: boolean;
+    statusBadge?: {
+        label: string;
+        variant?: "live" | "default";
+    };
 };
-declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
     imageUrl: string;
     imageAlt?: string;
     name: string;
@@ -420,7 +436,11 @@ declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttr
     makeOfferButtonLabel?: string;
     makeOfferDisabled?: boolean;
     hideMakeOfferButton?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
+    statusBadge?: {
+        label: string;
+        variant?: "live" | "default";
+    };
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 type EmailCodeParams = {
     email: string;
@@ -552,21 +572,21 @@ type PropertySubheaderTab = {
 type PropertySubheaderAction = {
     id: string;
     label: string;
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     onClick?: () => void;
 };
-type PropertySubheaderProps = React.HTMLAttributes<HTMLDivElement> & {
+type PropertySubheaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
     tabs: PropertySubheaderTab[];
     activeTabId: string;
     onTabChange?: (tabId: string) => void;
     actions?: PropertySubheaderAction[];
 };
-declare const PropertySubheader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const PropertySubheader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
     tabs: PropertySubheaderTab[];
     activeTabId: string;
     onTabChange?: (tabId: string) => void;
     actions?: PropertySubheaderAction[];
-} & React.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 type PropertyAddressOption = {
     id: string;
@@ -587,7 +607,7 @@ type PropertyPriceSummary = {
     formatOptions?: Intl.NumberFormatOptions;
     percentFormatOptions?: Intl.NumberFormatOptions;
 };
-type PropertyCompareBarProps = React.HTMLAttributes<HTMLDivElement> & {
+type PropertyCompareBarProps = React$1.HTMLAttributes<HTMLDivElement> & {
     addresses: (PropertyAddressOption | string)[];
     selectedAddressId?: string;
     onSelectAddress?: (addressId: string) => void;
@@ -595,14 +615,19 @@ type PropertyCompareBarProps = React.HTMLAttributes<HTMLDivElement> & {
     propertyValueVariant?: "classic" | "card" | "pill";
     price?: PropertyPriceSummary;
 };
-declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const PropertyCompareBar: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
     addresses: (PropertyAddressOption | string)[];
     selectedAddressId?: string;
     onSelectAddress?: (addressId: string) => void;
     propertyValue?: PropertyValueSummary;
     propertyValueVariant?: "classic" | "card" | "pill";
     price?: PropertyPriceSummary;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+type GalleryCategory = {
+    name: string;
+    startIndex: number;
+};
 
 interface OverviewResponse {
     readonly description: string;
@@ -624,19 +649,53 @@ interface OverviewResponse {
     readonly levels: number;
     readonly daStatus: string;
 }
+interface OverviewImage {
+    readonly imageUrl: string;
+    readonly title: string;
+    readonly subtitle: string;
+}
+type FinancialItem = {
+    label: string;
+    value: string;
+    gold?: boolean;
+    badge?: string;
+};
+type PropertyInfoItem = {
+    label: string;
+    value: string;
+    status?: 'active' | 'progress';
+};
 type PropertyOverviewProps = {
     propertyName: string;
     location: string;
     midPrice: number;
     onTradeClick?: () => void;
+    onPhotosClick?: (startIndex: number) => void;
+    description?: string;
+    tradeButtonLabel?: string;
+    rightPanelTitle?: string;
+    financialItems?: FinancialItem[];
+    images?: OverviewImage[];
+    galleryCategories?: GalleryCategory[];
+    videoUrl?: string;
+    tokenName?: string;
+    landSizeSqm?: number | null;
+    buildingSizeSqm?: number | null;
+    features?: {
+        icon?: React.ReactNode;
+        value?: string;
+        label: string;
+    }[];
+    propertyInfo?: PropertyInfoItem[];
     overviewData?: OverviewResponse | null;
-    minimumParticipation?: number | null;
     bedrooms?: number | null;
     bathrooms?: number | null;
     carSpaces?: number | null;
     propertyTypeLabel?: string | null;
+    minimumParticipation?: number | null;
+    tokensIssued?: number | null;
 };
-declare function PropertyOverview({ propertyName: _propertyName, location: _location, midPrice: _midPrice, onTradeClick: _onTradeClick, overviewData, minimumParticipation, bedrooms, bathrooms, carSpaces, propertyTypeLabel, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOverview({ propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, rightPanelTitle, financialItems: financialItemsProp, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {
@@ -690,6 +749,70 @@ type PropertyInspectionTimesProps = {
 };
 declare function PropertyInspectionTimes({ isAuthenticated, slots, loading, error, bookingSlotId, bookingStatus, bookingError, onBook, onRetry, onSignIn, }: PropertyInspectionTimesProps): react_jsx_runtime.JSX.Element;
 
+type OrderSide = 'BUY' | 'SELL';
+type OrderType = 'MARKET' | 'LIMIT';
+type TimeInForce = 'GTC' | 'IOC' | 'FOK' | 'GTD';
+type OrderStatus = 'OPEN' | 'PARTIALLY_FILLED' | 'FILLED' | 'CANCELLED' | 'REJECTED';
+interface OfferingOrder {
+    readonly tokenName: string;
+    readonly txHash: string;
+    readonly price: number;
+    readonly quantity: number;
+    readonly status: string;
+    readonly imageUrl: string;
+    readonly createdAt: number;
+}
+interface OrderHistoryItem {
+    readonly id: number;
+    readonly propertyId: number;
+    readonly tokenName: string;
+    readonly side: OrderSide;
+    readonly type: OrderType;
+    readonly timeInForce: TimeInForce;
+    readonly quantity: number;
+    readonly price: number | null;
+    readonly status: OrderStatus;
+    readonly filledQuantity: number;
+    readonly rejectionReason: string | null;
+    readonly deadline: number;
+    readonly filledAt: number | null;
+    readonly cancelledAt: number | null;
+    readonly createdAt: number;
+}
+interface TradeHistoryItem {
+    readonly tradeId: number;
+    readonly propertyId: number;
+    readonly tokenName: string;
+    readonly txHash: string;
+    readonly side: OrderSide;
+    readonly quantity: number;
+    readonly price: number;
+    readonly executedAt: number;
+    readonly fee: number;
+}
+interface TransferHistoryItem {
+    readonly type: 'DEPOSIT' | 'WITHDRAWAL';
+    readonly amount: number;
+    readonly status: 'PENDING' | 'CONFIRMED' | 'REJECTED';
+    readonly blockchainTxHash: string | null;
+    readonly address: string;
+    readonly createdAt: number;
+}
+interface PortfolioPosition {
+    readonly propertyId: number;
+    readonly tokenName: string;
+    readonly quantity: number;
+    readonly totalTokens: number;
+    readonly averageEntryPrice: number;
+    readonly marketPrice: number;
+    readonly percentChange: number;
+    readonly percentOfPortfolio: number;
+    readonly propertyPnl: number;
+    readonly propertyPnlPercent: number;
+    readonly isIpoAllocation: boolean;
+    readonly imageUrl: string;
+}
+
 type IpoStatus = 'PENDING' | 'LIVE' | 'CLOSED' | 'CANCELLED';
 type SaleData = {
     loading: boolean;
@@ -725,6 +848,7 @@ type PropertyBuyProps = {
     propertyLocation?: string;
     tokenDisplayName?: string;
     tokenSymbol?: string;
+    tokenName?: string;
     isAuthenticated: boolean;
     onSignIn: () => void;
     saleData?: SaleData | null;
@@ -739,8 +863,20 @@ type PropertyBuyProps = {
     isPrivateClient?: boolean;
     recentOrders?: readonly IpoRecentOrder[];
     ordersAllocated?: number;
+    subscribers?: number;
+    portfolioActivity?: {
+        positions?: readonly PortfolioPosition[];
+        onPositionClick?: (tokenName: string, isIpo: boolean) => void;
+        offeringOrders?: readonly OfferingOrder[];
+        openOrders?: readonly OrderHistoryItem[];
+        orderHistory?: readonly OrderHistoryItem[];
+        tradeHistory?: readonly TradeHistoryItem[];
+        transfers?: readonly TransferHistoryItem[];
+        onCancelOrder?: (orderId: number) => Promise<void>;
+        cancellingOrderId?: number | null;
+    };
 };
-declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, initialUserSubscriptions, opensAt, isPrivateClient, recentOrders, ordersAllocated, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, portfolioActivity, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;
@@ -852,4 +988,4 @@ declare function ToastProvider({ children }: {
 }): react_jsx_runtime.JSX.Element;
 declare function useToast(): ToastContextValue;
 
-export { 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 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, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, 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, 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 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, useToast };
+export { 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 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, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, 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, 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 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, useToast };