@loafmarkets/ui 0.1.12 → 0.1.14

package/dist/index.d.mts

@@ -412,12 +412,76 @@ declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttr
     onMakeOffer?: () => void;
 } & React.RefAttributes<HTMLDivElement>>;
 
+type EmailCodeParams = {
+    email: string;
+    isSignUp: boolean;
+    handle?: string | null;
+};
+type VerifyCodeParams = {
+    code: string;
+    email: string;
+};
+type DemoLoginResult = {
+    success: boolean;
+};
+type DemoLoginHandler = (email: string, handle?: string | null) => Promise<DemoLoginResult | void> | DemoLoginResult | void;
+type LoginPopupView = "main" | "email" | "otp" | "kyc" | "kyc-success" | "kyc-failed" | "funding";
+type FundWalletParams = {
+    amount: string;
+};
+type LoginPopupProps = {
+    onClose: () => void;
+    onOpenEarlyAccess?: () => void;
+    /**
+     * Optional flag that indicates an authenticated session exists. When true (and autoCloseOnAuth is enabled)
+     * the popup will close automatically, mirroring the loaf-demo behaviour that watched Privy + demo auth state.
+     */
+    isAuthenticated?: boolean;
+    /** Optional user payload that, when truthy, also triggers the auto close effect. */
+    currentUser?: unknown;
+    /**
+     * Handler that should kick off an email OTP flow (e.g. Privy's sendCode). When omitted, the component will
+     * display an inline error explaining that email auth is unavailable.
+     */
+    onSendEmailCode?: (params: EmailCodeParams) => Promise<void> | void;
+    /** Handler invoked when the user submits the 6-digit OTP code. */
+    onVerifyEmailCode?: (params: VerifyCodeParams) => Promise<void> | void;
+    /** Optional handler used for demo / local login flows before falling back to email OTP. */
+    onDemoLogin?: DemoLoginHandler;
+    /** Override for the logo shown in the popup header. */
+    logoSrc?: string;
+    logoAlt?: string;
+    /** Disable auto-closing behaviour tied to isAuthenticated/currentUser flags. */
+    autoCloseOnAuth?: boolean;
+    /**
+     * Handler called when the user clicks "KYC me now". Should trigger the KYC verification flow
+     * and resolve with { passed: boolean } when complete.
+     */
+    onKycStart?: () => Promise<{
+        passed: boolean;
+    }> | void;
+    /**
+     * Handler called when the user clicks "Fund my account". Should open the funding UI (e.g. Coinbase onramp)
+     * and resolve with { funded: boolean } when the user exits.
+     */
+    onFundWallet?: (params: FundWalletParams) => Promise<{
+        funded: boolean;
+    }> | void;
+    /** Optional view to show immediately when the popup opens. */
+    initialView?: LoginPopupView;
+};
+declare const LoginPopup: React__default.FC<LoginPopupProps>;
+
 type HeaderUser = {
     displayName?: string | null;
     email?: string | null;
     walletAddress?: string | null;
 };
 type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about";
