@loafmarkets/ui 0.1.0 → 0.1.2

package/dist/index.d.mts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Time } from 'lightweight-charts';
+import * as LightweightCharts from 'lightweight-charts';
 
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
@@ -82,6 +82,7 @@ interface OrderbookProps extends React.HTMLAttributes<HTMLDivElement> {
     defaultTab?: "orderbook" | "trades";
     onTabChange?: (tab: "orderbook" | "trades") => void;
     rightHeader?: React.ReactNode;
+    variant?: "auto" | "default" | "compact";
 }
 declare const Orderbook: React.ForwardRefExoticComponent<OrderbookProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -122,6 +123,36 @@ interface HousePositionSliderProps extends React.HTMLAttributes<HTMLDivElement>
 }
 declare function HousePositionSlider({ tokenId, tokenSymbol, totalTokens, currentPrice, availableCash, tokensHeld, pendingOrders, defaultOrderType, orderbook, ownershipPercentOverride, onConfirmOrder, className, ...props }: HousePositionSliderProps): react_jsx_runtime.JSX.Element;
 
+type HousePositionSliderMobileOrderPayload = {
+    side: "buy" | "sell";
+    orderType: "market" | "limit";
+    tokenId: string;
+    tokenSymbol: string;
+    price: number;
+    deltaTokens: number;
+    deltaValue: number;
+    targetOwnership: number;
+    targetTokens: number;
+    targetValue: number;
+};
+type HousePositionSliderMobileOrderbook = {
+    bids?: OrderbookLevel[];
+    asks?: OrderbookLevel[];
+};
+interface HousePositionSliderMobileProps extends React.HTMLAttributes<HTMLDivElement> {
+    tokenId: string;
+    tokenSymbol: string;
+    totalTokens: number;
+    currentPrice: number;
+    availableCash: number;
+    tokensHeld: number;
+    defaultOrderType?: "market" | "limit";
+    orderbook?: HousePositionSliderMobileOrderbook;
+    ownershipPercentOverride?: number;
+    onConfirmOrder?: (payload: HousePositionSliderMobileOrderPayload) => void;
+}
+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"> & {
     title: string;
     src: string;
@@ -172,12 +203,21 @@ type PropertyValueSummary = {
     currencySymbol?: string;
     formatOptions?: Intl.NumberFormatOptions;
 };
+type PropertyPriceSummary = {
+    value: number;
+    change?: number;
+    changePercent?: number;
+    currencySymbol?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+    percentFormatOptions?: Intl.NumberFormatOptions;
+};
 type PropertyCompareBarProps = React.HTMLAttributes<HTMLDivElement> & {
     addresses: (PropertyAddressOption | string)[];
     selectedAddressId?: string;
     onSelectAddress?: (addressId: string) => void;
     propertyValue?: PropertyValueSummary;
     propertyValueVariant?: "classic" | "card" | "pill";
+    price?: PropertyPriceSummary;
 };
 declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     addresses: (PropertyAddressOption | string)[];
@@ -185,6 +225,7 @@ declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttr
     onSelectAddress?: (addressId: string) => void;
     propertyValue?: PropertyValueSummary;
     propertyValueVariant?: "classic" | "card" | "pill";
+    price?: PropertyPriceSummary;
 } & React.RefAttributes<HTMLDivElement>>;
 
 interface LoafLiquidityBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -214,20 +255,34 @@ type YourOrder = {
     priceChangePercent?: number;
     priceChangePositive?: boolean;
 };
-type YourOrdersProps = React.HTMLAttributes<HTMLDivElement> & {
+type YourOrdersTab = {
+    id: string;
+    label: string;
     title?: string;
     orders: YourOrder[];
+    emptyState?: string;
+    enableCancel?: boolean;
+};
+type YourOrdersProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: string;
+    orders?: YourOrder[];
+    tabs?: YourOrdersTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
     renderOrderActions?: (order: YourOrder) => React.ReactNode;
 };
 declare const YourOrders: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     title?: string;
-    orders: YourOrder[];
+    orders?: YourOrder[];
+    tabs?: YourOrdersTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
     renderOrderActions?: (order: YourOrder) => React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type PriceChartRange = "1D" | "1W" | "1M" | "3M" | "1Y";
 type PriceChartCandle = {
-    time: Time;
+    time: LightweightCharts.Time;
     open: number;
     high: number;
     low: number;
@@ -312,4 +367,20 @@ declare const PropertySubheader: React.ForwardRefExoticComponent<React.HTMLAttri
     actions?: PropertySubheaderAction[];
 } & 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, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, 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, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };
+type MobileTradeNavItem = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+};
+type MobileTradeNavProps = React.HTMLAttributes<HTMLDivElement> & {
+    items: MobileTradeNavItem[];
+    activeId: string;
+    onChange?: (itemId: string) => void;
+};
+declare const MobileTradeNav: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    items: MobileTradeNavItem[];
+    activeId: string;
+    onChange?: (itemId: string) => void;
+} & 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, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, 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, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Time } from 'lightweight-charts';
+import * as LightweightCharts from 'lightweight-charts';
 
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
@@ -82,6 +82,7 @@ interface OrderbookProps extends React.HTMLAttributes<HTMLDivElement> {
     defaultTab?: "orderbook" | "trades";
     onTabChange?: (tab: "orderbook" | "trades") => void;
     rightHeader?: React.ReactNode;
+    variant?: "auto" | "default" | "compact";
 }
 declare const Orderbook: React.ForwardRefExoticComponent<OrderbookProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -122,6 +123,36 @@ interface HousePositionSliderProps extends React.HTMLAttributes<HTMLDivElement>
 }
 declare function HousePositionSlider({ tokenId, tokenSymbol, totalTokens, currentPrice, availableCash, tokensHeld, pendingOrders, defaultOrderType, orderbook, ownershipPercentOverride, onConfirmOrder, className, ...props }: HousePositionSliderProps): react_jsx_runtime.JSX.Element;
 
+type HousePositionSliderMobileOrderPayload = {
+    side: "buy" | "sell";
+    orderType: "market" | "limit";
+    tokenId: string;
+    tokenSymbol: string;
+    price: number;
+    deltaTokens: number;
+    deltaValue: number;
+    targetOwnership: number;
+    targetTokens: number;
+    targetValue: number;
+};
+type HousePositionSliderMobileOrderbook = {
+    bids?: OrderbookLevel[];
+    asks?: OrderbookLevel[];
+};
+interface HousePositionSliderMobileProps extends React.HTMLAttributes<HTMLDivElement> {
+    tokenId: string;
+    tokenSymbol: string;
+    totalTokens: number;
+    currentPrice: number;
+    availableCash: number;
+    tokensHeld: number;
+    defaultOrderType?: "market" | "limit";
+    orderbook?: HousePositionSliderMobileOrderbook;
+    ownershipPercentOverride?: number;
+    onConfirmOrder?: (payload: HousePositionSliderMobileOrderPayload) => void;
+}
+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"> & {
     title: string;
     src: string;
@@ -172,12 +203,21 @@ type PropertyValueSummary = {
     currencySymbol?: string;
     formatOptions?: Intl.NumberFormatOptions;
 };
+type PropertyPriceSummary = {
+    value: number;
+    change?: number;
+    changePercent?: number;
+    currencySymbol?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+    percentFormatOptions?: Intl.NumberFormatOptions;
+};
 type PropertyCompareBarProps = React.HTMLAttributes<HTMLDivElement> & {
     addresses: (PropertyAddressOption | string)[];
     selectedAddressId?: string;
     onSelectAddress?: (addressId: string) => void;
     propertyValue?: PropertyValueSummary;
     propertyValueVariant?: "classic" | "card" | "pill";
+    price?: PropertyPriceSummary;
 };
 declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     addresses: (PropertyAddressOption | string)[];
@@ -185,6 +225,7 @@ declare const PropertyCompareBar: React.ForwardRefExoticComponent<React.HTMLAttr
     onSelectAddress?: (addressId: string) => void;
     propertyValue?: PropertyValueSummary;
     propertyValueVariant?: "classic" | "card" | "pill";
+    price?: PropertyPriceSummary;
 } & React.RefAttributes<HTMLDivElement>>;
 
 interface LoafLiquidityBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -214,20 +255,34 @@ type YourOrder = {
     priceChangePercent?: number;
     priceChangePositive?: boolean;
 };
-type YourOrdersProps = React.HTMLAttributes<HTMLDivElement> & {
+type YourOrdersTab = {
+    id: string;
+    label: string;
     title?: string;
     orders: YourOrder[];
+    emptyState?: string;
+    enableCancel?: boolean;
+};
+type YourOrdersProps = React.HTMLAttributes<HTMLDivElement> & {
+    title?: string;
+    orders?: YourOrder[];
+    tabs?: YourOrdersTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
     renderOrderActions?: (order: YourOrder) => React.ReactNode;
 };
 declare const YourOrders: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     title?: string;
-    orders: YourOrder[];
+    orders?: YourOrder[];
+    tabs?: YourOrdersTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
     renderOrderActions?: (order: YourOrder) => React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type PriceChartRange = "1D" | "1W" | "1M" | "3M" | "1Y";
 type PriceChartCandle = {
-    time: Time;
+    time: LightweightCharts.Time;
     open: number;
     high: number;
     low: number;
@@ -312,4 +367,20 @@ declare const PropertySubheader: React.ForwardRefExoticComponent<React.HTMLAttri
     actions?: PropertySubheaderAction[];
 } & 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, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, 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, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };
+type MobileTradeNavItem = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+};
+type MobileTradeNavProps = React.HTMLAttributes<HTMLDivElement> & {
+    items: MobileTradeNavItem[];
+    activeId: string;
+    onChange?: (itemId: string) => void;
+};
+declare const MobileTradeNav: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    items: MobileTradeNavItem[];
+    activeId: string;
+    onChange?: (itemId: string) => void;
+} & 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, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, LoafLiquidityBadge, 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, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants };