@rango-dev/ui 0.1.10-next.102

package/dist/components/Icon/RetryIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const RetryIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/components/Icon/RetryLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const RetryLeftIcon: React.FC<IconProps>;

package/dist/components/Icon/RetryRightIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const RetryRightIcon: React.FC<IconProps>;

package/dist/components/Icon/SearchIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SearchIcon: React.FC<IconProps>;

package/dist/components/Icon/SearchMinusIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SearchMinusIcon: React.FC<IconProps>;

package/dist/components/Icon/SettingIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SettingsIcon: React.FC<IconProps>;

package/dist/components/Icon/SignatureIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SignatureIcon: React.FC<IconProps>;

package/dist/components/Icon/SwapWalletIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SwapWalletIcon: React.FC<IconProps>;

package/dist/components/Icon/TimeIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const TimeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/components/Icon/TrashIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const TrashIcon: React.FC<IconProps>;

package/dist/components/Icon/TryAgainIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const TryAgainIcon: React.FC<IconProps>;

package/dist/components/Icon/VerticalSwapIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const VerticalSwapIcon: React.FC<IconProps>;

package/dist/components/Icon/WalletIconIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const WalletIcon: React.FC<IconProps>;

package/dist/components/Icon/WarningIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const WarningIcon: React.FC<IconProps>;

package/dist/components/Icon/common.d.ts

@@ -0,0 +1,2 @@
+export declare const SvgWithStrokeColor: any;
+export declare const SvgWithFillColor: any;

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,40 @@
+export { DeleteCircleIcon } from './DeleteCircleIcon';
+export { CheckSquareIcon } from './CheckSquareIcon';
+export { AddIcon } from './AddIcon';
+export { InfoCircleIcon } from './InfoCircleIcon';
+export { AddCircleIcon } from './AddCircleIcon';
+export { MinusCircleIcon } from './MinusCircleIcon';
+export { CheckCircleIcon } from './CheckCircleIcon';
+export { CheckIcon } from './CheckIcon';
+export { BanIcon } from './BanIcon';
+export { WarningIcon } from './WarningIcon';
+export { HistoryIcon } from './HistoryIcon';
+export { GasIcon } from './GasIcon';
+export { SettingsIcon } from './SettingIcon';
+export { TrashIcon } from './TrashIcon';
+export { SearchMinusIcon } from './SearchMinusIcon';
+export { SearchIcon } from './SearchIcon';
+export { AngleRightIcon } from './AngleRightIcon';
+export { AngleUpIcon } from './AngleUpIcon';
+export { AngleDownIcon } from './AngleDownIcon';
+export { AngleLeftIcon } from './AngleLeftIcon';
+export { DownloadIcon } from './DownloadIcon';
+export { ChevronRightIcon } from './ChevronRightIcon';
+export { ArrowRightIcon } from './ArrowRightIcon';
+export { RetryRightIcon } from './RetryRightIcon';
+export { RetryLeftIcon } from './RetryLeftIcon';
+export { TryAgainIcon } from './TryAgainIcon';
+export { VerticalSwapIcon } from './VerticalSwapIcon';
+export { HorizontalSwapIcon } from './HorizontalSwapIcon';
+export { RetryIcon } from './RetryIcon';
+export { WalletIcon } from './WalletIconIcon';
+export { AddWalletIcon } from './AddWalletIcon';
+export { DeleteWalletIcon } from './DeleteWalletIcon';
+export { CheckWalletIcon } from './CheckWalletIcon';
+export { SwapWalletIcon } from './SwapWalletIcon';
+export { DisconnectIcon } from './DisconnectIcon';
+export { BagIcon } from './BagIcon';
+export { TimeIcon } from './TimeIcon';
+export { CloseIcon } from './CloseIcon';
+export { SignatureIcon } from './SignatureIcon';
+export { CopyIcon } from './CopyIcon';

package/dist/components/Icon/types.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: 12 | 16 | 18 | 20 | 24 | 28 | 32 | 36 | 40;
+    color?: 'primary' | 'error' | 'warning' | 'success' | 'black' | 'white';
+}
+export declare type Icon = 'DeleteCircleIcon' | 'CheckSquareIcon' | 'AddIcon' | 'InfoCircleIcon' | 'AddCircleIcon' | 'MinusCircleIcon' | 'CheckCircleIcon' | 'CheckIcon' | 'BanIcon' | 'WarningIcon' | 'HistoryIcon' | 'GasIcon' | 'SettingsIcon' | 'TrashIcon' | 'SearchMinusIcon' | 'SearchIcon' | 'AngleRightIcon' | 'AngleUpIcon' | 'AngleDownIcon' | 'AngleLeftIcon' | 'DownloadIcon' | 'RetryRightIcon' | 'RetryLeftIcon' | 'TryAgainIcon' | 'VerticalSwapIcon' | 'HorizontalSwapIcon' | 'RetryIcon' | 'WalletIcon' | 'AddWalletIcon' | 'DeleteWalletIcon' | 'CheckWalletIcon' | 'SwapWalletIcon' | 'BagIcon' | 'TimeIcon' | 'CloseIcon' | 'SignatureIcon' | 'CopyIcon';

package/dist/components/LiquiditySourceList/LiquiditySource.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './LiquiditySourceList';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/LiquiditySourceList/LiquiditySourceList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CSSProperties } from '@stitches/react';
+import { LiquiditySource, LoadingStatus } from '../../types/meta';
+export interface PropTypes {
+    list: LiquiditySource[];
+    onChange: (liquiditySource: LiquiditySource) => void;
+    listContainerStyle?: CSSProperties;
+    loadingStatus: LoadingStatus;
+    searchedFor: string;
+}
+export declare function LiquiditySourceList(props: PropTypes): JSX.Element;

package/dist/components/LiquiditySourceList/index.d.ts

@@ -0,0 +1 @@
+export { LiquiditySourceList } from './LiquiditySourceList';

package/dist/components/LiquiditySourceList/mockData.d.ts

@@ -0,0 +1,2 @@
+import { LiquiditySource } from '../../types/meta';
+export declare const liquiditySources: LiquiditySource[];

package/dist/components/LiquiditySourcesSelector/LiquiditySourcesSelector.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CSSProperties } from '@stitches/react';
+import { LiquiditySource, LoadingStatus } from '../../types/meta';
+export interface PropTypes {
+    list: LiquiditySource[];
+    onChange: (liquiditySource: LiquiditySource) => void;
+    toggleAll?: () => void;
+    onBack?: () => void;
+    hasHeader?: boolean;
+    listContainerStyle?: CSSProperties;
+    loadingStatus: LoadingStatus;
+}
+export declare function LiquiditySourcesSelector(props: PropTypes): JSX.Element;

package/dist/components/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './LiquiditySourcesSelector';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/LiquiditySourcesSelector/index.d.ts

@@ -0,0 +1 @@
+export { LiquiditySourcesSelector } from './LiquiditySourcesSelector';

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from '@stitches/react';
+import React from 'react';
+export interface PropTypes {
+    title: string;
+    open: boolean;
+    onClose: () => void;
+    content: React.ReactNode;
+    action?: React.ReactNode;
+    containerStyle?: CSSProperties;
+    contentStyle?: CSSProperties;
+}
+export declare function Modal(props: PropTypes): JSX.Element;

package/dist/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './Modal';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export { Modal } from './Modal';

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CSSProperties } from '@stitches/react';
+export interface PropTypes {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    value: string;
+    onChange: (value: string) => void;
+    direction?: 'vertical' | 'horizontal';
+    style?: CSSProperties;
+}
+export declare function Radio(props: PropTypes): JSX.Element;

package/dist/components/Radio/Radio.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './Radio';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/Radio/index.d.ts

@@ -0,0 +1 @@
+export { Radio } from './Radio';

package/dist/components/SecondaryPage/SecondaryPage.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+export declare type PropTypes = ({
+    textField: true;
+    children?: (searchedFor: string) => ReactNode;
+    textFieldPlaceholder: string;
+} | {
+    textField: false;
+    children?: ReactNode;
+}) & {
+    title?: string;
+    onBack?: () => void;
+    TopButton?: React.ReactNode;
+    Footer?: React.ReactNode;
+    hasHeader?: boolean;
+};
+export declare function SecondaryPage(props: PropTypes): JSX.Element;

package/dist/components/SecondaryPage/SecondaryPage.stories.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./SecondaryPage").PropTypes>;
+export default _default;

package/dist/components/SecondaryPage/index.d.ts

@@ -0,0 +1 @@
+export { SecondaryPage } from './SecondaryPage';

package/dist/components/SelectableWalletList/SelectableWalletList.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { SelectableWallet } from '../../types';
+export interface PropTypes {
+    list: SelectableWallet[];
+    onChange: (w: SelectableWallet) => void;
+}
+export declare function SelectableWalletList({ list, onChange, }: PropsWithChildren<PropTypes>): JSX.Element;

package/dist/components/SelectableWalletList/SelectableWalletList.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PropTypes } from './SelectableWalletList';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/components/SelectableWalletList/index.d.ts

@@ -0,0 +1 @@
+export { SelectableWalletList } from './SelectableWalletList';

package/dist/components/SelectableWalletList/mock.d.ts

@@ -0,0 +1,2 @@
+import { SelectableWallet } from '../../types';
+export declare const data: SelectableWallet[];

package/dist/components/Settings/Settings.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { LiquiditySource, LoadingStatus } from '../../types/meta';
+declare type Theme = 'dark' | 'light' | 'auto';
+export interface PropTypes {
+    slippages: number[];
+    selectedSlippage: number;
+    customSlippage: number;
+    maxSlippage: number;
+    minSlippage: number;
+    liquiditySources: LiquiditySource[];
+    onLiquiditySourcesClick: () => void;
+    selectedLiquiditySources: LiquiditySource[];
+    onSlippageChange: (slippage: number) => void;
+    onCustomSlippageChange: (customSlippage: number | null) => void;
+    selectedTheme: Theme;
+    onThemeChange: (theme: Theme) => void;
+    onBack: () => void;
+    infiniteApprove: boolean;
+    toggleInfiniteApprove: (infinite: boolean) => void;
+    loadingStatus: LoadingStatus;
+}
+export declare function Settings(props: PropTypes): JSX.Element;
+export {};

package/dist/components/Settings/Settings.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './Settings';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/Settings/index.d.ts

@@ -0,0 +1 @@
+export { Settings } from './Settings';

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface PropTypes {
+    width?: 20 | 24 | 36 | 48;
+    height?: 20 | 24 | 36 | 48 | 94;
+}
+export declare function Skeleton({ width, height }: PropTypes): JSX.Element;

package/dist/components/Skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './Skeleton';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { Skeleton } from './Skeleton';

package/dist/components/Spacer/Spacer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface PropTypes {
+    size?: 4 | 8 | 12 | 16 | 18 | 20 | 24;
+    direction?: 'vertical' | 'horizontal';
+}
+export declare function Spacer({ size, direction }: PropTypes): JSX.Element;

package/dist/components/Spacer/Spacer.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './Spacer';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/components/Spacer/index.d.ts

@@ -0,0 +1 @@
+export { Spacer } from './Spacer';

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface PropTypes {
+    size?: 16 | 20 | 24;
+    color?: 'primary' | 'error' | 'warning' | 'success' | 'black' | 'white';
+}
+export declare function Spinner({ size, color }: PropTypes): JSX.Element;

package/dist/components/Spinner/Spinner.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './Spinner';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1 @@
+export { Spinner } from './Spinner';

package/dist/components/StatusDrawer/StatusDrawer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface PropTypes {
+    open: boolean;
+    onClose: () => void;
+    status: 'continue' | 'success' | 'failed';
+    title: string;
+    subtitle: string;
+    onSubmit?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onCancel?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare function StatusDrawer({ status, title, subtitle, onSubmit, onCancel, ...props }: PropTypes): JSX.Element;

package/dist/components/StatusDrawer/StatusDrawer.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './StatusDrawer';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/StatusDrawer/index.d.ts

@@ -0,0 +1 @@
+export { StatusDrawer } from './StatusDrawer';

package/dist/components/StepDetail/StepDetail.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+export interface PropTypes {
+    logo: string;
+    chainLogo: string;
+    amount: string;
+    symbol: string;
+    blockchain: string;
+    direction?: 'horizontal' | 'vertical';
+}
+export declare function StepDetail({ logo, chainLogo, amount, symbol, blockchain, direction, }: PropsWithChildren<PropTypes>): JSX.Element;

package/dist/components/StepDetail/StepDetail.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PropTypes } from './StepDetail';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/components/StepDetail/index.d.ts

@@ -0,0 +1 @@
+export { StepDetail } from './StepDetail';

