@0xsquid/ui 1.0.0 → 2.0.1

package/dist/esm/types/components/layout/DropdownMenu.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+interface DropdownMenuProps {
+    dropdownRef?: React.RefObject<HTMLDivElement>;
+    menuRef?: React.RefObject<HTMLDivElement>;
+    className?: string;
+    isHidden?: boolean;
+    listClassName?: string;
+    containerClassName?: string;
+    containerRef?: React.RefObject<HTMLDivElement>;
+    children?: React.ReactNode;
+    contentWrapperProps?: React.ComponentProps<"div">;
+    menuContentClassName?: string;
+}
+export declare function DropdownMenu({ dropdownRef, className, menuRef, isHidden, listClassName, containerClassName, children, contentWrapperProps, menuContentClassName, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/layout/ErrorMessage.d.ts

@@ -0,0 +1,6 @@
+type ErrorMessageProps = {
+    message: string;
+    showIcon?: boolean;
+};
+export declare function ErrorMessage({ message, showIcon }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/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/esm/types/components/layout/InfoBox.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+interface InfoBoxProps {
+    title: string;
+    description: string | ReactNode;
+    icon?: ReactNode;
+}
+export declare function InfoBox({ title, description, icon }: InfoBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/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/esm/types/components/layout/Menu.d.ts

@@ -1,7 +1,11 @@
-import React from 'react';
-interface MenuProps extends React.ComponentProps<'div'> {
-    menuClassName?: string;
+import React from "react";
+type Rounded = "sm" | "lg";
+interface MenuProps extends React.ComponentProps<"div"> {
+    containerClassName?: string;
     contentClassName?: string;
+    rounded?: Rounded;
+    menuRef?: React.RefObject<HTMLDivElement>;
+    contentWrapperProps?: React.ComponentProps<"div">;
 }
-export declare function Menu({ children, menuClassName, contentClassName, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function Menu({ children, containerClassName, contentClassName, rounded, menuRef, contentWrapperProps, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/layout/Modal.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="react" />
+type ModalWidth = "large" | "extra-large";
 interface ModalProps {
     children: React.ReactNode;
+    className?: string;
+    onBackdropClick?: () => void;
+    isOpen?: boolean;
+    maxHeight?: boolean;
+    width?: ModalWidth;
 }
-export declare function Modal({ children }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function Modal({ children, className, onBackdropClick, isOpen: _isOpen, maxHeight, width, }: ModalProps): false | import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/layout/ModalContent.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+type ModalContentBorderType = "border" | "outline";
+interface ModalContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    addGap?: boolean;
+    paddingY?: boolean;
+    borderType?: ModalContentBorderType;
+    className?: string;
+}
+export declare function ModalContent({ children, addGap, paddingY, borderType, className, ...props }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalContentDivider(): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/layout/NavigationBar.d.ts

@@ -1,7 +1,22 @@
-interface NavigationBarProps {
+/// <reference types="react" />
+import { ChipProps } from "../buttons";
+import { TooltipProps } from "../controls";
+export type ActionButton = {
+    labelOrIcon: string | React.ReactNode;
+    onClick?: () => void;
+    id: React.Key;
+    tooltip?: Omit<TooltipProps, "children">;
+    chip?: ChipProps;
+};
+interface NavigationBarProps extends React.ComponentProps<"nav"> {
     title?: string;
     displayBackButton?: boolean;
     logoUrl?: string;
+    transparent?: boolean;
+    displayButtonShadows?: boolean;
+    onBackButtonClick?: () => void;
+    actions?: ActionButton[];
+    isLoading?: boolean;
 }
-export declare function NavigationBar({ title, displayBackButton, logoUrl, }: NavigationBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationBar({ title, displayBackButton, logoUrl, transparent, displayButtonShadows, onBackButtonClick, actions, isLoading, ...props }: NavigationBarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/layout/PipeSeparator.d.ts

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

package/dist/esm/types/components/layout/ProductCard.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-interface ProductCardProps {
-    children?: React.ReactNode;
-}
-export declare function ProductCard({ children }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function ProductCard({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function BorderedContainer({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/layout/ProfileHeaderBackground.d.ts

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

package/dist/esm/types/components/layout/SwapConfiguration.d.ts

@@ -1,18 +1,52 @@
-import { SwapDirection } from '../../types/components';
+import { AssetsButtonVariant, SwapDirection } from "../../types/components";
+import { TooltipProps } from "../controls";
 interface SwapConfigurationProps {
     direction: SwapDirection;
-    priceImpactPercentage?: number;
-    amount?: number;
-    swapAmountUsd?: number;
+    priceImpactPercentage?: string;
+    amount?: string;
+    tokenPrice?: number;
     balance?: string;
     isFetching?: boolean;
     chain?: {
         iconUrl: string;
+        bgColor: string;
     };
     token?: {
         iconUrl: string;
         symbol: string;
+        bgColor: string;
+        textColor: string;
+        decimals: number;
     };
+    onAmountChange?: (amount: string) => void;
+    error?: {
+        message: string;
+    };
+    criticalPriceImpactPercentage?: number;
+    maxUsdDecimals?: number;
+    isInputInteractive?: boolean;
+    isLoading?: boolean;
+    inputModeButton?: {
+        usdModeTooltip?: Omit<TooltipProps, "children">;
+        tokenModeTooltip?: Omit<TooltipProps, "children">;
+        amountUsd?: string;
+    };
+    balanceButton?: {
+        tooltip?: Omit<TooltipProps, "children">;
+    };
+    assetsButton?: {
+        tooltip?: Omit<TooltipProps, "children">;
+        onClick?: () => void;
+        variant?: AssetsButtonVariant;
+    };
+    walletButton?: {
+        tooltip?: Omit<TooltipProps, "children">;
+        onClick?: () => void;
+        address?: string;
+        emptyAddressLabel?: string;
+        disabled?: boolean;
+    };
+    showNumericInputDetails?: boolean;
 }
-export declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, maxUsdDecimals, isInputInteractive, isLoading, inputModeButton, balanceButton, assetsButton, walletButton, showNumericInputDetails, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/layout/SwapProgressViewHeader.d.ts

@@ -0,0 +1,6 @@
+interface SwapProgressViewHeaderProps {
+    title: string;
+    description: string;
+}
+export declare function SwapProgressViewHeader({ title, description, }: SwapProgressViewHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/layout/SwapStepsCollapsed.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SwapStep } from "../../types/components";
+export type SwapStepsCollapsedFooterButton = {
+    label: string;
+    link?: string;
+    onClick?: () => void;
+};
+interface SwapStepsCollapsedProps {
+    steps: SwapStep[];
+    currentStepIndex: number;
+    onOpen?: () => void;
+    onClose?: () => void;
+    footerButton?: SwapStepsCollapsedFooterButton;
+}
+export declare const SwapStepsCollapsed: import("react").ForwardRefExoticComponent<SwapStepsCollapsedProps & import("react").RefAttributes<{
+    handleToggleRouteSteps: () => void;
+}>>;
+export {};

package/dist/esm/types/components/layout/Toast.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface ToastProps {
+    title: string;
+    description: string;
+    headerContent?: React.ReactNode;
+    actionsContent?: React.ReactNode;
+    chipLabel?: string;
+}
+export declare function Toast({ headerContent, actionsContent, description, chipLabel, title, }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/esm/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;
+    setChain: (chain?: string) => void;
+    fromDate?: Date;
+    setFromDate: (fromDate?: Date) => void;
+    toDate?: Date;
+    setToDate: (toDate?: Date) => 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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts

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

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

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/types/components/layout/TransactionSearch.d.ts

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

package/dist/esm/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/esm/types/components/layout/index.d.ts

@@ -0,0 +1,41 @@
+export * from "./AnimationWrapper";
+export * from "./AppContainer";
+export * from "./Boost";
+export * from "./Breadcrumb";
+export * from "./Collapse";
+export * from "./DescriptionBlocks";
+export * from "./DetailsToolbar";
+export * from "./DropdownMenu";
+export * from "./ErrorMessage";
+export * from "./HashLink";
+export * from "./InfoBox";
+export * from "./Join";
+export * from "./Menu";
+export * from "./Modal";
+export * from "./ModalContent";
+export * from "./NavigationBar";
+export * from "./PipeSeparator";
+export * from "./CollapsibleMenu";
+export * from "./ProductCard";
+export * from "./ProfileHeaderBackground";
+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";
+export * from "./Toast";

package/dist/esm/types/components/layout/useOnClickOutside.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from "react";
+export declare function useOnClickOutside(callback: () => void, externalRef?: RefObject<HTMLElement>): {
+    ref: RefObject<HTMLElement>;
+};

package/dist/esm/types/components/lists/DropdownMenuItem.d.ts

@@ -1,8 +1,25 @@
 /// <reference types="react" />
-interface DropdownMenuItemProps {
+import { AllOrNone } from "../../types";
+import { SwitchProps } from "../controls";
+interface DropdownMenuItemControl extends Omit<SwitchProps, "size"> {
+    type: "switch";
+}
+export interface DropdownMenuItemProps {
     label: string;
+    labelClassName?: string;
     imageUrl?: string;
     icon?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    link?: string;
+    control?: DropdownMenuItemControl;
+    detail?: React.ReactNode;
+    isSelected?: boolean;
+    itemRef?: React.RefObject<HTMLLIElement>;
+    children?: React.ReactNode;
+    contentRef?: React.RefObject<HTMLButtonElement>;
 }
-export declare function DropdownMenuItem({ label, imageUrl, icon, }: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuItem(props: DropdownMenuItemProps & AllOrNone<{
+    submenu: React.ReactNode;
+    containerRef: React.RefObject<HTMLDivElement>;
+}>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/lists/DropdownMenuTitle.d.ts

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