@0xsquid/ui 1.0.0 → 2.0.0

package/dist/cjs/types/components/lists/HistoryItem.d.ts

@@ -1,13 +1,18 @@
+/// <reference types="react" />
+import { HistoryItemStatus } from "../../types/components";
 interface HistoryItemProps {
     firstImageUrl: string;
     secondImageUrl: string;
-    isPending?: boolean;
+    status: HistoryItemStatus;
     fromLabel: string;
     toLabel: string;
-    pendingLabel?: string;
     dateCompleted: string;
     fromAmount: string;
     toAmount: string;
+    itemsContainerRef?: React.RefObject<HTMLElement>;
+    onClick?: () => void;
+    warningLabel?: string;
+    dropdownMenuContent?: React.ReactNode;
 }
-export declare function HistoryItem({ firstImageUrl, secondImageUrl, isPending, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, pendingLabel, }: HistoryItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuContent, itemsContainerRef, status, warningLabel, onClick, }: HistoryItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/lists/ListItem.d.ts

@@ -1,15 +1,33 @@
 /// <reference types="react" />
-interface ListItemProps {
-    title: string | React.ReactNode;
+interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
+    itemTitle: string | React.ReactNode;
     mainImageUrl?: string;
     secondaryImageUrl?: string;
+    placeholderImageUrl?: string;
     subtitle?: string;
+    subtitleOnHover?: React.ReactNode;
     detail?: string;
     icon?: React.ReactNode;
     size?: ListItemSize;
     mainIcon?: React.ReactNode;
+    isSelected?: boolean;
     className?: string;
+    onDetailClick?: () => void;
+    showDetailOnHoverOnly?: boolean;
+    rounded?: boolean;
+    detailButtonClassName?: string;
+    loading?: {
+        subtitle?: boolean | string;
+    };
+    containerProps?: React.HTMLAttributes<HTMLLIElement>;
+    compactOnMobile?: boolean;
+    extraPadding?: boolean;
+    dropdownMenuContent?: React.ReactNode;
+    itemsContainerRef?: React.RefObject<HTMLElement>;
 }
-type ListItemSize = 'small' | 'large';
-export declare function ListItem({ title, mainImageUrl, subtitle, detail, icon, secondaryImageUrl, size, mainIcon, className, }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+type ListItemSize = "small" | "large";
+export declare function ListItem({ itemTitle, mainImageUrl, subtitle, subtitleOnHover, detail, icon, secondaryImageUrl, placeholderImageUrl, size, mainIcon, className, isSelected, onDetailClick, showDetailOnHoverOnly, rounded, detailButtonClassName, loading, containerProps, compactOnMobile, extraPadding, itemsContainerRef, dropdownMenuContent, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const ListItemActionsButton: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    isActive?: boolean | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/cjs/types/components/lists/PropertyListItem.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps } from "react";
+import { PropertyListItemSize } from "../../types/components";
+export interface PropertyListItemProps extends ComponentProps<"li"> {
+    isLoading?: boolean;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    detail?: React.ReactNode;
+    variant?: PropertyListItemSize;
+    showGradientBg?: boolean;
+    labelClassName?: string;
+    iconClassName?: string;
+    detailClassName?: string;
+}
+export declare function PropertyListItem({ isLoading, label, detail, icon, className, variant, showGradientBg, labelClassName, iconClassName, detailClassName, ...props }: PropertyListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/lists/RouteStep.d.ts

@@ -0,0 +1,9 @@
+import { DescriptionBlock } from "../../types/components";
+interface RouteStepProps {
+    imageUrl: string;
+    descriptionBlocks: DescriptionBlock[];
+    subtitle: string;
+    showStepSeparator?: boolean;
+}
+export declare function RouteStep({ imageUrl, descriptionBlocks, subtitle, showStepSeparator, }: RouteStepProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/SectionTitle.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-interface SectionTitleProps {
+interface SectionTitleProps extends React.HTMLAttributes<HTMLDivElement> {
     title: string;
     icon?: React.ReactNode;
     accessory?: string | null;
     actionIcon?: React.ReactNode;
     className?: string;
 }
-export declare function SectionTitle({ title, icon, accessory, actionIcon, className, }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function SectionTitle({ title, icon, accessory, actionIcon, className, ...props }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/lists/SettingsItem.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { TooltipProps } from "../controls";
+export type SettingsControl = {
+    type: "percentage";
+    value: number | undefined;
+    onChange: (value: number | undefined) => void;
+    min?: number;
+    max?: number;
+    decimalsFormat?: number;
+    resetValueControl: {
+        label: string;
+        onSelect: () => void;
+        value: number | undefined;
+    };
+} | {
+    type: "amount";
+    value: number | undefined;
+    onChange: (value: number | undefined) => void;
+    options: {
+        value: number;
+    }[];
+    decimalsFormat?: number;
+    resetValueControl: {
+        label: string;
+        value: number | undefined;
+    };
+} | {
+    type: "switch";
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    tooltip?: Omit<TooltipProps, "children">;
+    disabled?: boolean;
+} | {
+    type: "options";
+    selectedLabel: string;
+    options: {
+        label: string;
+        onSelect: () => void;
+    }[];
+};
+export interface SettingsItemProps {
+    icon: React.ReactNode;
+    label: string;
+    control?: SettingsControl;
+    link?: string;
+    transparent?: boolean;
+    helpTooltip?: Omit<TooltipProps, "children">;
+}
+export declare function SettingsItem({ icon, label, control, link, transparent, helpTooltip, }: SettingsItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/lists/SwapStepItem.d.ts

@@ -0,0 +1,10 @@
+import { ActionStatus, DescriptionBlock } from "../../types/components";
+interface SwapStepItemProps {
+    descriptionBlocks: DescriptionBlock[];
+    showStepSeparator?: boolean;
+    link?: string;
+    status?: ActionStatus;
+}
+export declare const STEP_ITEM_HEIGHT = 52;
+export declare function SwapStepItem({ descriptionBlocks, showStepSeparator, link, status, }: SwapStepItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/ActionLayout.d.ts

@@ -0,0 +1,40 @@
+import { ComponentProps, ReactNode } from "react";
+import { ActionStatus } from "../../../types/components";
+interface ActionLayoutProps {
+    lineCap?: ReactNode;
+    status?: ActionStatus;
+    showTimeline?: boolean;
+    statusIcon?: ReactNode;
+    nextStatus?: ActionStatus;
+    description?: ReactNode;
+    title?: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+    showBody?: boolean;
+}
+export declare function ActionLayout({ lineCap, status, showTimeline, showBody, nextStatus, statusIcon, description, title, icon, children, }: ActionLayoutProps): import("react/jsx-runtime").JSX.Element;
+interface ActionPropertiesProps {
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+export declare function ActionProperties({ timestamp, hash, url, }: ActionPropertiesProps): import("react/jsx-runtime").JSX.Element;
+export declare const ActionLineOutRow: ({ status }: {
+    status?: ActionStatus;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionStatusRow: ({ children, status, icon, }: {
+    children?: ReactNode;
+    status: ActionStatus;
+    icon?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function ActionRow({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function ActionWrapper({ children, status, className, }: {
+    children?: ReactNode;
+    status?: ActionStatus;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+interface TimestampProps {
+    time: number;
+}
+export declare function Timestamp({ time }: TimestampProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/ApproveAction.d.ts

@@ -0,0 +1,21 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface ApproveActionProps extends BaseActionProps {
+    profile: {
+        imageURI: string;
+        label: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: {
+        imageURI: string;
+        address: string;
+        url: string;
+    };
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+export declare function ApproveAction({ status, nextStatus, showTimeline, showBody, profile, chain, wallet, timestamp, hash, url, }: ApproveActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/BaseActionProps.d.ts

@@ -0,0 +1,10 @@
+import { ActionStatus } from "../../../types/components";
+export interface BaseActionProps {
+    status: ActionStatus;
+    /** if set, renders a line upwards to the next item in the status color */
+    nextStatus?: ActionStatus;
+    /** should we render a line down to the previous item? (default true) */
+    showTimeline?: boolean;
+    /** if false, fades out everything but the status line (for collapsed timeline state) */
+    showBody?: boolean;
+}

package/dist/cjs/types/components/lists/TransactionAction/BridgeAction.d.ts

@@ -0,0 +1,20 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface BridgeActionProps extends BaseActionProps {
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    provider: {
+        logoURI: string;
+        name: string;
+    };
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+export declare function BridgeAction({ status, nextStatus, showTimeline, showBody, token, chain, provider, timestamp, hash, url, }: BridgeActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/FeesAction.d.ts

@@ -0,0 +1,29 @@
+import { ActionStatus } from "../../../types/components";
+import { BaseActionProps } from "./BaseActionProps";
+export interface FeesActionProps extends BaseActionProps {
+    total: FeesRowProps;
+    lines?: FeesRowProps[];
+}
+export declare function FeesAction({ status, nextStatus, showTimeline, total, lines, }: FeesActionProps): import("react/jsx-runtime").JSX.Element;
+interface FeesTotalProps {
+    status: ActionStatus;
+    nextStatus?: ActionStatus;
+    total: FeesRowProps;
+    showTimeline?: boolean;
+    collapsed?: boolean;
+}
+export declare function FeesTotal({ status, nextStatus, total, showTimeline, collapsed, }: FeesTotalProps): import("react/jsx-runtime").JSX.Element;
+interface FeesLinesProps {
+    status: ActionStatus;
+    lines?: FeesRowProps[];
+    showTimeline?: boolean;
+}
+export declare function FeesLines({ status, lines, showTimeline, }: FeesLinesProps): import("react/jsx-runtime").JSX.Element;
+interface FeesRowProps {
+    label: string;
+    amount: number | string;
+    symbol: string;
+    usd: number | string;
+    collapsed?: boolean;
+}
+export {};

package/dist/cjs/types/components/lists/TransactionAction/IncompleteAction.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { BaseActionProps } from "./BaseActionProps";
+interface IncompleteActionProps extends BaseActionProps {
+    message: string;
+    buttons: ReactNode;
+}
+export declare function IncompleteAction({ status, nextStatus, message, buttons, }: IncompleteActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/ReceiveNFTAction.d.ts

@@ -0,0 +1,21 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface ReceiveNFTActionProps extends BaseActionProps {
+    nft: {
+        imageURI: string;
+        name: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: {
+        imageURI: string;
+        address: string;
+        url: string;
+    };
+    timestamp: number;
+    hash: string;
+    url: string;
+}
+export declare function ReceiveNFTAction({ status, nextStatus, showTimeline, showBody, nft, chain, wallet, timestamp, hash, url, }: ReceiveNFTActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/ReceiveTokensAction.d.ts

@@ -0,0 +1,22 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface ReceiveTokensActionProps extends BaseActionProps {
+    amount: string;
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: {
+        imageURI: string;
+        address: string;
+        url: string;
+    };
+    timestamp: number;
+    hash: string;
+    url: string;
+}
+export declare function ReceiveTokensAction({ status, nextStatus, showTimeline, showBody, token, amount, chain, wallet, timestamp, hash, url, }: ReceiveTokensActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/SendTokensAction.d.ts

@@ -0,0 +1,22 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface SendTokensActionProps extends BaseActionProps {
+    amount: string;
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: {
+        imageURI: string;
+        address: string;
+        url: string;
+    };
+    timestamp: number;
+    hash: string;
+    url: string;
+}
+export declare function SendTokensAction({ status, nextStatus, showTimeline, showBody, token, amount, chain, wallet, timestamp, hash, url, }: SendTokensActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/StakeAction.d.ts

@@ -0,0 +1,16 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface StakeActionProps extends BaseActionProps {
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    provider: {
+        logoURI: string;
+        name: string;
+    };
+    timestamp: number;
+    hash: string;
+    url: string;
+}
+export declare function StakeAction({ status, nextStatus, showTimeline, showBody, token, provider, timestamp, hash, url, }: StakeActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/StartAction.d.ts

@@ -0,0 +1,8 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface StartActionProps extends BaseActionProps {
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+export declare function StartAction({ status, nextStatus, showTimeline, showBody, timestamp, hash, url, }: StartActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/SuccessAction.d.ts

@@ -0,0 +1,9 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface SuccessActionProps extends BaseActionProps {
+    description?: string;
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+export declare function SuccessAction({ nextStatus, status, description, showTimeline, showBody, timestamp, hash, url, }: SuccessActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/SwapAction.d.ts

@@ -0,0 +1,20 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface SwapActionProps extends BaseActionProps {
+    fromToken: {
+        logoURI: string;
+        symbol: string;
+    };
+    toToken: {
+        logoURI: string;
+        symbol: string;
+    };
+    provider: {
+        logoURI: string;
+        name: string;
+    };
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+export declare function SwapAction({ status, nextStatus, showTimeline, showBody, fromToken, toToken, provider, timestamp, hash, url, }: SwapActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/TransactionAction.d.ts

@@ -0,0 +1,37 @@
+import { ComponentProps } from "react";
+import { ApproveAction } from "./ApproveAction";
+import { BridgeAction } from "./BridgeAction";
+import { FeesAction } from "./FeesAction";
+import { IncompleteAction } from "./IncompleteAction";
+import { ReceiveNFTAction } from "./ReceiveNFTAction";
+import { ReceiveTokensAction } from "./ReceiveTokensAction";
+import { SendTokensAction } from "./SendTokensAction";
+import { StakeAction } from "./StakeAction";
+import { StartAction } from "./StartAction";
+import { SuccessAction } from "./SuccessAction";
+import { SwapAction } from "./SwapAction";
+import { WrapAction } from "./WrapAction";
+declare const actionComponentMap: {
+    readonly success: typeof SuccessAction;
+    readonly receive_tokens: typeof ReceiveTokensAction;
+    readonly receive_nft: typeof ReceiveNFTAction;
+    readonly approve: typeof ApproveAction;
+    readonly send_tokens: typeof SendTokensAction;
+    readonly swap: typeof SwapAction;
+    readonly bridge: typeof BridgeAction;
+    readonly wrap: typeof WrapAction;
+    readonly stake: typeof StakeAction;
+    readonly start: typeof StartAction;
+    readonly fees: typeof FeesAction;
+    readonly incomplete: typeof IncompleteAction;
+};
+type TransactionActionComponents = typeof actionComponentMap;
+export type TransactionActionType = keyof TransactionActionComponents;
+export type TransactionActionProps = {
+    [Type in TransactionActionType]: {
+        type: Type;
+        props: ComponentProps<TransactionActionComponents[Type]>;
+    };
+}[TransactionActionType];
+export declare function TransactionAction({ type, props }: TransactionActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/WrapAction.d.ts

@@ -0,0 +1,20 @@
+import { BaseActionProps } from "./BaseActionProps";
+interface WrapActionProps extends BaseActionProps {
+    fromToken: {
+        logoURI: string;
+        symbol: string;
+    };
+    toToken: {
+        logoURI: string;
+        symbol: string;
+    };
+    provider: {
+        logoURI: string;
+        name: string;
+    };
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+export declare function WrapAction({ status, nextStatus, showTimeline, showBody, fromToken, toToken, provider, timestamp, hash, url, }: WrapActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/TransactionAction/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./ActionLayout";
+export * from "./ApproveAction";
+export * from "./BaseActionProps";
+export * from "./BridgeAction";
+export * from "./FeesAction";
+export * from "./ReceiveNFTAction";
+export * from "./ReceiveTokensAction";
+export * from "./SendTokensAction";
+export * from "./StakeAction";
+export * from "./StartAction";
+export * from "./SuccessAction";
+export * from "./SwapAction";
+export * from "./TransactionAction";
+export * from "./WrapAction";

package/dist/cjs/types/components/lists/TransactionAction/linkActionTimelineProps.d.ts

@@ -0,0 +1,2 @@
+import { TransactionActionProps } from "./TransactionAction";
+export declare function linkActionTimelineProps(actions: TransactionActionProps[], collapsed: boolean): TransactionActionProps[];

package/dist/cjs/types/components/lists/TransactionItem.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+import { ActionStatus } from "../../types/components";
+type TransactionItemVariant = "compact" | "full";
+type TransactionItemType = {
+    icon?: ReactNode;
+    name: string;
+};
+interface TransactionItemProps {
+    className?: string;
+    isLoading?: boolean;
+    status?: ActionStatus;
+    image?: ReactNode;
+    type?: TransactionItemType;
+    hash?: string;
+    fromChain?: {
+        logoURI: string;
+        name: string;
+    };
+    toChain?: {
+        logoURI: string;
+        name: string;
+    };
+    fromAmount?: string;
+    toAmount?: string;
+    timestamp?: number;
+    variant?: TransactionItemVariant;
+}
+export declare function TransactionItem({ className, isLoading, status, image, type, hash, fromChain, toChain, fromAmount, toAmount, timestamp, variant, }: TransactionItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/lists/index.d.ts

@@ -0,0 +1,27 @@
+export * from "./DropdownMenuItem";
+export * from "./HistoryItem";
+export * from "./ListItem";
+export * from "./MenuItem";
+export * from "./PropertyListItem";
+export * from "./SectionTitle";
+export * from "./SettingsItem";
+export * from "./SwapStepItem";
+export * from "./TransactionAction/ActionLayout";
+export * from "./TransactionAction/ApproveAction";
+export * from "./TransactionAction/BaseActionProps";
+export * from "./TransactionAction/BridgeAction";
+export * from "./TransactionAction/FeesAction";
+export * from "./TransactionAction/IncompleteAction";
+export * from "./TransactionAction/linkActionTimelineProps";
+export * from "./TransactionAction/ReceiveNFTAction";
+export * from "./TransactionAction/ReceiveTokensAction";
+export * from "./TransactionAction/SendTokensAction";
+export * from "./TransactionAction/StakeAction";
+export * from "./TransactionAction/StartAction";
+export * from "./TransactionAction/SuccessAction";
+export * from "./TransactionAction/SwapAction";
+export * from "./TransactionAction/TransactionAction";
+export * from "./TransactionAction/WrapAction";
+export * from "./TransactionItem";
+export * from "./RouteStep";
+export * from "./DropdownMenuTitle";

package/dist/cjs/types/components/storybook/SwapStepsControls.d.ts

@@ -0,0 +1,4 @@
+export declare const StepsControls: ({ totalSteps, stepsState, }: {
+    totalSteps: number;
+    stepsState: [number, React.Dispatch<React.SetStateAction<number>>];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/typography/BodyText.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
-import { TextSize } from '../../types/components';
+import { type ReactNode } from "react";
+import { type TextSize } from "../../types/components";
 interface BodyTextProps extends React.HTMLAttributes<HTMLSpanElement> {
-    children: string | undefined;
+    children: ReactNode;
     size: TextSize;
     bold?: boolean;
+    tight?: boolean;
 }
-export declare function BodyText({ size, children, bold, ...props }: BodyTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function BodyText({ size, children, bold, tight, ...props }: BodyTextProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/typography/CaptionText.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
-    children?: string;
     bold?: boolean;
 }
 export declare function CaptionText({ children, bold, ...props }: CaptionProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/typography/HeadingText.d.ts

@@ -1,8 +1,10 @@
-import { TextSize } from '../../types/components';
+import { type ReactNode } from "react";
+import { type TextSize } from "../../types/components";
 interface HeadingTextProps {
-    children: string;
+    children?: ReactNode;
     size: TextSize;
     bold?: boolean;
+    className?: string;
 }
-export declare function HeadingText({ children, bold, size }: HeadingTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function HeadingText({ children, bold, size, className, }: HeadingTextProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/typography/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./BodyText";
+export * from "./CaptionText";
+export * from "./HeadingText";

package/dist/cjs/types/components/views/AssetsView.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React from "react";
 interface AssetsViewProps {
     chains: {
         name: string;
@@ -25,9 +25,5 @@ interface AssetsViewProps {
     }[];
 }
 export declare function AssetsView({ chains, favoriteTokens, popularTokens, userTokens, }: AssetsViewProps): import("react/jsx-runtime").JSX.Element;
-export declare const List: ({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const AddFavoriteToken: () => import("react/jsx-runtime").JSX.Element;
-export declare const RemoveFavoriteToken: () => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/views/HistoryView.d.ts

@@ -0,0 +1 @@
+export declare function HistoryView(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/views/MainView.d.ts

@@ -1,5 +1,3 @@
-export declare function MainView(): import("react/jsx-runtime").JSX.Element;
-export declare const BorderedContainer: ({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare function MainView({ isLoading }: {
+    isLoading?: boolean;
+}): import("react/jsx-runtime").JSX.Element;