package/dist/components/SwapContainer/SwapContainer.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from '@stitches/react';
+import { PropsWithChildren } from 'react';
+export interface PropTypes {
+    style?: CSSProperties;
+    fixedHeight?: boolean;
+}
+export declare function SwapContainer(props: PropsWithChildren<PropTypes>): JSX.Element;

package/dist/components/SwapContainer/SwapContainer.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PropTypes } from './SwapContainer';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/SwapContainer/index.d.ts

@@ -0,0 +1 @@
+export { SwapContainer } from './SwapContainer';

package/dist/components/SwapDetail/SwapDetail.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { PendingSwap } from '../../containers/History/types';
+export interface PropTypes {
+    swap: PendingSwap;
+    status: 'running' | 'failed' | 'success';
+    onClick: (requestId: string) => void;
+}
+export declare function SwapDetail({ swap, status, onClick, }: PropsWithChildren<PropTypes>): JSX.Element;

package/dist/components/SwapDetail/SwapDetail.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PropTypes } from './SwapDetail';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/components/SwapDetail/Token.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface PropTypes {
+    data: {
+        token: {
+            logo: string;
+            symbol: string;
+        };
+        blockchain: {
+            logo: string;
+            name: string;
+        };
+        amount: string;
+    };
+}
+export declare function Token(props: PropTypes): JSX.Element;
+export {};

package/dist/components/SwapDetail/index.d.ts

@@ -0,0 +1 @@
+export { SwapDetail } from './SwapDetail';

package/dist/components/SwapDetail/mock.d.ts

@@ -0,0 +1,2 @@
+import { PendingSwap } from '../../containers/History/types';
+export declare const swap: PendingSwap;

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface PropTypes {
+    checked: boolean;
+    onChange?: (checked: boolean) => void;
+}
+export declare function Switch(props: PropTypes): JSX.Element;

package/dist/components/Switch/Switch.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './Switch';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export { Switch } from './Switch';

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type PropTypes = {
+    label?: string;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    size?: 'small' | 'medium' | 'large';
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+};
+export declare const TextField: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<PropTypes>, "color" | "content" | "height" | "translate" | "width" | "label" | "prefix" | "size" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "value" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "suffix"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/TextField/TextField.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PropTypes } from './TextField';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<React.PropsWithChildren<PropTypes>, "form" | "label" | "slot" | "style" | "title" | "pattern" | "type" | "children" | "list" | "onChange" | "prefix" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "suffix" | "disabled" | "step" | "checked" | "name" | "height" | "max" | "min" | "width" | "crossOrigin" | "value" | "accept" | "alt" | "autoComplete" | "capture" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "src"> & React.RefAttributes<HTMLInputElement>>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;
+export declare const WithPrefix: (args: PropTypes) => JSX.Element;
+export declare const WithSuffix: (args: PropTypes) => JSX.Element;

package/dist/components/TextField/index.d.ts

@@ -0,0 +1 @@
+export { TextField } from './TextField';

package/dist/components/TokenList/TokenItem.d.ts

@@ -0,0 +1,11 @@
+import { Token } from 'rango-sdk';
+import { CSSProperties } from 'react';
+import { TokenWithAmount } from './TokenList';
+interface PropTypes {
+    token: TokenWithAmount;
+    selected: boolean;
+    onClick: (token: Token) => void;
+    style?: CSSProperties;
+}
+export declare function TokenItem(props: PropTypes): JSX.Element;
+export {};

package/dist/components/TokenList/TokenList.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Token } from 'rango-sdk';
+export interface TokenWithAmount extends Token {
+    balance?: {
+        amount: string;
+        usdValue: string;
+    };
+}
+export interface PropTypes {
+    list: TokenWithAmount[];
+    selected?: TokenWithAmount | null;
+    searchedText: string;
+    onChange: (token: TokenWithAmount) => void;
+    multiSelect?: boolean;
+    selectedList?: TokenWithAmount[] | 'all';
+}
+export declare function TokenList(props: PropTypes): JSX.Element;

package/dist/components/TokenList/TokenList.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PropTypes } from './TokenList';
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/TokenList/index.d.ts

@@ -0,0 +1 @@
+export { TokenList } from './TokenList';

package/dist/components/TokenList/mockData.d.ts

@@ -0,0 +1,2 @@
+import { TokenWithAmount } from './TokenList';
+export declare const tokensMeta: TokenWithAmount[];