+type HeaderLoginPopupComponentProps = {
+    onClose: () => void;
+    initialView?: LoginPopupView;
+};
 type HeaderProps = {
     currentUser?: HeaderUser | null;
     isAuthenticated?: boolean;
@@ -426,9 +490,7 @@ type HeaderProps = {
     onNavigate?: (path: string) => void;
     onLogout?: () => Promise<void> | void;
     onSignInClick?: () => void;
-    loginPopupComponent?: React__default.ComponentType<{
-        onClose: () => void;
-    }>;
+    loginPopupComponent?: React__default.ComponentType<HeaderLoginPopupComponentProps>;
     tradeUrl?: string;
     tradePath?: string;
     homePath?: string;
@@ -480,46 +542,6 @@ declare const PropertySubheader: React.ForwardRefExoticComponent<React.HTMLAttri
     actions?: PropertySubheaderAction[];
 } & React.RefAttributes<HTMLDivElement>>;
 
-type EmailCodeParams = {
-    email: string;
-    isSignUp: boolean;
-    handle?: string | null;
-};
-type VerifyCodeParams = {
-    code: string;
-    email: string;
-};
-type DemoLoginResult = {
-    success: boolean;
-};
-type DemoLoginHandler = (email: string, handle?: string | null) => Promise<DemoLoginResult | void> | DemoLoginResult | void;
-type LoginPopupProps = {
-    onClose: () => void;
-    onOpenEarlyAccess?: () => void;
-    /**
-     * Optional flag that indicates an authenticated session exists. When true (and autoCloseOnAuth is enabled)
-     * the popup will close automatically, mirroring the loaf-demo behaviour that watched Privy + demo auth state.
-     */
-    isAuthenticated?: boolean;
-    /** Optional user payload that, when truthy, also triggers the auto close effect. */
-    currentUser?: unknown;
-    /**
-     * Handler that should kick off an email OTP flow (e.g. Privy's sendCode). When omitted, the component will
-     * display an inline error explaining that email auth is unavailable.
-     */
-    onSendEmailCode?: (params: EmailCodeParams) => Promise<void> | void;
-    /** Handler invoked when the user submits the 6-digit OTP code. */
-    onVerifyEmailCode?: (params: VerifyCodeParams) => Promise<void> | void;
-    /** Optional handler used for demo / local login flows before falling back to email OTP. */
-    onDemoLogin?: DemoLoginHandler;
-    /** Override for the logo shown in the popup header. */
-    logoSrc?: string;
-    logoAlt?: string;
-    /** Disable auto-closing behaviour tied to isAuthenticated/currentUser flags. */
-    autoCloseOnAuth?: boolean;
-};
-declare const LoginPopup: React__default.FC<LoginPopupProps>;
-
 type PropertyAddressOption = {
     id: string;
     label: string;
@@ -556,4 +578,183 @@ declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttr
     price?: PropertyPriceSummary;
 } & React.RefAttributes<HTMLDivElement>>;
 
-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, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyCompareBar, type PropertyCompareBarProps, PropertyHeroHeader, type PropertyHeroHeaderProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type PropertyValueSummary, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };
+type PropertyOverviewProps = {
+    propertyName: string;
+    location: string;
+    midPrice: number;
+    onTradeClick?: () => void;
+};
+declare function PropertyOverview({ propertyName: _propertyName, location: _location, midPrice: _midPrice, onTradeClick: _onTradeClick }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+
+type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
+type PropertyOffer = {
+    id: number;
+    price: string;
+    buyer: string;
+    date: string;
+    expiry: string;
+    status: OfferStatus;
+    conditions: string;
+};
+type PropertyOffersProps = {
+    offers: PropertyOffer[];
+};
+declare function PropertyOffers({ offers }: PropertyOffersProps): react_jsx_runtime.JSX.Element;
+
+declare function PropertyHistory(): react_jsx_runtime.JSX.Element;
+
+declare function PropertyDocuments(): react_jsx_runtime.JSX.Element;
+
+type InspectionSlot = {
+    slotId: string;
+    label: string;
+    date: string;
+    startTime: string;
+    endTime: string;
+    totalCapacity: number;
+    spotsRemaining: number;
+};
+type PropertyInspectionTimesProps = {
+    isAuthenticated: boolean;
+    slots: InspectionSlot[];
+    loading?: boolean;
+    error?: string | null;
+    bookingSlotId?: string | null;
+    bookingStatus?: string | null;
+    bookingError?: string | null;
+    onBook: (slot: InspectionSlot) => void;
+    onRetry?: () => void;
+    onSignIn?: () => void;
+};
+declare function PropertyInspectionTimes({ isAuthenticated, slots, loading, error, bookingSlotId, bookingStatus, bookingError, onBook, onRetry, onSignIn, }: PropertyInspectionTimesProps): react_jsx_runtime.JSX.Element;
+
+type SaleData = {
+    state: {
+        status: number;
+        totalSold: bigint;
+        totalRaised: bigint;
+        totalFees: bigint;
+        propertyToken: `0x${string}`;
+        fundsWithdrawn: boolean;
+    } | null;
+    config: {
+        supplyToSell: bigint;
+        tokenPrice: bigint;
+        maxPerWallet: bigint;
+        feeBps: bigint;
+        paymentToken: `0x${string}`;
+        feeRecipient: `0x${string}`;
+        fundsRecipient: `0x${string}`;
+    } | null;
+    loading: boolean;
+    error: string | null;
+    totalSold: number;
+    supplyToSell: number;
+    percentSold: number;
+    statusLabel: string;
+    tokenPrice: number;
+    feePercent: number;
+    offeringValuation: number;
+};
+
+type PropertyBuyProps = {
+    propertyName?: string;
+    propertyLocation?: string;
+    isAuthenticated: boolean;
+    onSignIn: () => void;
+    saleData?: SaleData | null;
+    walletUsdcBalance?: number | null;
+    onPurchase?: (tokenAmount: number) => Promise<void>;
+    purchaseStatus?: 'idle' | 'checking-allowance' | 'approving' | 'purchasing' | 'success' | 'error';
+    purchaseError?: string | null;
+};
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, isAuthenticated, onSignIn, saleData, walletUsdcBalance, onPurchase, purchaseStatus, purchaseError, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+
+type OwnerBookingProps = {
+    propertyName?: string | null;
+    token: {
+        price?: number | null;
+    };
+};
+declare const OwnerBooking: ({ propertyName, token }: OwnerBookingProps) => react_jsx_runtime.JSX.Element;
+
+type PaymentPopupProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: (method: string) => void;
+    selectedDates: Date[];
+    totalCost: number;
+    isOwnerRate: boolean;
+    tokenPrice: number;
+    ownerRate: number;
+    marketRate: number;
+    userTokenHoldings: number;
+    propertyName: string;
+};
+declare function PaymentPopup({ isOpen, onClose, onConfirm, selectedDates, totalCost, isOwnerRate, tokenPrice, ownerRate, marketRate, userTokenHoldings, propertyName, }: PaymentPopupProps): react_jsx_runtime.JSX.Element | null;
+
+type ValuationRecentSale = {
+    readonly imageUrl?: string;
+    readonly price?: number | null;
+    readonly currency?: string | null;
+    readonly saleDate?: string | null;
+    readonly address?: string | null;
+    readonly suburb?: string | null;
+    readonly bedrooms?: number | null;
+    readonly bathrooms?: number | null;
+    readonly landSize?: string | null;
+};
+type ValuationSummary = {
+    readonly propertyId?: number;
+    readonly lastPrice?: number | null;
+    readonly fairValue?: number | null;
+    readonly totalTokens?: number | null;
+    readonly confidence?: string | null;
+    readonly undervaluedThreshold?: number | null;
+    readonly overvaluedThreshold?: number | null;
+    readonly valuationDeltaPercent?: number | null;
+    readonly valuationStatus?: string | null;
+    readonly areaDemand?: string | null;
+    readonly propertyMoat?: string | null;
+    readonly recentSales?: ValuationRecentSale[];
+};
+type ValuationHistoryPoint = {
+    readonly timestamp: number;
+    readonly valuation: number;
+    readonly fairValue?: number | null;
+};
+type PropertyValuationProps = {
+    propertyName: string;
+    tokenPrice: number;
+    totalTokens?: number | null;
+    summary?: ValuationSummary | null;
+    history?: ValuationHistoryPoint[];
+    loading?: boolean;
+    error?: string | null;
+};
+declare function PropertyValuation({ propertyName, tokenPrice, totalTokens, summary, history, loading, error, }: PropertyValuationProps): react_jsx_runtime.JSX.Element;
+
+type PropertyGalleryHotspot = {
+    id: number;
+    x: number;
+    y: number;
+    title: string;
+    description: string;
+};
+type PropertyGalleryImage = {
+    src: string;
+    alt: string;
+    label: string;
+    hotspots?: PropertyGalleryHotspot[];
+};
+type PropertyPhotoGalleryProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    startIndex?: number;
+    images?: PropertyGalleryImage[];
+    title?: string;
+    subtitle?: string;
+};
+declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, title, subtitle, images, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
+
+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, 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, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };

package/dist/index.d.ts

@@ -412,12 +412,76 @@ declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttr
     onMakeOffer?: () => void;
 } & React.RefAttributes<HTMLDivElement>>;
 
+type EmailCodeParams = {
+    email: string;
+    isSignUp: boolean;
+    handle?: string | null;
+};
+type VerifyCodeParams = {
+    code: string;
+    email: string;
+};
+type DemoLoginResult = {
+    success: boolean;
+};
+type DemoLoginHandler = (email: string, handle?: string | null) => Promise<DemoLoginResult | void> | DemoLoginResult | void;
+type LoginPopupView = "main" | "email" | "otp" | "kyc" | "kyc-success" | "kyc-failed" | "funding";
+type FundWalletParams = {
+    amount: string;
+};
+type LoginPopupProps = {
+    onClose: () => void;
+    onOpenEarlyAccess?: () => void;
+    /**
+     * Optional flag that indicates an authenticated session exists. When true (and autoCloseOnAuth is enabled)
+     * the popup will close automatically, mirroring the loaf-demo behaviour that watched Privy + demo auth state.
+     */
+    isAuthenticated?: boolean;
+    /** Optional user payload that, when truthy, also triggers the auto close effect. */
+    currentUser?: unknown;
+    /**
+     * Handler that should kick off an email OTP flow (e.g. Privy's sendCode). When omitted, the component will
+     * display an inline error explaining that email auth is unavailable.
+     */
+    onSendEmailCode?: (params: EmailCodeParams) => Promise<void> | void;
+    /** Handler invoked when the user submits the 6-digit OTP code. */
+    onVerifyEmailCode?: (params: VerifyCodeParams) => Promise<void> | void;
+    /** Optional handler used for demo / local login flows before falling back to email OTP. */
+    onDemoLogin?: DemoLoginHandler;
+    /** Override for the logo shown in the popup header. */
+    logoSrc?: string;
+    logoAlt?: string;
+    /** Disable auto-closing behaviour tied to isAuthenticated/currentUser flags. */
+    autoCloseOnAuth?: boolean;
+    /**
+     * Handler called when the user clicks "KYC me now". Should trigger the KYC verification flow
+     * and resolve with { passed: boolean } when complete.
+     */
+    onKycStart?: () => Promise<{
+        passed: boolean;
+    }> | void;
+    /**
+     * Handler called when the user clicks "Fund my account". Should open the funding UI (e.g. Coinbase onramp)
+     * and resolve with { funded: boolean } when the user exits.
+     */
+    onFundWallet?: (params: FundWalletParams) => Promise<{
+        funded: boolean;
+    }> | void;
+    /** Optional view to show immediately when the popup opens. */
+    initialView?: LoginPopupView;
+};
+declare const LoginPopup: React__default.FC<LoginPopupProps>;
+
 type HeaderUser = {
     displayName?: string | null;
     email?: string | null;
     walletAddress?: string | null;
 };
 type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about";
+type HeaderLoginPopupComponentProps = {
+    onClose: () => void;
+    initialView?: LoginPopupView;
+};
 type HeaderProps = {
     currentUser?: HeaderUser | null;
     isAuthenticated?: boolean;
@@ -426,9 +490,7 @@ type HeaderProps = {
     onNavigate?: (path: string) => void;
     onLogout?: () => Promise<void> | void;
     onSignInClick?: () => void;
-    loginPopupComponent?: React__default.ComponentType<{
-        onClose: () => void;
-    }>;
+    loginPopupComponent?: React__default.ComponentType<HeaderLoginPopupComponentProps>;
     tradeUrl?: string;
     tradePath?: string;
     homePath?: string;
@@ -480,46 +542,6 @@ declare const PropertySubheader: React.ForwardRefExoticComponent<React.HTMLAttri
     actions?: PropertySubheaderAction[];
 } & React.RefAttributes<HTMLDivElement>>;
 
-type EmailCodeParams = {
-    email: string;
-    isSignUp: boolean;
-    handle?: string | null;
-};
-type VerifyCodeParams = {
-    code: string;
-    email: string;
-};
-type DemoLoginResult = {
-    success: boolean;
-};
-type DemoLoginHandler = (email: string, handle?: string | null) => Promise<DemoLoginResult | void> | DemoLoginResult | void;
-type LoginPopupProps = {
-    onClose: () => void;
-    onOpenEarlyAccess?: () => void;
-    /**
-     * Optional flag that indicates an authenticated session exists. When true (and autoCloseOnAuth is enabled)
-     * the popup will close automatically, mirroring the loaf-demo behaviour that watched Privy + demo auth state.
-     */
-    isAuthenticated?: boolean;
-    /** Optional user payload that, when truthy, also triggers the auto close effect. */
-    currentUser?: unknown;
-    /**
-     * Handler that should kick off an email OTP flow (e.g. Privy's sendCode). When omitted, the component will
-     * display an inline error explaining that email auth is unavailable.
-     */
-    onSendEmailCode?: (params: EmailCodeParams) => Promise<void> | void;
-    /** Handler invoked when the user submits the 6-digit OTP code. */
-    onVerifyEmailCode?: (params: VerifyCodeParams) => Promise<void> | void;
-    /** Optional handler used for demo / local login flows before falling back to email OTP. */
-    onDemoLogin?: DemoLoginHandler;
-    /** Override for the logo shown in the popup header. */
-    logoSrc?: string;
-    logoAlt?: string;
-    /** Disable auto-closing behaviour tied to isAuthenticated/currentUser flags. */
-    autoCloseOnAuth?: boolean;
-};
-declare const LoginPopup: React__default.FC<LoginPopupProps>;
-
 type PropertyAddressOption = {
     id: string;
     label: string;
@@ -556,4 +578,183 @@ declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttr
     price?: PropertyPriceSummary;
 } & React.RefAttributes<HTMLDivElement>>;
 
-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, Header, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyCompareBar, type PropertyCompareBarProps, PropertyHeroHeader, type PropertyHeroHeaderProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type PropertyValueSummary, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };
+type PropertyOverviewProps = {
+    propertyName: string;
+    location: string;
+    midPrice: number;
+    onTradeClick?: () => void;
+};
+declare function PropertyOverview({ propertyName: _propertyName, location: _location, midPrice: _midPrice, onTradeClick: _onTradeClick }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+
+type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
+type PropertyOffer = {
+    id: number;
+    price: string;
+    buyer: string;
+    date: string;
+    expiry: string;
+    status: OfferStatus;
+    conditions: string;
+};
+type PropertyOffersProps = {
+    offers: PropertyOffer[];
+};
+declare function PropertyOffers({ offers }: PropertyOffersProps): react_jsx_runtime.JSX.Element;
+
+declare function PropertyHistory(): react_jsx_runtime.JSX.Element;
+
+declare function PropertyDocuments(): react_jsx_runtime.JSX.Element;
+
+type InspectionSlot = {
+    slotId: string;
+    label: string;
+    date: string;
+    startTime: string;
+    endTime: string;
+    totalCapacity: number;
+    spotsRemaining: number;
+};
+type PropertyInspectionTimesProps = {
+    isAuthenticated: boolean;
+    slots: InspectionSlot[];
+    loading?: boolean;
+    error?: string | null;
+    bookingSlotId?: string | null;
+    bookingStatus?: string | null;
+    bookingError?: string | null;
+    onBook: (slot: InspectionSlot) => void;
+    onRetry?: () => void;
+    onSignIn?: () => void;
+};
+declare function PropertyInspectionTimes({ isAuthenticated, slots, loading, error, bookingSlotId, bookingStatus, bookingError, onBook, onRetry, onSignIn, }: PropertyInspectionTimesProps): react_jsx_runtime.JSX.Element;
+
+type SaleData = {
+    state: {
+        status: number;
+        totalSold: bigint;
+        totalRaised: bigint;
+        totalFees: bigint;
+        propertyToken: `0x${string}`;
+        fundsWithdrawn: boolean;
+    } | null;
+    config: {
+        supplyToSell: bigint;
+        tokenPrice: bigint;
+        maxPerWallet: bigint;
+        feeBps: bigint;
+        paymentToken: `0x${string}`;
+        feeRecipient: `0x${string}`;
+        fundsRecipient: `0x${string}`;
+    } | null;
+    loading: boolean;
+    error: string | null;
+    totalSold: number;
+    supplyToSell: number;
+    percentSold: number;
+    statusLabel: string;
+    tokenPrice: number;
+    feePercent: number;
+    offeringValuation: number;
+};
+
+type PropertyBuyProps = {
+    propertyName?: string;
+    propertyLocation?: string;
+    isAuthenticated: boolean;
+    onSignIn: () => void;
+    saleData?: SaleData | null;
+    walletUsdcBalance?: number | null;
+    onPurchase?: (tokenAmount: number) => Promise<void>;
+    purchaseStatus?: 'idle' | 'checking-allowance' | 'approving' | 'purchasing' | 'success' | 'error';
+    purchaseError?: string | null;
+};
+declare function PropertyBuy({ propertyName, propertyLocation: propertyLocationLabel, isAuthenticated, onSignIn, saleData, walletUsdcBalance, onPurchase, purchaseStatus, purchaseError, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
+
+type OwnerBookingProps = {
+    propertyName?: string | null;
+    token: {
+        price?: number | null;
+    };
+};
+declare const OwnerBooking: ({ propertyName, token }: OwnerBookingProps) => react_jsx_runtime.JSX.Element;
+
+type PaymentPopupProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: (method: string) => void;
+    selectedDates: Date[];
+    totalCost: number;
+    isOwnerRate: boolean;
+    tokenPrice: number;
+    ownerRate: number;
+    marketRate: number;
+    userTokenHoldings: number;
+    propertyName: string;
+};
+declare function PaymentPopup({ isOpen, onClose, onConfirm, selectedDates, totalCost, isOwnerRate, tokenPrice, ownerRate, marketRate, userTokenHoldings, propertyName, }: PaymentPopupProps): react_jsx_runtime.JSX.Element | null;
+
+type ValuationRecentSale = {
+    readonly imageUrl?: string;
+    readonly price?: number | null;
+    readonly currency?: string | null;
+    readonly saleDate?: string | null;
+    readonly address?: string | null;
+    readonly suburb?: string | null;
+    readonly bedrooms?: number | null;
+    readonly bathrooms?: number | null;
+    readonly landSize?: string | null;
+};
+type ValuationSummary = {
+    readonly propertyId?: number;
+    readonly lastPrice?: number | null;
+    readonly fairValue?: number | null;
+    readonly totalTokens?: number | null;
+    readonly confidence?: string | null;
+    readonly undervaluedThreshold?: number | null;
+    readonly overvaluedThreshold?: number | null;
+    readonly valuationDeltaPercent?: number | null;
+    readonly valuationStatus?: string | null;
+    readonly areaDemand?: string | null;
+    readonly propertyMoat?: string | null;
+    readonly recentSales?: ValuationRecentSale[];
+};
+type ValuationHistoryPoint = {
+    readonly timestamp: number;
+    readonly valuation: number;
+    readonly fairValue?: number | null;
+};
+type PropertyValuationProps = {
+    propertyName: string;
+    tokenPrice: number;
+    totalTokens?: number | null;
+    summary?: ValuationSummary | null;
+    history?: ValuationHistoryPoint[];
+    loading?: boolean;
+    error?: string | null;
+};
+declare function PropertyValuation({ propertyName, tokenPrice, totalTokens, summary, history, loading, error, }: PropertyValuationProps): react_jsx_runtime.JSX.Element;
+
+type PropertyGalleryHotspot = {
+    id: number;
+    x: number;
+    y: number;
+    title: string;
+    description: string;
+};
+type PropertyGalleryImage = {
+    src: string;
+    alt: string;
+    label: string;
+    hotspots?: PropertyGalleryHotspot[];
+};
+type PropertyPhotoGalleryProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    startIndex?: number;
+    images?: PropertyGalleryImage[];
+    title?: string;
+    subtitle?: string;
+};
+declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, title, subtitle, images, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
+
+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, 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, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type ValuationHistoryPoint, type ValuationRecentSale, type ValuationSummary, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };