@0xsquid/ui 0.17.0 → 0.17.1-beta.1

package/dist/cjs/types/components/badges/IconLabel.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ImageIconVariant } from '../../types/components';
+interface IconLabelProps {
+    isLoading?: boolean;
+    src?: string;
+    children?: ReactNode;
+    variant?: ImageIconVariant;
+}
+export declare function IconLabel({ src, children, variant }: IconLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/badges/ImageIcon.d.ts

@@ -0,0 +1,9 @@
+import { ImageIconSize, ImageIconVariant } from '../../types/components';
+interface ImageIconProps {
+    src?: string;
+    variant?: ImageIconVariant;
+    size?: ImageIconSize;
+    className?: string;
+}
+export declare function ImageIcon({ src, variant, size, className: propsClassName, }: ImageIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/badges/LoadingSkeleton.d.ts

@@ -1,5 +1,11 @@
-export declare function LoadingSkeleton({ className, height, width, }: {
+/// <reference types="react" />
+export declare const LoadingProvider: import("react").Provider<boolean | null>;
+interface LoadingSkeletonProps {
     className?: string;
     height?: string;
+    isLoading?: boolean;
+    children?: React.ReactNode;
     width?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}
+export declare function LoadingSkeleton({ className, height, isLoading: isLoadingProp, children, width, }: LoadingSkeletonProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null | undefined;
+export {};

package/dist/cjs/types/components/badges/TransactionState.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { ActionStatus, TransactionStateVariant } from '../../types/components';
+export declare const statusBgClassMap: Record<ActionStatus, string>;
+export declare const statusTextClassMap: Record<ActionStatus, string>;
+export declare const statusColorClassMap: {
+    bg: Record<ActionStatus, string>;
+    text: Record<ActionStatus, string>;
+};
+interface TransactionStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    status: ActionStatus;
+    variant?: TransactionStateVariant;
+    icon?: ReactNode;
+}
+export declare function TransactionState({ status, variant, icon, ...props }: TransactionStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/badges/WalletLink.d.ts

@@ -0,0 +1,6 @@
+interface WalletLinkProps {
+    imageURI: string;
+    address: string;
+}
+export declare function WalletLink({ imageURI, address }: WalletLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,3 +1,7 @@
 export * from './BadgeImage';
+export * from './IconLabel';
+export * from './ImageIcon';
 export * from './LoadingSkeleton';
+export * from './TransactionState';
 export * from './UsdAmount';
+export * from './WalletLink';

package/dist/cjs/types/components/buttons/FilterButton.d.ts

@@ -0,0 +1,6 @@
+interface FilterButtonProps {
+    selected: boolean;
+    numApplied?: number;
+}
+export declare function FilterButton({ selected, numApplied }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -5,4 +5,5 @@ export * from './BoostButton';
 export * from './Button';
 export * from './Chip';
 export * from './FeeButton';
+export * from './FilterButton';
 export * from './SettingsButton';

package/dist/cjs/types/components/icons/Approve.d.ts

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

package/dist/cjs/types/components/icons/Arrow.d.ts

@@ -1,4 +1,6 @@
 export declare function ArrowRightIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowRightDownIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowRightUpIcon(): import("react/jsx-runtime").JSX.Element;
 export declare function ChevronArrowIcon({ size, className, }: {
     size?: string;
     className?: string;
@@ -9,7 +11,9 @@ export declare function ChevronLargeDownIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function ChevronTopIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronTopIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function ChevronLargeRightIcon({ size, className, }: {
     size?: string;
     className?: string;
@@ -20,14 +24,19 @@ export declare function ArrowLeftIcon({ className, size, }: {
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function ArrowRightUpCircleIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowRightDownCircleIcon(): import("react/jsx-runtime").JSX.Element;
 export declare function ArrowOutOfBoxIcon(): import("react/jsx-runtime").JSX.Element;
 export declare function ChevronGrabberVerticalIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function SquareArrowTopRight2Icon({ className, size, }: {
+export declare function SquareArrowTopRight2Icon({ className, size, strokeWidth, }: {
     className?: string;
     size?: string;
+    strokeWidth?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SquareArrowTopLeftIcon({ size }: {
+    size?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function ArrowBottomTopIcon({ className, size, }: {
     className?: string;
@@ -45,3 +54,4 @@ export declare function ArrowsSwapIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowUpIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/ArrowRotate.d.ts

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

package/dist/cjs/types/components/icons/Bag.d.ts

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

package/dist/cjs/types/components/icons/BoostBadge.d.ts

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

package/dist/cjs/types/components/icons/Calendar.d.ts

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

package/dist/cjs/types/components/icons/Collection.d.ts

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

package/dist/cjs/types/components/icons/Copy.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+export declare function Copy({ size, strokeWidth, ...props }: {
+    size?: string;
+    strokeWidth?: string;
+} & ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/Filter.d.ts

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

package/dist/cjs/types/components/icons/HomeIcon.d.ts

@@ -0,0 +1,3 @@
+export declare function HomeIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/ImageSparkle.d.ts

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

package/dist/cjs/types/components/icons/Link.d.ts

@@ -0,0 +1,2 @@
+import { ComponentProps } from 'react';
+export declare function LinkIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/Loader.d.ts

@@ -1,7 +1,7 @@
-interface LoaderProps {
+import { ComponentProps } from 'react';
+interface LoaderProps extends ComponentProps<'svg'> {
     size?: string;
     strokeWidth?: string;
-    invertColors?: boolean;
 }
-export declare function Loader({ size, strokeWidth, invertColors, }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Loader({ size, strokeWidth, className, ...props }: LoaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/icons/NotAllowed.d.ts

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

package/dist/cjs/types/components/icons/PieChart.d.ts

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

package/dist/cjs/types/components/icons/Separator.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps } from 'react';
+export declare function PipeSeparator({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function DotSeparator(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/SquareArrowCenter.d.ts

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

package/dist/cjs/types/components/icons/Tag.d.ts

@@ -0,0 +1,4 @@
+export declare function TagIcon({ size }: {
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TagIconFilled(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/ThumbsUp.d.ts

@@ -0,0 +1,3 @@
+export declare function ThumbsUp({ fill }: {
+    fill?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/Tick.d.ts

@@ -0,0 +1,3 @@
+export declare function Tick({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/Timeline.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+export declare function Timeline({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Timeline {
+    var ArrowDown: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    var ArrowReverse: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    var ArrowRight: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    var ArrowUp: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    var CapBottom: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    var CapTop: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    var Straight: ({ className, ...props }: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+}

package/dist/cjs/types/components/layout/Breadcrumb.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function Breadcrumb({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/layout/Collapse.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+interface CollapseProps extends ComponentProps<'div'> {
+    collapsed: boolean;
+    collapsedHeight?: number;
+    duration?: number;
+}
+export declare function Collapse({ collapsed, collapsedHeight, children, className, duration, ...props }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+interface SizeTransitionProps extends ComponentProps<'div'> {
+}
+export declare function SizeTransition({ children, className, ...props }: SizeTransitionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/DescriptionBlocks.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react';
+import { DescriptionBlock } from '../../types/components';
+interface DescriptionBlocksProps extends ComponentProps<'div'> {
+    blocks: DescriptionBlock[] | string;
+}
+export declare function DescriptionBlocks({ className, blocks: blocksProp, ...props }: DescriptionBlocksProps): import("react/jsx-runtime").JSX.Element;
+export declare function Inline({ className, children, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/ExploreLayout.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface ExploreLayoutProps {
+    navigation?: ReactNode;
+    children?: ReactNode;
+}
+export declare function ExploreLayout({ navigation, children }: ExploreLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/HashLink.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface HashLinkProps {
+    showTx?: boolean;
+    hash: string;
+    children?: ReactNode;
+    showCopyButton?: boolean;
+    url?: string;
+}
+export declare function HashLink({ showTx, hash, showCopyButton, url, children, }: HashLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/Join.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface JoinProps {
+    children?: ReactNode;
+    glue: () => ReactNode;
+}
+export declare function Join({ children, glue }: JoinProps): import("react/jsx-runtime").JSX.Element[] | null | undefined;
+export {};

package/dist/cjs/types/components/layout/TokenPair.d.ts

@@ -1,12 +1,15 @@
+import { TokenPairSize, TokenPairVariant } from '../../types/components';
 interface TokenPairProps {
     firstToken: {
-        imageUrl: string;
+        logoURI: string;
         bgColor: string;
     };
     secondToken: {
-        imageUrl: string;
+        logoURI: string;
         bgColor: string;
     };
+    variant?: TokenPairVariant;
+    size?: TokenPairSize;
 }
-export declare function TokenPair({ firstToken, secondToken }: TokenPairProps): import("react/jsx-runtime").JSX.Element;
+export declare function TokenPair({ firstToken, secondToken, variant, size, }: TokenPairProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/layout/TransactionFilters.d.ts

@@ -0,0 +1,20 @@
+import 'react-day-picker/dist/style.css';
+import { ChainTypeFilter, StatusFilter as TStatusFilter } from '../../types/components';
+interface TransactionFiltersProps {
+    chainType: ChainTypeFilter;
+    setChainType: (chainType: ChainTypeFilter) => void;
+    chain: string | null;
+    setChain: (chain: string | null) => void;
+    fromDate: Date | null;
+    setFromDate: (fromDate: Date | null) => void;
+    toDate: Date | null;
+    setToDate: (toDate: Date | null) => void;
+    status: TStatusFilter[];
+    setStatus: (status: TStatusFilter[]) => void;
+    chains: {
+        name: string;
+        logoURI: string;
+    }[];
+}
+export declare function TransactionFilters({ chainType, setChainType, chain, setChain, fromDate, setFromDate, toDate, setToDate, status, setStatus, chains, }: TransactionFiltersProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionHeader/BridgeHeader.d.ts

@@ -0,0 +1,11 @@
+import { ActionStatus } from '../../../types/components';
+interface BridgeHeaderProps {
+    tokenLogoURI: string;
+    chainLogoURI: string;
+    title?: string;
+    hash: string;
+    url?: string;
+    status: ActionStatus;
+}
+export declare function BridgeHeader({ tokenLogoURI, chainLogoURI, title, hash, url, status, }: BridgeHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionHeader/BuyNFTHeader.d.ts

@@ -0,0 +1,10 @@
+import { ActionStatus } from '../../../types/components';
+interface BuyNFTHeaderProps {
+    imageUrl: string;
+    title?: string;
+    hash: string;
+    url?: string;
+    status: ActionStatus;
+}
+export declare function BuyNFTHeader({ imageUrl, title, hash, url, status, }: BuyNFTHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionHeader/InteractionHeader.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { ActionStatus } from '../../../types/components';
+interface InteractionHeaderProps {
+    title?: string;
+    image?: ReactNode;
+    hash: string;
+    url?: string;
+    status: ActionStatus;
+}
+export declare function InteractionHeader({ title, image, hash, url, status, }: InteractionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionHeader/ProfileHeader.d.ts

@@ -0,0 +1,11 @@
+interface ProfileHeaderProps {
+    imageUrl: string;
+    title: string;
+    wallet: {
+        imageURI: string;
+        address: string;
+    };
+    amount: string;
+}
+export declare function ProfileHeader({ imageUrl, title, wallet, amount, }: ProfileHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionHeader/SwapHeader.d.ts

@@ -0,0 +1,16 @@
+import { ActionStatus } from '../../../types/components';
+export interface SwapHeaderProps {
+    fromToken: {
+        logoURI: string;
+        bgColor: string;
+    };
+    toToken: {
+        logoURI: string;
+        bgColor: string;
+    };
+    title?: string;
+    hash: string;
+    url?: string;
+    status: ActionStatus;
+}
+export declare function SwapHeader({ fromToken, toToken, title, hash, url, status, }: SwapHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeader.d.ts

@@ -0,0 +1,23 @@
+import { ComponentProps } from 'react';
+import { BridgeHeader } from './BridgeHeader';
+import { BuyNFTHeader } from './BuyNFTHeader';
+import { InteractionHeader } from './InteractionHeader';
+import { ProfileHeader } from './ProfileHeader';
+import { SwapHeader } from './SwapHeader';
+declare const headerComponentsMap: {
+    readonly swap: typeof SwapHeader;
+    readonly buy_nft: typeof BuyNFTHeader;
+    readonly interaction: typeof InteractionHeader;
+    readonly bridge: typeof BridgeHeader;
+    readonly profile: typeof ProfileHeader;
+};
+type TransactionHeaderComponents = typeof headerComponentsMap;
+export type TransactionHeaderType = keyof TransactionHeaderComponents;
+export type TransactionHeaderProps = {
+    [Type in TransactionHeaderType]: {
+        type: Type;
+        props: ComponentProps<TransactionHeaderComponents[Type]>;
+    };
+}[TransactionHeaderType];
+export declare function TransactionHeader({ type, props }: TransactionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ActionStatus } from '../../../types/components';
+interface TransactionHeaderLayoutProps {
+    status?: ActionStatus;
+    title: string;
+    image?: ReactNode;
+    children?: ReactNode;
+}
+export declare function TransactionHeaderLayout({ status, title, image, children, }: TransactionHeaderLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionHeader/index.d.ts

@@ -0,0 +1 @@
+export * from './TransactionHeader';

package/dist/cjs/types/components/layout/TransactionProperties/BridgeProperties.d.ts

@@ -0,0 +1,21 @@
+interface BridgePropertiesProps {
+    amount: string;
+    token: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    fromChain: {
+        logoURI: string;
+        name: string;
+    };
+    toChain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: string;
+    boosted?: boolean;
+    timeToComplete: string;
+}
+export declare function BridgeProperties({ amount, token, fromChain, toChain, wallet, boosted, timeToComplete, }: BridgePropertiesProps): import("react/jsx-runtime").JSX.Element;
+export default BridgeProperties;

package/dist/cjs/types/components/layout/TransactionProperties/BuyNFTProperties.d.ts

@@ -0,0 +1,33 @@
+interface BuyNFTPropertiesProps {
+    title: string;
+    imageURI: string;
+    collection: {
+        imageURI: string;
+        name: string;
+    };
+    price: string;
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    marketplace: {
+        logoURI: string;
+        name: string;
+    };
+    fromChain: {
+        logoURI: string;
+        name: string;
+    };
+    toChain: {
+        logoURI: string;
+        name: string;
+    };
+    fromAddress: string;
+    toAddress: string;
+    boosted?: boolean;
+    timeToComplete: string;
+    tokenId: string;
+    nftType: string;
+}
+export declare function BuyNFTProperties({ title, imageURI, collection, price, token, marketplace, fromChain, toChain, fromAddress, toAddress, boosted, timeToComplete, tokenId, nftType, }: BuyNFTPropertiesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionProperties/InteractionProperties.d.ts

@@ -0,0 +1,11 @@
+interface InteractionPropertiesProps {
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: string;
+    boosted?: boolean;
+    timeToComplete: string;
+}
+export declare function InteractionProperties({ chain, wallet, boosted, timeToComplete, }: InteractionPropertiesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionProperties/PropertiesLayout.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface PropertiesLayoutProps {
+    children?: ReactNode;
+    className?: string;
+}
+export declare function PropertiesLayout({ children, className, }: PropertiesLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionProperties/SwapProperties.d.ts

@@ -0,0 +1,28 @@
+export interface SwapPropertiesProps {
+    fromAmount: string;
+    fromToken: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    toAmount: string;
+    toToken: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    fromChain: {
+        logoURI: string;
+        name: string;
+    };
+    toChain: {
+        logoURI: string;
+        name: string;
+    };
+    fromAddress: string;
+    toAddress: string;
+    exchangeRate: string;
+    boosted?: boolean;
+    timeToComplete: string;
+}
+export declare function SwapProperties({ fromAmount, fromToken, toAmount, toToken, fromChain, toChain, fromAddress, toAddress, exchangeRate, boosted, timeToComplete, }: SwapPropertiesProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/layout/TransactionProperties/TransactionProperties.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps } from 'react';
+import BridgeProperties from './BridgeProperties';
+import { BuyNFTProperties } from './BuyNFTProperties';
+import { InteractionProperties } from './InteractionProperties';
+import { SwapProperties } from './SwapProperties';
+declare const propertiesComponentsMap: {
+    readonly swap: typeof SwapProperties;
+    readonly buy_nft: typeof BuyNFTProperties;
+    readonly interaction: typeof InteractionProperties;
+    readonly bridge: typeof BridgeProperties;
+};
+type TransactionPropertiesComponents = typeof propertiesComponentsMap;
+export type TransactionPropertiesType = keyof TransactionPropertiesComponents;
+export type TransactionPropertiesProps = {
+    [Type in TransactionPropertiesType]: {
+        type: Type;
+        props: ComponentProps<TransactionPropertiesComponents[Type]>;
+    };
+}[TransactionPropertiesType];
+export declare function TransactionProperties({ type, props, }: TransactionPropertiesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionProperties/index.d.ts

@@ -0,0 +1,6 @@
+export * from './BridgeProperties';
+export * from './BuyNFTProperties';
+export * from './InteractionProperties';
+export * from './PropertiesLayout';
+export * from './SwapProperties';
+export * from './TransactionProperties';

package/dist/cjs/types/components/layout/TransactionSearch.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface TransactionSearchProps {
+    query: string;
+    setQuery: (query: string) => void;
+    children?: ReactNode;
+}
+export declare function TransactionSearch({ query, setQuery, children, }: TransactionSearchProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/Transfer.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface FromToProps {
+    isLoading?: boolean;
+    from?: ReactNode;
+    to?: ReactNode;
+    className?: string;
+}
+export declare function Transfer({ isLoading, from, to, className }: FromToProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,8 +1,15 @@
+export * from './AnimationWrapper';
 export * from './Boost';
+export * from './Breadcrumb';
+export * from './Collapse';
+export * from './DescriptionBlocks';
 export * from './DetailsToolbar';
 export * from './DropdownMenu';
 export * from './ErrorMessage';
+export * from './ExploreLayout';
+export * from './HashLink';
 export * from './InfoBox';
+export * from './Join';
 export * from './Menu';
 export * from './Modal';
 export * from './ModalContent';
@@ -13,3 +20,19 @@ export * from './SwapConfiguration';
 export * from './SwapProgressViewHeader';
 export * from './SwapStepsCollapsed';
 export * from './TokenPair';
+export * from './TransactionFilters';
+export * from './TransactionHeader/BridgeHeader';
+export * from './TransactionHeader/BuyNFTHeader';
+export * from './TransactionHeader/InteractionHeader';
+export * from './TransactionHeader/ProfileHeader';
+export * from './TransactionHeader/SwapHeader';
+export * from './TransactionHeader/TransactionHeader';
+export * from './TransactionHeader/TransactionHeaderLayout';
+export * from './TransactionProperties/BridgeProperties';
+export * from './TransactionProperties/BuyNFTProperties';
+export * from './TransactionProperties/InteractionProperties';
+export * from './TransactionProperties/PropertiesLayout';
+export * from './TransactionProperties/SwapProperties';
+export * from './TransactionProperties/TransactionProperties';
+export * from './TransactionSearch';
+export * from './Transfer';