@loafmarkets/ui 0.0.1

package/dist/index.d.mts

@@ -0,0 +1,271 @@
+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';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    radius?: "md" | "pill" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.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> {
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+
+interface PortfolioSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
+    availableCash: number;
+    portfolioValue: number;
+    totalReturnPercent: number;
+    unrealizedPnl: number;
+    onResetAccount?: () => void;
+    positionsHeading?: string;
+    emptyPositionsText?: string;
+    formatCurrency?: (value: number) => string;
+    formatPercent?: (value: number) => string;
+    formatSignedCurrency?: (value: number) => string;
+    children?: React.ReactNode;
+}
+declare const PortfolioSummary: React.ForwardRefExoticComponent<PortfolioSummaryProps & React.RefAttributes<HTMLDivElement>>;
+
+type HousePositionPendingOrder = {
+    type: "buy" | "sell";
+    tokens: number;
+    value: number;
+    price: number;
+};
+type HousePositionSliderOrderPayload = {
+    side: "buy" | "sell";
+    orderType: "market" | "limit";
+    tokenId: string;
+    tokenSymbol: string;
+    price: number;
+    deltaTokens: number;
+    deltaValue: number;
+    targetOwnership: number;
+    targetTokens: number;
+    targetValue: number;
+};
+interface HousePositionSliderProps extends React.HTMLAttributes<HTMLDivElement> {
+    tokenId: string;
+    tokenSymbol: string;
+    totalTokens: number;
+    currentPrice: number;
+    availableCash: number;
+    tokensHeld: number;
+    pendingOrders?: HousePositionPendingOrder[];
+    defaultOrderType?: "market" | "limit";
+    onConfirmOrder?: (payload: HousePositionSliderOrderPayload) => void;
+}
+declare function HousePositionSlider({ tokenId, tokenSymbol, totalTokens, currentPrice, availableCash, tokensHeld, pendingOrders, defaultOrderType, onConfirmOrder, className, ...props }: HousePositionSliderProps): react_jsx_runtime.JSX.Element;
+
+type OrderbookSide = "ask" | "bid";
+type OrderbookLevel = {
+    price: number;
+    amount: number;
+    depth?: number;
+};
+type OrderbookTrade = {
+    type: "buy" | "sell";
+    price: number;
+    amount: number;
+    time?: string;
+};
+interface OrderbookProps extends React.HTMLAttributes<HTMLDivElement> {
+    asks: OrderbookLevel[];
+    bids: OrderbookLevel[];
+    midPrice: number;
+    midChangePercent?: number;
+    trades?: OrderbookTrade[];
+    priceLabel?: string;
+    amountLabel?: string;
+    precision?: number;
+    amountPrecision?: number;
+    defaultTab?: "orderbook" | "trades";
+    onTabChange?: (tab: "orderbook" | "trades") => void;
+    rightHeader?: React.ReactNode;
+}
+declare const Orderbook: React.ForwardRefExoticComponent<OrderbookProps & React.RefAttributes<HTMLDivElement>>;
+
+type PropertyTourProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
+    title: string;
+    src: string;
+    poster?: string;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    playsInline?: boolean;
+};
+declare const PropertyTour: React.ForwardRefExoticComponent<Omit<Omit<CardProps & React.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
+    title: string;
+    src: string;
+    poster?: string;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    playsInline?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PropertyNewsType = "property" | "market" | "portfolio" | (string & {});
+type PropertyNewsItem = {
+    id?: string;
+    title: string;
+    date: string | Date;
+    type?: PropertyNewsType;
+    description?: string;
+    actionLabel?: string;
+    href?: string;
+    onAction?: (item: PropertyNewsItem) => void;
+};
+interface PropertyNewsUpdatesProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: PropertyNewsItem[];
+    heading?: string;
+    subheading?: string;
+    emptyState?: React.ReactNode;
+}
+declare const PropertyNewsUpdates: React.ForwardRefExoticComponent<PropertyNewsUpdatesProps & React.RefAttributes<HTMLDivElement>>;
+
+type YourOrderSide = "buy" | "sell";
+type YourOrder = {
+    id: string;
+    asset: string;
+    side: YourOrderSide;
+    date: string;
+    price: number;
+    amount: number;
+    total: number;
+    filledPercent: number;
+};
+type YourOrdersProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
+    title?: string;
+    orders: YourOrder[];
+    onEditPrice?: (order: YourOrder) => void;
+    onEditAmount?: (order: YourOrder) => void;
+    onCancel?: (order: YourOrder) => void;
+};
+declare const YourOrders: React.ForwardRefExoticComponent<Omit<Omit<CardProps & React.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
+    title?: string;
+    orders: YourOrder[];
+    onEditPrice?: (order: YourOrder) => void;
+    onEditAmount?: (order: YourOrder) => void;
+    onCancel?: (order: YourOrder) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PriceChartRange = "1D" | "1W" | "1M" | "3M" | "1Y";
+type PriceChartCandle = {
+    time: Time;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+};
+type PriceChartProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
+    title?: string;
+    ranges?: PriceChartRange[];
+    selectedRange?: PriceChartRange;
+    onRangeChange?: (range: PriceChartRange) => void;
+    data: PriceChartCandle[];
+    price?: number;
+    changePercent?: number;
+    currencySymbol?: string;
+    height?: number;
+};
+declare const PriceChart: React.ForwardRefExoticComponent<Omit<Omit<CardProps & React.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
+    title?: string;
+    ranges?: PriceChartRange[];
+    selectedRange?: PriceChartRange;
+    onRangeChange?: (range: PriceChartRange) => void;
+    data: PriceChartCandle[];
+    price?: number;
+    changePercent?: number;
+    currencySymbol?: string;
+    height?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PropertyHeroHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    imageUrl: string;
+    imageAlt?: string;
+    name: string;
+    location: string;
+    price?: number;
+    currencySymbol?: string;
+    changePercent?: number;
+    beds?: number;
+    baths?: number;
+    cars?: number;
+    propertyTypeLabel?: string;
+    onTrade?: () => void;
+    onMakeOffer?: () => void;
+};
+declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    imageUrl: string;
+    imageAlt?: string;
+    name: string;
+    location: string;
+    price?: number;
+    currencySymbol?: string;
+    changePercent?: number;
+    beds?: number;
+    baths?: number;
+    cars?: number;
+    propertyTypeLabel?: string;
+    onTrade?: () => void;
+    onMakeOffer?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PropertySubheaderTab = {
+    id: string;
+    label: string;
+    hasNotification?: boolean;
+    notificationColor?: string;
+};
+type PropertySubheaderAction = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+};
+type PropertySubheaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    tabs: PropertySubheaderTab[];
+    activeTabId: string;
+    onTabChange?: (tabId: string) => void;
+    actions?: PropertySubheaderAction[];
+};
+declare const PropertySubheader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    tabs: PropertySubheaderTab[];
+    activeTabId: string;
+    onTabChange?: (tabId: string) => void;
+    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 HousePositionPendingOrder, HousePositionSlider, type HousePositionSliderOrderPayload, type HousePositionSliderProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, 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

@@ -0,0 +1,271 @@
+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';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "accent" | "accentOutline" | "media" | "outline" | "ghost" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    radius?: "md" | "pill" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.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> {
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+
+interface PortfolioSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
+    availableCash: number;
+    portfolioValue: number;
+    totalReturnPercent: number;
+    unrealizedPnl: number;
+    onResetAccount?: () => void;
+    positionsHeading?: string;
+    emptyPositionsText?: string;
+    formatCurrency?: (value: number) => string;
+    formatPercent?: (value: number) => string;
+    formatSignedCurrency?: (value: number) => string;
+    children?: React.ReactNode;
+}
+declare const PortfolioSummary: React.ForwardRefExoticComponent<PortfolioSummaryProps & React.RefAttributes<HTMLDivElement>>;
+
+type HousePositionPendingOrder = {
+    type: "buy" | "sell";
+    tokens: number;
+    value: number;
+    price: number;
+};
+type HousePositionSliderOrderPayload = {
+    side: "buy" | "sell";
+    orderType: "market" | "limit";
+    tokenId: string;
+    tokenSymbol: string;
+    price: number;
+    deltaTokens: number;
+    deltaValue: number;
+    targetOwnership: number;
+    targetTokens: number;
+    targetValue: number;
+};
+interface HousePositionSliderProps extends React.HTMLAttributes<HTMLDivElement> {
+    tokenId: string;
+    tokenSymbol: string;
+    totalTokens: number;
+    currentPrice: number;
+    availableCash: number;
+    tokensHeld: number;
+    pendingOrders?: HousePositionPendingOrder[];
+    defaultOrderType?: "market" | "limit";
+    onConfirmOrder?: (payload: HousePositionSliderOrderPayload) => void;
+}
+declare function HousePositionSlider({ tokenId, tokenSymbol, totalTokens, currentPrice, availableCash, tokensHeld, pendingOrders, defaultOrderType, onConfirmOrder, className, ...props }: HousePositionSliderProps): react_jsx_runtime.JSX.Element;
+
+type OrderbookSide = "ask" | "bid";
+type OrderbookLevel = {
+    price: number;
+    amount: number;
+    depth?: number;
+};
+type OrderbookTrade = {
+    type: "buy" | "sell";
+    price: number;
+    amount: number;
+    time?: string;
+};
+interface OrderbookProps extends React.HTMLAttributes<HTMLDivElement> {
+    asks: OrderbookLevel[];
+    bids: OrderbookLevel[];
+    midPrice: number;
+    midChangePercent?: number;
+    trades?: OrderbookTrade[];
+    priceLabel?: string;
+    amountLabel?: string;
+    precision?: number;
+    amountPrecision?: number;
+    defaultTab?: "orderbook" | "trades";
+    onTabChange?: (tab: "orderbook" | "trades") => void;
+    rightHeader?: React.ReactNode;
+}
+declare const Orderbook: React.ForwardRefExoticComponent<OrderbookProps & React.RefAttributes<HTMLDivElement>>;
+
+type PropertyTourProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
+    title: string;
+    src: string;
+    poster?: string;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    playsInline?: boolean;
+};
+declare const PropertyTour: React.ForwardRefExoticComponent<Omit<Omit<CardProps & React.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
+    title: string;
+    src: string;
+    poster?: string;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    playsInline?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PropertyNewsType = "property" | "market" | "portfolio" | (string & {});
+type PropertyNewsItem = {
+    id?: string;
+    title: string;
+    date: string | Date;
+    type?: PropertyNewsType;
+    description?: string;
+    actionLabel?: string;
+    href?: string;
+    onAction?: (item: PropertyNewsItem) => void;
+};
+interface PropertyNewsUpdatesProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: PropertyNewsItem[];
+    heading?: string;
+    subheading?: string;
+    emptyState?: React.ReactNode;
+}
+declare const PropertyNewsUpdates: React.ForwardRefExoticComponent<PropertyNewsUpdatesProps & React.RefAttributes<HTMLDivElement>>;
+
+type YourOrderSide = "buy" | "sell";
+type YourOrder = {
+    id: string;
+    asset: string;
+    side: YourOrderSide;
+    date: string;
+    price: number;
+    amount: number;
+    total: number;
+    filledPercent: number;
+};
+type YourOrdersProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
+    title?: string;
+    orders: YourOrder[];
+    onEditPrice?: (order: YourOrder) => void;
+    onEditAmount?: (order: YourOrder) => void;
+    onCancel?: (order: YourOrder) => void;
+};
+declare const YourOrders: React.ForwardRefExoticComponent<Omit<Omit<CardProps & React.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
+    title?: string;
+    orders: YourOrder[];
+    onEditPrice?: (order: YourOrder) => void;
+    onEditAmount?: (order: YourOrder) => void;
+    onCancel?: (order: YourOrder) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PriceChartRange = "1D" | "1W" | "1M" | "3M" | "1Y";
+type PriceChartCandle = {
+    time: Time;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+};
+type PriceChartProps = Omit<React.ComponentPropsWithoutRef<typeof Card>, "title"> & {
+    title?: string;
+    ranges?: PriceChartRange[];
+    selectedRange?: PriceChartRange;
+    onRangeChange?: (range: PriceChartRange) => void;
+    data: PriceChartCandle[];
+    price?: number;
+    changePercent?: number;
+    currencySymbol?: string;
+    height?: number;
+};
+declare const PriceChart: React.ForwardRefExoticComponent<Omit<Omit<CardProps & React.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
+    title?: string;
+    ranges?: PriceChartRange[];
+    selectedRange?: PriceChartRange;
+    onRangeChange?: (range: PriceChartRange) => void;
+    data: PriceChartCandle[];
+    price?: number;
+    changePercent?: number;
+    currencySymbol?: string;
+    height?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PropertyHeroHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    imageUrl: string;
+    imageAlt?: string;
+    name: string;
+    location: string;
+    price?: number;
+    currencySymbol?: string;
+    changePercent?: number;
+    beds?: number;
+    baths?: number;
+    cars?: number;
+    propertyTypeLabel?: string;
+    onTrade?: () => void;
+    onMakeOffer?: () => void;
+};
+declare const PropertyHeroHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    imageUrl: string;
+    imageAlt?: string;
+    name: string;
+    location: string;
+    price?: number;
+    currencySymbol?: string;
+    changePercent?: number;
+    beds?: number;
+    baths?: number;
+    cars?: number;
+    propertyTypeLabel?: string;
+    onTrade?: () => void;
+    onMakeOffer?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type PropertySubheaderTab = {
+    id: string;
+    label: string;
+    hasNotification?: boolean;
+    notificationColor?: string;
+};
+type PropertySubheaderAction = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+};
+type PropertySubheaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    tabs: PropertySubheaderTab[];
+    activeTabId: string;
+    onTabChange?: (tabId: string) => void;
+    actions?: PropertySubheaderAction[];
+};
+declare const PropertySubheader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    tabs: PropertySubheaderTab[];
+    activeTabId: string;
+    onTabChange?: (tabId: string) => void;
+    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 HousePositionPendingOrder, HousePositionSlider, type HousePositionSliderOrderPayload, type HousePositionSliderProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, 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 };