@loafmarkets/ui 0.1.344 → 0.1.345

package/dist/index.d.mts

@@ -466,6 +466,12 @@ type PropertyHeroHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
     };
     /** When true, render skeletons in place of price and amenity values. */
     isLoading?: boolean;
+    /** Optional label rendered above the info card inside the hero. */
+    heroLabel?: React$1.ReactNode;
+    /** Optional panel rendered to the right of the info card inside the hero. */
+    heroSidePanel?: React$1.ReactNode;
+    /** Add a gold glow to the info card. */
+    glowInfoCard?: boolean;
 };
 declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
     imageUrl: string;
@@ -497,6 +503,12 @@ declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTML
     };
     /** When true, render skeletons in place of price and amenity values. */
     isLoading?: boolean;
+    /** Optional label rendered above the info card inside the hero. */
+    heroLabel?: React$1.ReactNode;
+    /** Optional panel rendered to the right of the info card inside the hero. */
+    heroSidePanel?: React$1.ReactNode;
+    /** Add a gold glow to the info card. */
+    glowInfoCard?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 type EmailCodeParams = {
@@ -583,6 +595,7 @@ type HeaderUser = {
 type HeaderPortfolioData = {
     holdings: number;
     cash: number;
+    frozen?: number;
     portfolioValue: number;
     pnl: number;
     pnlPercent: number;
@@ -629,6 +642,7 @@ type HeaderProps = {
     onSettingsClick?: () => void;
     showTradeTab?: boolean;
     portfolioSummary?: HeaderPortfolioData | null;
+    transparentOnTop?: boolean;
 };
 declare const Header: React__default.FC<HeaderProps>;
 
@@ -721,6 +735,7 @@ type PropertyOverviewProps = {
     location: string;
     midPrice: number;
     onTradeClick?: () => void;
+    onDocumentsClick?: () => void;
     onPhotosClick?: (startIndex: number) => void;
     description?: string;
     tradeButtonLabel?: string;
@@ -758,7 +773,7 @@ type PropertyOverviewProps = {
         close: number;
     }[] | null;
 };
-declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, percentageTokenized, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {
@@ -787,8 +802,10 @@ interface DocumentsResponse {
 }
 type PropertyDocumentsProps = {
     documentsData?: DocumentsResponse | null;
+    highlightDocument?: string | null;
+    onClearHighlight?: () => void;
 };
-declare function PropertyDocuments({ documentsData }: PropertyDocumentsProps): react_jsx_runtime.JSX.Element;
+declare function PropertyDocuments({ documentsData, highlightDocument, onClearHighlight }: PropertyDocumentsProps): react_jsx_runtime.JSX.Element;
 
 type InspectionSlot = {
     slotId: string;
@@ -912,9 +929,11 @@ type SelectorItem = {
     readonly tokenName: string;
     readonly ticker: string;
     readonly streetAddress: string;
+    readonly name?: string;
     readonly suburb: string;
     readonly status: string;
     readonly imageUrl?: string;
+    readonly badge?: string;
 };
 type AssetSelectorMetric = {
     label: string;
@@ -934,8 +953,9 @@ type AssetSelectorBarProps = {
     onSelect?: (tokenName: string) => void;
     trailing?: ReactNode;
     imageUrl?: string;
+    badgeLabel?: string;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, badgeLabel, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
 type ToastData = {
@@ -1046,6 +1066,7 @@ type OfferingProgressCardProps = {
     totalSold: number;
     supplyToSell: number;
     opensAt?: number | null;
+    tradingStartsAt?: number | null;
     subscriberCount?: number;
     raisedAmount?: number;
     targetAmount?: number;
@@ -1055,7 +1076,7 @@ type OfferingProgressCardProps = {
     style?: React__default.CSSProperties;
     className?: string;
 };
-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;
+declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, tradingStartsAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, variant, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;

package/dist/index.d.ts

@@ -466,6 +466,12 @@ type PropertyHeroHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
     };
     /** When true, render skeletons in place of price and amenity values. */
     isLoading?: boolean;
+    /** Optional label rendered above the info card inside the hero. */
+    heroLabel?: React$1.ReactNode;
+    /** Optional panel rendered to the right of the info card inside the hero. */
+    heroSidePanel?: React$1.ReactNode;
+    /** Add a gold glow to the info card. */
+    glowInfoCard?: boolean;
 };
 declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
     imageUrl: string;
@@ -497,6 +503,12 @@ declare const PropertyHeroHeader: React$1.ForwardRefExoticComponent<React$1.HTML
     };
     /** When true, render skeletons in place of price and amenity values. */
     isLoading?: boolean;
+    /** Optional label rendered above the info card inside the hero. */
+    heroLabel?: React$1.ReactNode;
+    /** Optional panel rendered to the right of the info card inside the hero. */
+    heroSidePanel?: React$1.ReactNode;
+    /** Add a gold glow to the info card. */
+    glowInfoCard?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 type EmailCodeParams = {
@@ -583,6 +595,7 @@ type HeaderUser = {
 type HeaderPortfolioData = {
     holdings: number;
     cash: number;
+    frozen?: number;
     portfolioValue: number;
     pnl: number;
     pnlPercent: number;
@@ -629,6 +642,7 @@ type HeaderProps = {
     onSettingsClick?: () => void;
     showTradeTab?: boolean;
     portfolioSummary?: HeaderPortfolioData | null;
+    transparentOnTop?: boolean;
 };
 declare const Header: React__default.FC<HeaderProps>;
 
@@ -721,6 +735,7 @@ type PropertyOverviewProps = {
     location: string;
     midPrice: number;
     onTradeClick?: () => void;
+    onDocumentsClick?: () => void;
     onPhotosClick?: (startIndex: number) => void;
     description?: string;
     tradeButtonLabel?: string;
@@ -758,7 +773,7 @@ type PropertyOverviewProps = {
         close: number;
     }[] | null;
 };
-declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, percentageTokenized, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
+declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
 
 type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
 type PropertyOffer = {
@@ -787,8 +802,10 @@ interface DocumentsResponse {
 }
 type PropertyDocumentsProps = {
     documentsData?: DocumentsResponse | null;
+    highlightDocument?: string | null;
+    onClearHighlight?: () => void;
 };
-declare function PropertyDocuments({ documentsData }: PropertyDocumentsProps): react_jsx_runtime.JSX.Element;
+declare function PropertyDocuments({ documentsData, highlightDocument, onClearHighlight }: PropertyDocumentsProps): react_jsx_runtime.JSX.Element;
 
 type InspectionSlot = {
     slotId: string;
@@ -912,9 +929,11 @@ type SelectorItem = {
     readonly tokenName: string;
     readonly ticker: string;
     readonly streetAddress: string;
+    readonly name?: string;
     readonly suburb: string;
     readonly status: string;
     readonly imageUrl?: string;
+    readonly badge?: string;
 };
 type AssetSelectorMetric = {
     label: string;
@@ -934,8 +953,9 @@ type AssetSelectorBarProps = {
     onSelect?: (tokenName: string) => void;
     trailing?: ReactNode;
     imageUrl?: string;
+    badgeLabel?: string;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, imageUrl, badgeLabel, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
 type ToastData = {
@@ -1046,6 +1066,7 @@ type OfferingProgressCardProps = {
     totalSold: number;
     supplyToSell: number;
     opensAt?: number | null;
+    tradingStartsAt?: number | null;
     subscriberCount?: number;
     raisedAmount?: number;
     targetAmount?: number;
@@ -1055,7 +1076,7 @@ type OfferingProgressCardProps = {
     style?: React__default.CSSProperties;
     className?: string;
 };
-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;
+declare function OfferingProgressCard({ ipoStarted, statusLabel, statusColor, ipoStatus, tokenPrice, offeringValuation, percentSold, totalSold, supplyToSell, opensAt, tradingStartsAt, subscriberCount, raisedAmount, targetAmount, isPrivateClient, variant, style, className, }: OfferingProgressCardProps): react_jsx_runtime.JSX.Element;
 
 type OwnerBookingProps = {
     propertyName?: string | null;