@reef-chain/react-lib 2.0.0

package/dist/hooks/index.d.ts

@@ -0,0 +1,16 @@
+export * from './useProvider';
+export * from './useAsyncEffect';
+export * from './useUpdateAccountBalance';
+export * from './useLoadSignerTokens';
+export * from './useObservableState';
+export * from './useLoader';
+export * from './poolHooks';
+export * from './useSwapState';
+export * from './useAddLiquidity';
+export * from './useRemoveLiquidity';
+export * from './useAllPools';
+export * from './usePriceEstimator';
+export * from './usePoolStats';
+export * from './usePoolData';
+export * from './usePoolLists';
+export * from './useAllNfts';

package/dist/hooks/poolHooks.d.ts

@@ -0,0 +1,25 @@
+import { PoolDayFeeQuery, PoolDayVolumeQuery, PoolFeeQuery, PoolQuery, PoolReservesQuery, PoolSupplyQuery, PoolTransactionCountQuery, PoolTransactionQuery, PoolDayTvlQuery, PoolVolumeAggregateQuery, TransactionTypes } from '../graphql/pools';
+import { AxiosInstance } from 'axios';
+export declare const useDayVolume: (address: string, fromTime: string, toTime: string) => PoolVolumeAggregateQuery;
+export declare const useCurrentPoolSupply: (address: string) => PoolSupplyQuery;
+export declare const getPoolFeesQuery: (address: string, fromTime: string) => {
+    query: string;
+    variables: {
+        address: string;
+        fromTime: string;
+    };
+};
+export declare const useDayFee: (address: string, fromTime: string) => PoolFeeQuery;
+export declare const usePoolQuery: (address: string) => PoolQuery;
+export declare const useCurrentPoolReserve: (address: string) => PoolReservesQuery;
+export declare const usePoolTransactionCountSubscription: (address: string | undefined, type: TransactionTypes, httpClient: AxiosInstance) => {
+    data: PoolTransactionCountQuery;
+    loading: boolean;
+};
+export declare const usePoolTransactionSubscription: (address: string | undefined, type: TransactionTypes, pageIndex: number | undefined, limit: number | undefined, httpClient: AxiosInstance) => {
+    data: PoolTransactionQuery;
+    loading: boolean;
+};
+export declare const useDayTvl: (address: string, fromTime: number) => PoolDayTvlQuery;
+export declare const useDayPoolVolume: (address: string, fromTime: number) => PoolDayVolumeQuery;
+export declare const useDayPoolFee: (address: string, fromTime: number) => PoolDayFeeQuery;

package/dist/hooks/useAddLiquidity.d.ts

@@ -0,0 +1,29 @@
+import { Dispatch } from 'react';
+import { AddressToNumber, Network, NotifyFun, ReefSigner, Token } from '../state';
+import { AddLiquidityActions } from '../store/actions/addLiquidity';
+import { AddLiquidityState } from '../store/reducers/addLiquidity';
+import { AxiosInstance } from 'axios';
+interface UseAddLiquidityState {
+    address1: string;
+    address2: string;
+    state: AddLiquidityState;
+    tokens: Token[];
+    httpClient?: AxiosInstance;
+    signer?: ReefSigner;
+    tokenPrices: AddressToNumber<number>;
+    dispatch: Dispatch<AddLiquidityActions>;
+}
+export declare const useAddLiquidity: ({ address1, address2, dispatch, state, tokens, signer, httpClient, tokenPrices, }: UseAddLiquidityState) => void;
+interface OnAddLiquidity {
+    state: AddLiquidityState;
+    network?: Network;
+    signer?: ReefSigner;
+    batchTxs?: boolean;
+    notify: NotifyFun;
+    dispatch: Dispatch<AddLiquidityActions>;
+    updateTokenState: () => Promise<void>;
+    onSuccess?: (...args: any[]) => any;
+    onFinalized?: (...args: any[]) => any;
+}
+export declare const onAddLiquidity: ({ state, network, signer, batchTxs, dispatch, updateTokenState, onSuccess, onFinalized, }: OnAddLiquidity) => () => Promise<void>;
+export {};

package/dist/hooks/useAllNfts.d.ts

@@ -0,0 +1,4 @@
+import { NFT } from '../state';
+type UseAllNfts = [NFT[], boolean];
+export declare const useAllNfts: () => UseAllNfts;
+export {};

package/dist/hooks/useAllPools.d.ts

@@ -0,0 +1,7 @@
+import { AxiosInstance } from 'axios';
+import { PoolWithReserves } from '../state';
+export declare const getAllPoolsQuery: () => {
+    query: string;
+    variables: {};
+};
+export declare const useAllPools: (httpClient: AxiosInstance) => PoolWithReserves[];

package/dist/hooks/useAsyncEffect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useAsyncEffect: (fun: () => Promise<void>, dependencyList?: React.DependencyList, cleanUp?: () => void) => void;

package/dist/hooks/useFromTime.d.ts

@@ -0,0 +1,7 @@
+import { TimeData, TimeUnit } from './usePoolData';
+export declare const timeDataToMs: (timeData: TimeData) => number;
+export declare const truncateDate: (date: Date, timeUnit: TimeUnit, up?: boolean) => Date;
+export declare const calcTimeRange: (timeUnit: TimeUnit, timeSpan: number) => {
+    fromTime: Date;
+    toTime: Date;
+};

package/dist/hooks/useInitReefState.d.ts

@@ -0,0 +1,2 @@
+import { State, StateOptions } from '../appState/util';
+export declare const useInitReefState: (applicationDisplayName: string, options?: StateOptions) => State;

package/dist/hooks/useKeepTokenUpdated.d.ts

@@ -0,0 +1,3 @@
+import { AddressToNumber, Token, TokenWithAmount } from '../state';
+export declare const findToken: (address: string, tokens: Token[], defaultAmountValue?: TokenWithAmount) => TokenWithAmount;
+export declare const useKeepTokenUpdated: (address: string, token: TokenWithAmount, tokens: Token[], tokenPrices: AddressToNumber<number>, setToken: (token: TokenWithAmount) => void) => void;

package/dist/hooks/useLoadPool.d.ts

@@ -0,0 +1,14 @@
+import { Pool, Token } from '..';
+import { AxiosInstance } from 'axios';
+type LoadingPool = Pool | undefined;
+export declare const getUserPoolSupply: (token1: string, token2: string, signerAddress: string) => {
+    query: string;
+    variables: {
+        token1: string;
+        token2: string;
+        signerAddress: string;
+    };
+};
+export declare const loadPool: (token1: Token, token2: Token, signerAddress: string, httpClient: AxiosInstance) => Promise<Pool>;
+export declare const useLoadPool: (token1: Token, token2: Token, userAddress: string, httpClient?: AxiosInstance, disable?: boolean) => [LoadingPool, boolean];
+export {};

package/dist/hooks/useLoadPools.d.ts

@@ -0,0 +1,4 @@
+import { Token, Pool } from '..';
+import { AxiosInstance } from 'axios';
+export declare const loadPools: (tokens: Token[], userAddress: string, httpClient: AxiosInstance) => Promise<Pool[]>;
+export declare const useLoadPools: (tokens: Token[], userAddress: string, httpClient?: AxiosInstance) => [Pool[], boolean];

package/dist/hooks/useLoadSignerTokens.d.ts

@@ -0,0 +1,3 @@
+import { DataWithProgress } from '../utils/dataWithProgress';
+import { Network, ReefSigner, Token } from '../state';
+export declare const useLoadSignerTokens: (refreshToggle: boolean, network: Network, signer?: ReefSigner) => DataWithProgress<Token[]>;

package/dist/hooks/useLoadSigners.d.ts

@@ -0,0 +1,11 @@
+import { Provider } from '@reef-defi/evm-provider';
+import { ReefSigner } from '../state';
+export declare const useLoadSigners: (appDisplayName: string, provider?: Provider, signers?: ReefSigner[]) => [
+    ReefSigner[],
+    boolean,
+    {
+        code?: number;
+        message: string;
+        url?: string;
+    } | undefined
+];

package/dist/hooks/useLoader.d.ts

@@ -0,0 +1,9 @@
+import { DependencyList } from 'react';
+type Loader<Type> = {
+    error: string;
+    loading: boolean;
+    value: Type;
+};
+export declare const useLoader: <LoaderType, LoaderArgs extends any[]>(fun: (...args: LoaderArgs) => Promise<LoaderType>, args: LoaderArgs, initialState: LoaderType, deps?: DependencyList) => Loader<LoaderType>;
+export declare const useSoftLoader: <LoaderType, LoaderArgs extends any[]>(fun: (...args: LoaderArgs) => Promise<LoaderType>, args: LoaderArgs, initialState?: LoaderType | undefined, deps?: DependencyList) => Loader<LoaderType | undefined>;
+export {};

package/dist/hooks/useObservableState.d.ts

@@ -0,0 +1,2 @@
+import { Observable } from 'rxjs';
+export declare const useObservableState: <T>(observable: Observable<T>, initVal?: T | undefined) => T;

package/dist/hooks/usePoolData.d.ts

@@ -0,0 +1,34 @@
+import { BaseCandlestickData } from '../state';
+import { AxiosInstance } from 'axios';
+interface Time {
+    time: Date;
+}
+interface BaseDataHolder extends Time {
+    value: number;
+}
+interface CandlestickHolder extends BaseCandlestickData, Time {
+}
+export interface PoolDataTime {
+    fees: BaseDataHolder[];
+    volume: BaseDataHolder[];
+    price: CandlestickHolder[];
+    tvl: BaseDataHolder[];
+    firstTokenVolume: BaseDataHolder[];
+    secondTokenVolume: BaseDataHolder[];
+}
+type UsePoolDataOutput = [PoolDataTime, boolean];
+export type TimeUnit = 'Day' | 'Hour' | 'Minute';
+export interface TimeData {
+    timeUnit: TimeUnit;
+    timeSpan: number;
+}
+interface UsePoolData {
+    address: string;
+    price1: number;
+    price2: number;
+    decimals1: number;
+    decimals2: number;
+    timeData: TimeData;
+}
+export declare const usePoolData: ({ address, decimals1, decimals2, price1, price2, timeData, }: UsePoolData, httpClient: AxiosInstance) => UsePoolDataOutput;
+export {};

package/dist/hooks/usePoolLists.d.ts

@@ -0,0 +1,25 @@
+import { PoolsListVar } from '../graphql/pools';
+import { TokenPrices } from '../state';
+import { AxiosInstance } from 'axios';
+interface PoolItem {
+    address: string;
+    tvl: string;
+    volume24h: string;
+    volumeChange24h: number;
+    myLiquidity?: string;
+    token1: {
+        name: string;
+        image: string;
+    };
+    token2: {
+        name: string;
+        image: string;
+    };
+}
+interface UsePoolsList extends PoolsListVar {
+    tokenPrices: TokenPrices;
+    httpClient: AxiosInstance;
+    queryType: 'All' | 'User';
+}
+export declare const usePoolsList: ({ limit, offset, search, signerAddress, tokenPrices, queryType, httpClient, }: UsePoolsList) => [PoolItem[], boolean, number];
+export {};

package/dist/hooks/usePoolStats.d.ts

@@ -0,0 +1,29 @@
+import { TokenPrices } from '../state';
+import { AxiosInstance } from 'axios';
+export declare const useTotalSupply: (tokenPrices: TokenPrices, httpClient: AxiosInstance, previous?: boolean) => string;
+export declare const usePoolVolume: (tokenPrices: TokenPrices, httpClient: AxiosInstance) => string;
+export interface TokenStats {
+    address: string;
+    name: string;
+    icon: string;
+    symbol: string;
+    decimals: number;
+    fees24h: string;
+    mySupply: string;
+    amountLocked: string;
+    percentage: string;
+    ratio: {
+        name: string;
+        symbol: string;
+        amount: string;
+    };
+}
+export interface PoolStats {
+    firstToken: TokenStats;
+    secondToken: TokenStats;
+    tvlUSD: string;
+    mySupplyUSD: string;
+    volume24hUSD: string;
+    volumeChange24h: number;
+}
+export declare const usePoolInfo: (address: string, signerAddress: string, tokenPrices: TokenPrices, httpClient: AxiosInstance) => [PoolStats | undefined, boolean];

package/dist/hooks/usePriceEstimator.d.ts

@@ -0,0 +1,2 @@
+import { AddressToNumber, LastPoolReserves, Token } from '../state';
+export declare const estimatePrice: (tokens: Token[], pools: LastPoolReserves[], reefPrice: number) => AddressToNumber<number>;

package/dist/hooks/useProvider.d.ts

@@ -0,0 +1,3 @@
+import { Provider } from '@reef-chain/evm-provider';
+export type UseProvider = [Provider | undefined, boolean, string, Function | undefined];
+export declare const useProvider: (providerUrl?: string | undefined) => UseProvider;

package/dist/hooks/useReefPriceInterval.d.ts

@@ -0,0 +1,2 @@
+import { DataWithProgress } from '../utils/dataWithProgress';
+export declare const useReefPriceInterval: () => DataWithProgress<number>;

package/dist/hooks/useRemoveLiquidity.d.ts

@@ -0,0 +1,28 @@
+import { Dispatch } from 'react';
+import { AddressToNumber, Network, NotifyFun, ReefSigner, Token } from '../state';
+import { RemoveLiquidityActions, RemoveLiquidityState } from '../store';
+import { AxiosInstance } from 'axios';
+interface OnRemoveLiquidity {
+    network?: Network;
+    signer?: ReefSigner;
+    batchTxs?: boolean;
+    state: RemoveLiquidityState;
+    dispatch: Dispatch<RemoveLiquidityActions>;
+    notify: NotifyFun;
+    onSuccess?: (...args: any[]) => any;
+    onFinalized?: (...args: any[]) => any;
+}
+interface UseRemoveLiquidity {
+    address1: string;
+    address2: string;
+    tokens: Token[];
+    tokenPrices: AddressToNumber<number>;
+    httpClient: AxiosInstance;
+    signer?: ReefSigner;
+    batchTxs?: boolean;
+    state: RemoveLiquidityState;
+    dispatch: Dispatch<RemoveLiquidityActions>;
+}
+export declare const useRemoveLiquidity: ({ address1, address2, state, signer, httpClient, tokens, tokenPrices, dispatch, }: UseRemoveLiquidity) => void;
+export declare const onRemoveLiquidity: ({ state, dispatch, network, signer: sig, batchTxs, onSuccess, onFinalized, }: OnRemoveLiquidity) => () => Promise<void>;
+export {};

package/dist/hooks/useSwapState.d.ts

@@ -0,0 +1,31 @@
+import { Dispatch } from 'react';
+import { AddressToNumber, Network, NotifyFun, Pool, ReefSigner, Token } from '../state';
+import { SwapAction } from '../store';
+import { SwapState } from '../store/reducers/swap';
+import { AxiosInstance } from 'axios';
+interface UseSwapState {
+    address1: string;
+    address2: string;
+    state: SwapState;
+    tokens: Token[];
+    account?: ReefSigner;
+    httpClient?: AxiosInstance;
+    tokenPrices: AddressToNumber<number>;
+    dispatch: Dispatch<SwapAction>;
+    waitForPool?: boolean;
+    pool?: Pool;
+}
+export declare const useSwapState: ({ state, tokens, account, httpClient, address1, address2, tokenPrices, dispatch, waitForPool, pool: poolProp, }: UseSwapState) => void;
+interface OnSwap {
+    state: SwapState;
+    network?: Network;
+    account?: ReefSigner;
+    batchTxs?: boolean;
+    notify: NotifyFun;
+    dispatch: Dispatch<SwapAction>;
+    updateTokenState: () => Promise<void>;
+    onSuccess?: (...args: any[]) => any;
+    onFinalized?: (...args: any[]) => any;
+}
+export declare const onSwap: ({ state, network, account, batchTxs, dispatch, updateTokenState, onSuccess, onFinalized, }: OnSwap) => () => Promise<void>;
+export {};

package/dist/hooks/useUpdateAccountBalance.d.ts

@@ -0,0 +1,2 @@
+import { Provider } from '@reef-chain/evm-provider';
+export declare const useUpdateAccountBalance: (address?: string, provider?: Provider) => string;

package/dist/hooks/useUpdateAmount.d.ts

@@ -0,0 +1,11 @@
+import { Pool, TokenWithAmount } from '../state';
+interface UpdateAmountHookInput {
+    pool?: Pool;
+    token1: TokenWithAmount;
+    token2: TokenWithAmount;
+    setToken1: (value: TokenWithAmount) => void;
+    setToken2: (value: TokenWithAmount) => void;
+}
+export declare const useUpdateSwapAmount: ({ pool, token2, token1, setToken1: setSell, setToken2: setBuy, }: UpdateAmountHookInput) => void;
+export declare const useUpdateLiquidityAmount: ({ pool, token1, token2, setToken1, setToken2, }: UpdateAmountHookInput) => void;
+export {};

package/dist/hooks/userInterval.d.ts

@@ -0,0 +1,2 @@
+declare const useInterval: (callback: () => void, delay: number) => void;
+export default useInterval;

package/dist/index.css

@@ -0,0 +1,2 @@
+.border-rad{border-radius:13px}.btn:focus{box-shadow:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{font-family:Inter var,sans-serif}.btn-empty{background-color:inherit;border:none}.btn-select{border-color:#bfbfbf;display:flex;flex-direction:row}.field{background-color:#f7f8fa;border:1px solid #edeef2}.field:hover{border:1px solid #e1e2e8}.field-input,.field-input:focus{background-color:#f7f8fa;border:none;box-shadow:none;outline:none}.btn-field{background-color:#f7f8fa;padding:4px 8px}.btn-content-field{background-color:#fff;margin-bottom:-18px;margin-top:-18px;padding:3px;z-index:5}.hover-border:hover{border:1px solid #46288b}.list-item{list-style:none}.list-group-full{padding-bottom:20px;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-group-item-action:hover{background-color:#5531a9!important;color:#f5f5f5!important}.dropdown-menu{background-color:#edeef2}.dropdown-item{background-color:inherit}.dropdown-item:hover,.dropdown-item:hover .lead-text,.dropdown-item:hover .sub-text{background-color:#46288b;color:#f5f5f5}.title-text{font-size:1.1em}.lead-text{font-size:1em}.sub-text{font-size:.9em}.mini-text{font-size:.7em}.modal-dialog{width:430px}.modal-footer{background-color:#edeef2}.form-control:focus{border-color:#46288b;box-shadow:none}.text-war{color:#cc9c0e!important}input[type=range]::-webkit-slider-thumb{background-color:#46288b}.select-token-icon-size{height:20px;width:20px}.pointer{cursor:pointer}.bg-white,.nav-account{background-color:#fff}.bg-grey{background:#00000012}.nav-account{display:flex;padding:2px}.card{border:1px solid rgba(0,0,0,.125);box-shadow:0 8px 20px 0 rgba(40,133,208,.15);width:100%}.d-flex-vert-base{align-items:baseline}.btn-reef{align-items:center;background:#681cff;border:none;border-radius:999px;box-shadow:0 .313rem 1.25rem -.625rem #681cff;display:flex;flex-flow:row nowrap;font-family:tenon,sans-serif;font-size:1rem;font-weight:500;justify-content:center;line-height:22.984px;overflow:hidden;padding:.75rem 1.5rem;text-decoration:none;transition:all .4s;white-space:nowrap}.btn-reef,.btn-reef>*{color:#fff;position:relative}.btn-reef>*{z-index:1}.btn-reef:after{background:linear-gradient(180deg,transparent,#fd3f83);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateY(100%);transition:opacity .4s linear,transform .4s linear;width:100%;z-index:0}.btn-reef:hover{box-shadow:0 .313rem 1.25rem -.625rem #fd3f83;color:#fff!important}.btn-reef:hover:after{opacity:1;transform:none}.btn-reef:active{filter:brightness(1.2);transition:none}.selected-topic{color:#111}.unselected-topic{color:#666}.uik-pool-actions .uik-button--loading .uik-loading{position:static}.uik-pool-actions .uik-button--loading .uik-button__text{color:hsla(var(--text--h),var(--text--s),var(--text--l),.5)!important;margin-left:.8rem;opacity:1}.uik-pool-actions .uik-button--loading .uik-loading__spinner-dot:before{background:var(--text-light)!important}.uik-pool-actions__description{color:hsla(var(--text--h),var(--text--s),var(--text--l),.8)!important;margin-bottom:-20px;margin-top:25px;padding:0 3px;text-align:center}.uik-pool-actions__switch-slider-container{display:flex}.uik-pool-actions__switch-slider-container .uik-pool-actions__token-switch{height:auto!important;justify-content:start!important;margin-left:19px;width:auto!important}.uik-pool-actions__switch-slider-container .uik-pool-actions__slider{margin:30px 0 30px 50px!important;width:100%}.slippage-warning svg{height:16px;position:absolute}.uik-pool-actions-token__token{background-color:transparent;border:none}.uik-pool-actions-token__token:not([disabled]):hover{cursor:pointer}.uik-pool-actions-token__token:not([disabled]):hover .uik-pool-actions-token__info .uik-pool-actions-token__symbol{color:var(--primary)!important}.uik-pool-actions-token__select-wrapper--select{width:100%}.uik-pool-actions-token--select .uik-pool-actions-token__image{background-color:#dad5ea;border-radius:50%;height:44px;margin-left:15px;min-width:44px;width:44px}.uik-pool-actions-token--select .uik-pool-actions-token__image+span{margin-left:13px}.uik-pool-actions .uik-pool-actions-token.uik-pool-actions-token--select{align-items:center;border:none;color:hsla(var(--text--h),var(--text--s),var(--text--l),.75);display:flex;flex-flow:row nowrap;font-size:15px;font-weight:500;height:74px;justify-content:flex-start;text-align:center}.uik-pool-actions .uik-pool-actions-token.uik-pool-actions-token--select:hover{color:var(--primary);cursor:pointer}.uik-pool-actions-token__select-dropdown{width:100%!important}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown{max-height:calc(100vh - 400px);overflow:auto;overflow-x:hidden;width:100%!important}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown::-webkit-scrollbar{display:none}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown .uik-input{position:sticky;top:0}.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown .uik-input .uik-input__input:focus{background-color:#fff!important}.uik-pool-actions-token__select-dropdown-token img{height:30px;min-width:30px;width:30px}.uik-pool-actions-token__select-dropdown-token-info{margin-left:10px;margin-right:10px}.uik-pool-actions-token__select-dropdown-token-info .uik-text:last-child{color:var(--text-light);font-size:.813rem;font-weight:400}.uik-pool-actions-token__select-dropdown .uik-dropdown__item-text{width:100%}.uik-pool-actions-token__select-dropdown-token-balance{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;color:#a328ab;margin-left:auto!important;white-space:nowrap}.confirm-popup .uik-modal__container .uik-modal__popup{background-color:#eeebf6!important;width:500px!important}.confirm-popup .uik-modal__container .uik-modal__popup .uik-modal__head{padding-bottom:20px!important}.confirm-popup .uik-modal__footer .uik-button{width:100%}.confirm-popup .uik-text--mini{color:hsla(var(--text--h),var(--text--s),var(--text--l),.75);padding-left:10px}.confirm-popup .uik-text--mini+.confirm-popup-summary,.confirm-popup .uik-text--mini+.confirm-popup-token{margin-top:11px}.confirm-popup-token{border-radius:15px;box-shadow:var(--neomorph-out);justify-content:space-between;transition:all .125s;width:100%}.confirm-popup-token,.confirm-popup-token__token{align-items:center;display:flex;flex-flow:row nowrap}.confirm-popup-token__token{justify-content:flex-start;padding:15px 0 15px 15px}.confirm-popup-token__image{background-color:#e4e0ef;background-position:50%;background-size:cover;border-radius:50%;height:44px;min-width:44px;width:44px}.confirm-popup-token__info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:13px}.confirm-popup-token__symbol{color:var(--text);font-size:18px;font-weight:500;line-height:1.4;text-transform:uppercase;white-space:nowrap}.confirm-popup-token__price{color:hsla(var(--text--h),var(--text--s),var(--text--l),.85);font-size:13px;font-weight:500;line-height:1.3;margin-top:1px;padding-left:.5px;white-space:nowrap}.confirm-popup-token__amount-wrapper{align-items:center;display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-end;padding-left:15px;position:relative}.confirm-popup-token__value{bottom:15px;color:hsla(var(--text--h),var(--text--s),var(--text--l),.85);font-size:13px;font-weight:500;line-height:1;overflow:hidden;pointer-events:none;position:absolute;right:18px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.confirm-popup-token__amount{-webkit-text-fill-color:transparent;background-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;border:none;color:#a328ab;font-size:20px;font-weight:900;margin:0 17px;outline:none!important;padding:11px 0 29px;text-align:right;transition:all .18s}.confirm-popup-token+.confirm-popup-token{box-shadow:10px 10px 20px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) - 10%)),-10px -5px 13px -5px hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 10%));margin-top:12px}.confirm-popup-token+.uik-text--mini{margin-top:15px}.confirm-popup-token~.confirm-popup-token+.uik-text--mini{margin-top:25px}.confirm-popup-address{justify-content:flex-start;padding:15px}.confirm-popup-address__identicon{background-color:#dad5eaad;border-radius:10px;pointer-events:none}.confirm-popup-address__address{color:var(--text);font-size:15px;font-weight:500;line-height:1.25;padding-left:13px;width:calc(100% - 44px);word-break:break-word}.confirm-popup-summary{align-items:flex-start;border-radius:15px;box-shadow:var(--neomorph-out);display:flex;flex-flow:column nowrap;justify-content:flex-start;margin-top:10px;padding:15px 17px;width:100%}.confirm-popup-summary-item{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%}.confirm-popup-summary-item-label{color:hsla(var(--text--h),var(--text--s),var(--text--l),.9);font-size:14px;font-weight:500;line-height:1.25}.confirm-popup-summary-item-value{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,var(--primary),var(--secondary));-webkit-background-clip:text;color:#a328ab;font-size:15px;font-weight:600;line-height:1.2}.confirm-popup-summary-item+.confirm-popup-summary-item{margin-top:7.5px}.confirm-popup-summary+.uik-text--mini{color:hsla(var(--text--h),var(--text--s),var(--text--l),.8);font-size:14px;line-height:1.4;margin-top:25px;padding:0 5px}.pool-actions-finalizing{padding-bottom:20px;text-align:center;width:100%}.pool-actions-finalizing__animation{height:150px;margin:0 -30px;position:relative;width:calc(100% + 60px)}.pool-actions-finalizing__animation .fish-animation__fish{animation-duration:4s;animation-fill-mode:backwards}.pool-actions-finalizing__animation .fish-animation:last-child .fish-animation__fish{animation-delay:.5s;width:40px}.account-selector__network-info{text-align:center;width:100%}.account-selector__select-network{font-size:1.2em;padding:0 0 .3em .2em}.account-selector-box--nav{display:flex}.account-selector__account-address{align-items:baseline;justify-content:center}.account-selector__accounts-list{margin:1em 0;padding:3px}.account-selector__accounts-list .list-group-item:last-child{border-bottom:0}.account-selector__accounts-list .list-group-item{border-left:0;border-right:0;border-top:0}.nav-account__account{align-items:center;background:linear-gradient(135deg,#ae27a5,#742cb2);border:none;border-radius:1000px;box-shadow:0 5px 20px -10px #742cb2;color:#fff;display:flex;flex-flow:row nowrap;font-size:.938rem;font-weight:500;justify-content:flex-start;line-height:22.984px;margin-left:10px;overflow:hidden;padding:.75rem;text-decoration:none;transition:all .125s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.nav-account__account:hover{filter:brightness(1.15);transition:none}.nav-account__account:active{filter:brightness(1.25);transition:all .125s}.nav-account__gear{align-items:center;background-color:transparent;border:none;border-radius:50%;box-shadow:var(--neomorph-out);color:var(--primary);display:flex;height:40px;justify-content:center;margin-left:20px;min-width:40px;transition:all .125s;width:40px}.nav-account__gear :hover{box-shadow:var(--neomorph-out-light),var(--neomorph-in-light);color:var(--primary);cursor:pointer}.nav-account__hidden-balance{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;flex-flow:row nowrap;justify-content:flex-end;margin-right:4px}.nav-account__hidden-balance div{animation:nav-balance-hidden-dot .15s;background-color:var(--primary);border-radius:50%;height:6px;margin-left:3px;width:6px}@keyframes nav-balance-hidden-dot{0%{transform:scale(0)}}.nav-account__balance{padding-top:1px}.send .uik-pool-actions-token__price{display:none}.send .uik-pool-actions-token__price+input{padding:20px 17px!important}.send__error{color:var(--red);font-size:14px;font-weight:500;margin-top:10px;padding-left:5px}.send__address{align-items:center;display:flex;justify-content:center;margin-bottom:10px;position:relative;width:100%}.send__address .send__address-identicon{background-color:#dad5eaad;border-radius:10px;left:13px;pointer-events:none;position:absolute}.send__address input{background-color:#e6e2f1;border:none;border-radius:15px;color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;height:70px;line-height:1.2;padding:0 17px 1px 71px;transition:all .125s;width:100%}.send__address input::-moz-placeholder{color:var(--text-light);font-weight:400}.send__address input::placeholder{color:var(--text-light);font-weight:400}.send__address input:hover{background-color:#e3dfef!important;box-shadow:inset 0 0 0 1px #d7d1e9}.send__address input:focus{background-color:#eeebf6!important;border:none;box-shadow:inset 0 0 0 1px #a328ab,0 10px 15px -8px #a328ab40;outline:none}.send-accounts .uik-dropdown__overlay{display:none}.send-accounts{left:0;position:absolute}.send-accounts,.send-accounts .uik-dropdown{bottom:0;width:100%!important}.send-accounts .uik-dropdown__dropdown{max-height:calc(100vh - 400px);overflow:auto;width:100%!important}.send-accounts__account .uik-dropdown__item-text{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;width:100%}.send-accounts__account--selected{background:var(--border-color-light)!important}.send-accounts__account .send-accounts__account-identicon{margin-left:-5px}.send-accounts__account-info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:10px;max-width:calc(100% - 49px)}.send-accounts__account-name{color:var(--text);font-size:.875rem;font-weight:500}.send-accounts__account-address,.send-accounts__account-name{line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-accounts__account-address{color:var(--text-light);font-size:.813rem;font-weight:400}.bind-evm .uik-button{margin-top:25px;width:100%}.bind-evm-account{align-items:center;background-color:transparent;border:none;border-radius:15px;box-shadow:var(--neomorph-out);display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:1rem 0;padding:15px;transition:all .125s;width:100%}.bind-evm-account__identicon{height:44px;min-width:44px;width:44px}.bind-evm-account__info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;margin-left:13px}.bind-evm-account__name{color:var(--text);font-size:18px;font-weight:500;line-height:1.4;white-space:nowrap}.bind-evm-account__address{color:hsla(var(--text--h),var(--text--s),var(--text--l),.85);font-size:13px;font-weight:500;line-height:1.3;margin-top:1px;padding-left:.5px;white-space:nowrap}.bind-evm p{padding-left:10px;padding-right:10px}.bind-evm__select-account{display:flex;width:100%}.bind-evm__select-account>span{width:100%}.bind-evm__select-account:hover .bind-evm-account{background-color:hsla(var(--primary--h),var(--primary--s),var(--primary--l),.05);box-shadow:var(--neomorph-out),inset 0 0 0 2px var(--primary)}.bind-evm__loading{align-items:center;display:flex;justify-content:center;margin-top:2rem;text-align:center;width:100%}.bind-evm__loading span{margin-left:25px}.bind-evm__custom-select{align-items:center;display:flex}.bind-evm__custom-select .prompt{display:flex;margin-left:5px}.bind-evm__custom-select .icon{color:var(--primary);margin-left:3px}.bind-evm__custom-select .uik-toggle .uik-toggle__toggle{background-color:var(--border-color-dark)}.overlay-action__wrapper{background-color:var(--bg);left:0;max-height:100vh;min-height:100vh;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.overlay-action__wrapper.enter{animation:overlay-action-enter .5s;background-color:hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 10%));transform:translateY(-100%)}@keyframes overlay-action-enter{0%{background-color:hsl(var(--bg--h),var(--bg--s),calc(var(--bg--l) + 10%));transform:translateY(-100%)}}.overlay-action__wrapper.overlay-action__content{opacity:0}.overlay-action__wrapper.enter-active,.overlay-action__wrapper.enter-done,.overlay-action__wrapper.exit{background-color:var(--bg);opacity:1;transform:none}.overlay-action__wrapper.enter-active .overlay-action__content,.overlay-action__wrapper.enter-done .overlay-action__content,.overlay-action__wrapper.exit .overlay-action__content{opacity:1;transform:none}.overlay-action__wrapper.exit-active{transform:translateY(-100%)}.overlay-action__wrapper.exit-active .overlay-action__content{opacity:0}.overlay-action__wrapper.enter-active,.overlay-action__wrapper.exit-active{transition:all .5s}.overlay-action__wrapper.enter-active .overlay-action__content{transition-delay:.35s}.overlay-action__content{margin:0 auto;max-width:900px;padding:50px;transition:all .35s;width:100%}.overlay-action__head{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;margin-top:-10px;position:relative;width:100%}.overlay-action__title{color:hsla(var(--text--h),var(--text--s),var(--text--l),.9);font-size:1.625rem;font-weight:500;line-height:1.2}.overlay-action__close-btn{align-items:center;background-color:transparent;border:none;border-radius:50%;box-shadow:var(--neomorph-out);color:var(--text-light);display:flex;height:54px;justify-content:center;min-width:54px;position:absolute;right:0;transition:all .125s;width:54px}.overlay-action .uik-modal__close-btn-icon{height:22px;width:14px}.overlay-action__close-btn:hover{box-shadow:var(--neomorph-out-light),var(--neomorph-in-light);color:var(--primary);cursor:pointer}.overlay-action__close-btn:active{box-shadow:var(--neomorph-out-light),var(--neomorph-in);color:var(--primary)}.overlay-action__slot{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:center;padding-top:40px;width:100%}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Style.css","pool-actions.css","token-field.css","confirm-popup.css","finalizing.css","AccountSelector.css","Send.css","bind.css","overlay-action.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".border-rad {\n  border-radius: 13px;\n}\n.btn:focus {\n  box-shadow: none;\n}\n\n/* Chrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\ninput {\n  font-family: \"Inter var\", sans-serif;\n}\n\n.btn-empty {\n  border: none;\n  background-color: inherit;\n}\n\n.btn-select {\n  border-color: #bfbfbf;\n  display: flex;\n  flex-direction: row;\n}\n\n.field {\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(237, 238, 242);\n}\n.field:hover {\n  border: 1px solid rgb(225, 226, 232);\n}\n\n.field-input,\n.field-input:focus {\n  background-color: rgb(247, 248, 250);\n  border: none;\n  outline: none;\n  box-shadow: none;\n}\n.btn-field {\n  padding: 4px 8px 4px 8px;\n  background-color: rgb(247, 248, 250);\n}\n.btn-content-field {\n  padding: 3px;\n  z-index: 5;\n  margin-top: -18px;\n  margin-bottom: -18px;\n  background-color: white;\n}\n.hover-border:hover {\n  border: 1px solid #46288b;\n}\n.list-item {\n  list-style: none;\n}\n.list-group-full {\n  padding-left: calc(var(--bs-gutter-x) / 2);\n  padding-right: calc(var(--bs-gutter-x) / 2);\n  padding-bottom: 20px;\n}\n.noselect {\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */\n  -khtml-user-select: none; /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */\n  -ms-user-select: none; /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently\n                                  supported by Chrome, Edge, Opera and Firefox */\n}\n.list-group-item-action:hover {\n  background-color: #5531a9 !important;\n  color: whitesmoke !important;\n}\n.dropdown-menu {\n  background-color: rgb(237 238 242);\n}\n\n.dropdown-item {\n  background-color: inherit;\n}\n\n.dropdown-item:hover .lead-text,\n.dropdown-item:hover .sub-text,\n.dropdown-item:hover {\n  color: whitesmoke;\n  background-color: #46288b;\n}\n\n.title-text {\n  font-size: 1.1em;\n}\n\n.lead-text {\n  font-size: 1em;\n}\n\n.sub-text {\n  font-size: 0.9em;\n}\n.mini-text {\n  font-size: 0.7em;\n}\n\n.modal-dialog {\n  width: 430px;\n}\n\n.modal-footer {\n  background-color: rgb(237, 238, 242);\n}\n\n.form-control:focus {\n  box-shadow: none;\n  border-color: #46288b;\n}\n.text-war {\n  color: #cc9c0e !important;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  background-color: #46288b;\n}\n.select-token-icon-size {\n  width: 20px;\n  height: 20px;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.bg-white,\n.nav-account {\n  background-color: #fff;\n}\n\n.bg-grey {\n  background: #00000012;\n}\n\n.nav-account {\n  display: flex;\n  padding: 2px;\n}\n\n.card {\n  width: 100%;\n  border: 1px solid rgba(0, 0, 0, 0.125);\n  box-shadow: 0 8px 20px 0 rgb(40 133 208 / 15%);\n}\n\n.d-flex-vert-base {\n  align-items: baseline;\n}\n\n.btn-reef {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  white-space: nowrap;\n  border-radius: 999px;\n  font-size: 1rem;\n  line-height: 22.984px;\n  font-family: \"tenon\", sans-serif;\n  font-weight: 500;\n  padding: 0.75rem 1.5rem;\n  transition: all 0.4s;\n  text-decoration: none;\n  color: white;\n  background: #681cff;\n  box-shadow: 0 0.313rem 1.25rem -0.625rem #681cff;\n}\n\n.btn-reef > * {\n  position: relative;\n  z-index: 1;\n  color: white;\n}\n\n.btn-reef::after {\n  content: \"\";\n  z-index: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  opacity: 0;\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fd3f83);\n  transform: translateY(100%);\n  transition: opacity 0.4s linear, transform 0.4s linear;\n}\n\n.btn-reef:hover {\n  box-shadow: 0 0.313rem 1.25rem -0.625rem #fd3f83;\n  color: white !important;\n}\n\n.btn-reef:hover::after {\n  opacity: 1;\n  transform: none;\n}\n\n.btn-reef:active {\n  transition: none;\n  filter: brightness(1.2);\n}\n\n.selected-topic {\n  color: #111\n}\n.unselected-topic {\n  color: #666;\n}\n",".uik-pool-actions .uik-button--loading .uik-loading {\n  position: static;\n}\n\n.uik-pool-actions .uik-button--loading .uik-button__text {\n  opacity: 1;\n  margin-left: 0.8rem;\n  color: hsla(\n    var(--text--h),\n    var(--text--s),\n    var(--text--l),\n    0.5\n  ) !important;\n}\n\n.uik-pool-actions .uik-button--loading .uik-loading__spinner-dot::before {\n  background: var(--text-light) !important;\n}\n\n.uik-pool-actions__description {\n  margin-top: 25px;\n  margin-bottom: -20px;\n  padding: 0 3px;\n  color: hsla(\n    var(--text--h),\n    var(--text--s),\n    var(--text--l),\n    0.8\n  ) !important;\n  text-align: center;\n}\n\n.uik-pool-actions__switch-slider-container {\n  display: flex;\n}\n\n.uik-pool-actions__switch-slider-container .uik-pool-actions__token-switch {\n  height: auto !important;\n  width: auto !important;\n  justify-content: start !important;\n  margin-left: 19px;\n}\n\n.uik-pool-actions__switch-slider-container .uik-pool-actions__slider {\n  margin: 30px 0 30px 50px !important;\n  width: 100%;\n}\n\n.slippage-warning svg {\n  position: absolute;\n  height: 16px;\n}",".uik-pool-actions-token__token {\r\n  border: none;\r\n  background-color: transparent;\r\n}\r\n\r\n.uik-pool-actions-token__token:not([disabled]):hover {\r\n  cursor: pointer;\r\n}\r\n\r\n.uik-pool-actions-token__token:not([disabled]):hover .uik-pool-actions-token__info .uik-pool-actions-token__symbol {\r\n  color: var(--primary) !important;\r\n}\r\n\r\n.uik-pool-actions-token__select-wrapper--select {\r\n  width: 100%;\r\n}\r\n\r\n.uik-pool-actions-token--select .uik-pool-actions-token__image {\r\n  width: 44px;\r\n  height: 44px;\r\n  min-width: 44px;\r\n  background-color: #dad5ea;\r\n  border-radius: 50%;\r\n  margin-left: 15px;\r\n}\r\n\r\n.uik-pool-actions-token--select .uik-pool-actions-token__image + span {\r\n  margin-left: 13px;\r\n}\r\n\r\n.uik-pool-actions .uik-pool-actions-token.uik-pool-actions-token--select {\r\n  height: 74px;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  text-align: center;\r\n  border: none;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: hsla(\r\n    var(--text--h),\r\n    var(--text--s),\r\n    var(--text--l),\r\n    0.75\r\n  );\r\n}\r\n\r\n.uik-pool-actions .uik-pool-actions-token.uik-pool-actions-token--select:hover {\r\n  cursor: pointer;\r\n  color: var(--primary);\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown {\r\n  width: 100% !important;\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown {\r\n  width: 100% !important;\r\n  max-height: calc(100vh - 400px);\r\n  overflow: auto;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown .uik-input {\r\n  position: sticky;\r\n  top: 0;\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown .uik-dropdown__dropdown .uik-input .uik-input__input:focus {\r\n  background-color: white !important;\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown-token img {\r\n  width: 30px;\r\n  height: 30px;\r\n  min-width: 30px;\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown-token-info {\r\n  margin-left: 10px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown-token-info .uik-text:last-child {\r\n  color: var(--text-light);\r\n  font-weight: 400;\r\n  font-size: 0.813rem;\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown .uik-dropdown__item-text {\r\n  width: 100%;\r\n}\r\n\r\n.uik-pool-actions-token__select-dropdown-token-balance {\r\n  margin-left: auto !important;\r\n  color: #a328ab;\r\n  background: -webkit-linear-gradient(0deg, var(--primary), var(--secondary));\r\n  -webkit-background-clip: text;\r\n  white-space: nowrap;\r\n  -webkit-text-fill-color: transparent;\r\n}",".confirm-popup .uik-modal__container .uik-modal__popup {\r\n  width: 500px !important;\r\n  background-color: #eeebf6 !important;\r\n}\r\n\r\n.confirm-popup .uik-modal__container .uik-modal__popup .uik-modal__head {\r\n  padding-bottom: 20px !important;\r\n}\r\n\r\n.confirm-popup .uik-modal__footer .uik-button {\r\n  width: 100%;\r\n}\r\n\r\n.confirm-popup .uik-text--mini {\r\n  padding-left: 10px;\r\n  color: hsla(\r\n    var(--text--h),\r\n    var(--text--s),\r\n    var(--text--l),\r\n    0.75\r\n  );\r\n}\r\n\r\n.confirm-popup .uik-text--mini + .confirm-popup-token,\r\n.confirm-popup .uik-text--mini + .confirm-popup-summary {\r\n  margin-top: 11px;\r\n}\r\n\r\n.confirm-popup-token {\r\n  width: 100%;\r\n  border-radius: 15px;\r\n  box-shadow: var(--neomorph-out);\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  transition: all 0.125s;\r\n}\r\n\r\n.confirm-popup-token__token {\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  padding: 15px;\r\n  padding-right: 0;\r\n}\r\n\r\n.confirm-popup-token__image {\r\n  border-radius: 50%;\r\n  width: 44px;\r\n  min-width: 44px;\r\n  height: 44px;\r\n  background-color: #e4e0ef;\r\n  background-position: center;\r\n  background-size: cover;\r\n}\r\n\r\n.confirm-popup-token__info {\r\n  margin-left: 13px;\r\n  display: flex;\r\n  flex-flow: column nowrap;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n}\r\n\r\n.confirm-popup-token__symbol {\r\n  text-transform: uppercase;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  color: var(--text);\r\n  white-space: nowrap;\r\n  line-height: 1.4;\r\n}\r\n\r\n.confirm-popup-token__price {\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: hsla(\r\n    var(--text--h),\r\n    var(--text--s),\r\n    var(--text--l),\r\n    0.85\r\n  );\r\n  white-space: nowrap;\r\n  line-height: 1.3;\r\n  padding-left: 0.5px;\r\n  margin-top: 1px;\r\n}\r\n\r\n.confirm-popup-token__amount-wrapper {\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding-left: 15px;\r\n  position: relative;\r\n}\r\n\r\n.confirm-popup-token__value {\r\n  position: absolute;\r\n  right: 18px;\r\n  bottom: 15px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: hsla(\r\n    var(--text--h),\r\n    var(--text--s),\r\n    var(--text--l),\r\n    0.85\r\n  );\r\n  white-space: nowrap;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  text-align: right;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.confirm-popup-token__amount {\r\n  text-align: right;\r\n  font-size: 20px;\r\n  font-weight: 900;\r\n  outline: none !important;\r\n  padding: 11px 0 29px 0;\r\n  margin: 0 17px;\r\n  border: none;\r\n  background-color: transparent;\r\n  color: #a328ab;\r\n  background: -webkit-linear-gradient(0deg, var(--primary), var(--secondary));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  transition: all 0.18s;\r\n}\r\n\r\n.confirm-popup-token + .confirm-popup-token {\r\n  margin-top: 12px;\r\n  box-shadow: 10px 10px 20px -5px hsl(\r\n    var(--bg--h),\r\n    var(--bg--s),\r\n    calc(var(--bg--l) - 10%)\r\n  ),\r\n  -10px -5px 13px -5px hsl(\r\n    var(--bg--h),\r\n    var(--bg--s),\r\n    calc(var(--bg--l) + 10%)\r\n  );\r\n}\r\n\r\n.confirm-popup-token + .uik-text--mini {\r\n  margin-top: 15px;\r\n}\r\n\r\n.confirm-popup-token ~ .confirm-popup-token + .uik-text--mini {\r\n  margin-top: 25px;\r\n}\r\n\r\n.confirm-popup-address {\r\n  padding: 15px;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.confirm-popup-address__identicon {\r\n  background-color: #dad5eaad;\r\n  border-radius: 10px;\r\n  pointer-events: none;\r\n}\r\n\r\n.confirm-popup-address__address {\r\n  padding-left: 13px;\r\n  width: calc(100% - 44px);\r\n  word-break: break-word;\r\n  line-height: 1.25;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: var(--text);\r\n}\r\n\r\n.confirm-popup-summary {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-flow: column nowrap;\r\n  justify-content: flex-start;\r\n  align-items: flex-start;\r\n  margin-top: 10px;\r\n  box-shadow: var(--neomorph-out);\r\n  padding: 15px 17px;\r\n  border-radius: 15px;\r\n}\r\n\r\n.confirm-popup-summary-item {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.confirm-popup-summary-item-label {\r\n  font-size: 14px;\r\n  line-height: 1.25;\r\n  color: hsla(\r\n    var(--text--h),\r\n    var(--text--s),\r\n    var(--text--l),\r\n    0.9\r\n  );\r\n  font-weight: 500;\r\n}\r\n\r\n.confirm-popup-summary-item-value {\r\n  font-size: 15px;\r\n  line-height: 1.2;\r\n  color: #a328ab;\r\n  font-weight: 600;\r\n  background: -webkit-linear-gradient(0deg, var(--primary), var(--secondary));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.confirm-popup-summary-item + .confirm-popup-summary-item {\r\n  margin-top: 7.5px;\r\n}\r\n\r\n.confirm-popup-summary + .uik-text--mini {\r\n  margin-top: 25px;\r\n  line-height: 1.4;\r\n  font-size: 14px;\r\n  padding: 0 5px;\r\n  color: hsla(\r\n    var(--text--h),\r\n    var(--text--s),\r\n    var(--text--l),\r\n    0.8\r\n  );\r\n}",".pool-actions-finalizing {\r\n  width: 100%;\r\n  text-align: center;\r\n  padding-bottom: 20px;\r\n}\r\n\r\n.pool-actions-finalizing__animation {\r\n  position: relative;\r\n  width: calc(100% + 60px);\r\n  margin: 0 -30px;\r\n  height: 150px;\r\n}\r\n\r\n.pool-actions-finalizing__animation .fish-animation__fish {\r\n  animation-duration: 4s;\r\n  animation-fill-mode: backwards;\r\n}\r\n\r\n.pool-actions-finalizing__animation .fish-animation:last-child .fish-animation__fish {\r\n  animation-delay: 0.5s;\r\n  width: 40px;\r\n}",".account-selector__network-info{\n  width: 100%;\n  text-align: center;\n}\n.account-selector__select-network{\n  padding: 0 0 0.3em 0.2em;\n  font-size: 1.2em;\n}\n\n.account-selector-box--nav{\n  display: flex;\n}\n\n.account-selector__account-address{\n  align-items: baseline;\n  justify-content: center;\n}\n\n.account-selector__accounts-list{\n  margin: 1em 0;\n  padding: 3px;\n}\n\n.account-selector__accounts-list .list-group-item:last-child{\n  border-bottom: 0;\n}\n.account-selector__accounts-list .list-group-item{\n  border-top: 0;\n  border-left: 0;\n  border-right: 0;\n}\n\n.nav-account__account {\n  background: linear-gradient(135deg,#ae27a5,#742cb2);\n  font-size: 0.938rem;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  color: white;\n  border: none;\n  border-radius: 1000px;\n  box-shadow: 0 5px 20px -10px #742cb2;\n  font-weight: 500;\n  line-height: 22.984px;\n  overflow: hidden;\n  padding: 0.75rem;\n  text-decoration: none;\n  transition: all .125s;\n  white-space: nowrap;\n  vertical-align: middle;\n  user-select: none;\n  margin-left: 10px;\n}\n\n.nav-account__account:hover {\n  filter: brightness(1.15);\n  transition: none;\n}\n\n.nav-account__account:active {\n  filter: brightness(1.25);\n  transition: all 0.125s;\n}\n\n.nav-account__gear {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: 20px;\n  width: 40px;\n  height: 40px;\n  min-width: 40px;\n  border-radius: 50%;\n  background-color: transparent;\n  border: none;\n  transition: all 0.125s;\n  color: var(--primary);\n  box-shadow: var(--neomorph-out);\n}\n\n.nav-account__gear :hover {\n  color: var(--primary);\n  cursor: pointer;\n  box-shadow: var(--neomorph-out-light), var(--neomorph-in-light);\n}\n\n.nav-account__hidden-balance {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-end;\n  align-items: center;\n  cursor: pointer;\n  border: none;\n  background-color: transparent;\n  margin-right: 4px;\n}\n\n.nav-account__hidden-balance div {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: var(--primary);\n  margin-left: 3px;\n  animation: nav-balance-hidden-dot 0.15s;\n}\n\n@keyframes nav-balance-hidden-dot {\n  from {\n      transform: scale(0);\n  }\n}\n\n.nav-account__balance {\n  padding-top: 1px;\n}",".send .uik-pool-actions-token__price {\n  display: none;\n}\n\n.send .uik-pool-actions-token__price + input {\n  padding: 20px 17px !important;\n}\n\n.send__error {\n  color: var(--red);\n  font-weight: 500;\n  font-size: 14px;\n  padding-left: 5px;\n  margin-top: 10px;\n}\n\n.send__address {\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 10px;\n}\n\n.send__address .send__address-identicon {\n  position: absolute;\n  left: 13px;\n  background-color: #dad5eaad;\n  border-radius: 10px;\n  pointer-events: none;\n}\n\n.send__address input {\n  width: 100%;\n  border-radius: 15px;\n  border: none;\n  background-color: #e6e2f1;\n  transition: all 0.125s;\n  height: 70px;\n  padding: 0 17px 1px 71px;\n  font-family: var(--font);\n  font-size: 15px;\n  color: var(--text);\n  font-weight: 500;\n  line-height: 1.2;\n}\n\n.send__address input::placeholder {\n  font-weight: 400;\n  color: var(--text-light);\n}\n\n.send__address input:hover {\n  background-color: #e3dfef !important;\n  box-shadow: inset 0 0 0 1px #d7d1e9;\n}\n\n.send__address input:focus {\n  background-color: #eeebf6 !important;\n  border: none;\n  outline: none;\n  box-shadow: inset 0 0 0 1px #a328ab, 0 10px 15px -8px #a328ab40;\n}\n\n.send-accounts .uik-dropdown__overlay {\n  display: none;\n}\n\n.send-accounts {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100% !important;\n}\n\n.send-accounts .uik-dropdown {\n  width: 100% !important;\n  bottom: 0;\n}\n\n.send-accounts .uik-dropdown__dropdown {\n  width: 100% !important;\n  max-height: calc(100vh - 400px);\n  overflow: auto;\n}\n\n.send-accounts__account .uik-dropdown__item-text {\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.send-accounts__account--selected {\n  background: var(--border-color-light) !important;\n}\n\n.send-accounts__account .send-accounts__account-identicon {\n  margin-left: -5px;\n}\n\n.send-accounts__account-info {\n  display: flex;\n  max-width: calc(100% - 49px);\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: flex-start;\n  margin-left: 10px;\n}\n\n.send-accounts__account-name {\n  font-size: .875rem;\n  font-weight: 500;\n  color: var(--text);\n  line-height: 1.3;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.send-accounts__account-address {\n  font-size: .813rem;\n  font-weight: 400;\n  color: var(--text-light);\n  line-height: 1.3;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}",".bind-evm .uik-button {\r\n  width: 100%;\r\n  margin-top: 25px;\r\n}\r\n\r\n.bind-evm-account {\r\n  width: 100%;\r\n  border-radius: 15px;\r\n  box-shadow: var(--neomorph-out);\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  transition: all 0.125s;\r\n  padding: 15px;\r\n  background-color: transparent;\r\n  border: none;\r\n  margin: 1rem 0;\r\n}\r\n\r\n.bind-evm-account__identicon {\r\n  width: 44px;\r\n  min-width: 44px;\r\n  height: 44px;\r\n}\r\n\r\n.bind-evm-account__info {\r\n  margin-left: 13px;\r\n  display: flex;\r\n  flex-flow: column nowrap;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n}\r\n\r\n.bind-evm-account__name {\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  color: var(--text);\r\n  white-space: nowrap;\r\n  line-height: 1.4;\r\n}\r\n\r\n.bind-evm-account__address {\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: hsla(\r\n    var(--text--h),\r\n    var(--text--s),\r\n    var(--text--l),\r\n    0.85\r\n  );\r\n  white-space: nowrap;\r\n  line-height: 1.3;\r\n  padding-left: 0.5px;\r\n  margin-top: 1px;\r\n}\r\n\r\n.bind-evm p {\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n}\r\n\r\n.bind-evm__select-account {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n\r\n.bind-evm__select-account > span {\r\n  width: 100%;\r\n}\r\n\r\n.bind-evm__select-account:hover .bind-evm-account {\r\n  box-shadow: var(--neomorph-out), inset 0 0 0 2px var(--primary);\r\n  background-color: hsla(\r\n    var(--primary--h),\r\n    var(--primary--s),\r\n    var(--primary--l),\r\n    0.05\r\n  );\r\n}\r\n\r\n.bind-evm__loading {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.bind-evm__loading span {\r\n  margin-left: 25px;\r\n}\r\n\r\n.bind-evm__custom-select {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.bind-evm__custom-select .prompt {\r\n  display: flex;\r\n  margin-left: 5px;\r\n}\r\n\r\n.bind-evm__custom-select .icon {\r\n  color: var(--primary);\r\n  margin-left: 3px;\r\n}\r\n\r\n.bind-evm__custom-select .uik-toggle .uik-toggle__toggle {\r\n  background-color: var(--border-color-dark);\r\n}",".overlay-action__wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  min-height: 100vh;\n  max-height: 100vh;\n  z-index: 1000;\n  background-color: var(--bg);\n  overflow: auto;\n}\n\n.overlay-action__wrapper.enter {\n  transform: translateY(-100%);\n  background-color: hsl(\n    var(--bg--h),\n    var(--bg--s),\n    calc(var(--bg--l) + 10%)\n  );\n  animation: overlay-action-enter 0.5s;\n}\n\n@keyframes overlay-action-enter {\n  from {\n    transform: translateY(-100%);\n    background-color: hsl(\n      var(--bg--h),\n      var(--bg--s),\n      calc(var(--bg--l) + 10%)\n    );\n  }\n}\n\n.overlay-action__wrapper.overlay-action__content {\n  opacity: 0;\n}\n\n.overlay-action__wrapper.enter-active,\n.overlay-action__wrapper.enter-done,\n.overlay-action__wrapper.exit {\n  opacity: 1;\n  transform: none;\n  background-color: var(--bg);\n}\n\n.overlay-action__wrapper.enter-active .overlay-action__content,\n.overlay-action__wrapper.enter-done .overlay-action__content,\n.overlay-action__wrapper.exit .overlay-action__content {\n  opacity: 1;\n  transform: none;\n}\n\n.overlay-action__wrapper.exit-active {\n  transform: translateY(-100%);\n}\n\n.overlay-action__wrapper.exit-active .overlay-action__content {\n  opacity: 0;\n}\n\n.overlay-action__wrapper.enter-active,\n.overlay-action__wrapper.exit-active {\n  transition: all 0.5s;\n}\n\n.overlay-action__wrapper.enter-active .overlay-action__content {\n  transition-delay: 0.35s;\n}\n\n.overlay-action__content {\n  width: 100%;\n  padding: 50px;\n  max-width: 900px;\n  margin: 0 auto;\n  transition: all 0.35s;\n}\n\n.overlay-action__head {\n  margin-top: -10px;\n  width: 100%;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n}\n\n.overlay-action__title {\n  font-size: 1.625rem;\n  line-height: 1.2;\n  font-weight: 500;\n  color: hsla(\n    var(--text--h),\n    var(--text--s),\n    var(--text--l),\n    0.9\n  );\n}\n\n.overlay-action__close-btn {\n  position: absolute;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 54px;\n  height: 54px;\n  min-width: 54px;\n  border-radius: 50%;\n  background-color: transparent;\n  border: none;\n  transition: all 0.125s;\n  color: var(--text-light);\n  box-shadow: var(--neomorph-out);\n}\n\n.overlay-action .uik-modal__close-btn-icon {\n  width: 14px;\n  height: 22px;\n}\n\n.overlay-action__close-btn:hover {\n  color: var(--primary);\n  cursor: pointer;\n  box-shadow: var(--neomorph-out-light), var(--neomorph-in-light);\n}\n\n.overlay-action__close-btn:active {\n  color: var(--primary);\n  box-shadow: var(--neomorph-out-light), var(--neomorph-in);\n}\n\n.overlay-action__slot {\n  width: 100%;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: flex-start;\n  padding-top: 40px;\n} "]}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import './Style.css';
+export * from './state';
+export * from './appState';
+export * as api from './api';
+export * as rpc from './rpc';
+export * as hooks from './hooks';
+export * as utils from './utils';
+export * as store from './store';
+export * as graphql from './graphql';
+export * as Components from './components';