@rango-dev/ui 0.15.1-next.2 → 0.15.1-next.21

package/src/theme.ts

@@ -1,88 +1,143 @@
 // TSDX + stiches doesn't work with import statement and has a bug.
 
-import { PropertyValue, CreateStitches } from '@stitches/react';
-import { DefaultThemeMap } from '@stitches/react/types/config';
+import type { PropertyValue } from '@stitches/react';
+import type { DefaultThemeMap } from '@stitches/react/types/config';
+
 import { createStitches } from '@stitches/react';
 
 /* ----------------------- Values ----------------------- */
 
-const theme = {
+export const theme = {
   colors: {
-    primary: '#5FA425',
-    primary100: '#9FC87C',
-    primary200: '#8FBF66',
-    primary300: '#7FB651',
-    primary400: '#6FAD3B',
-    primary500: '#5FA425',
-    primary600: '#4C831E',
-    primary700: '#396216',
-    primary800: '#26420F',
-    primary900: '#132107',
-    surface: '#fff',
-    neutral100: '#f3f3f3',
-    neutral200: '#FAFAFA',
-    neutral300: '#EAEAEA',
-    neutral400: '#999999',
-    neutral500: '#888888',
-    neutral600: '#666666',
-    neutral700: '#444444',
-    neutral800: '#333333',
-    neutral900: '#111111',
-    background: '#fff',
-    foreground: '#000',
-    success: '#0070F3',
-    success100: '#D3E5FF',
-    success300: '#3291FF',
-    success500: '#0070F3',
-    success700: '#0761D1',
-    warning: '#F5A623',
-    warning100: '#FFEFCF',
-    warning300: '#F7B955',
-    warning500: '#F5A623',
-    warning700: '#AB570A',
-    error: '#FF0000',
-    error100: '#F7D4D6',
-    error300: '#FF3333',
-    error500: '#FF0000',
-    error700: '#E60000',
-    // Only use this color when you are going to use white for both dark and light theme.
-    white: '#fff',
+    primary500: '#1C3CF1',
+    primary600: '#0B27C5',
+
+    secondary100: '#E9F4FF',
+    secondary200: '#D6EAFF',
+    secondary300: '#C8E3FF',
+    secondary400: '#B5D9FF',
+    secondary500: '#469BF5',
+    secondary600: '#2284ED',
+    secondary700: '#242D5B',
+    secondary800: '#131C49',
+    secondary900: '#0E1744',
+
+    neutral100: '#F9F9F9',
+    neutral200: '#F6F6F6',
+    neutral300: '#F2F2F2',
+    neutral400: '#EEEEEE',
+    neutral500: '#E6E6E6',
+    neutral600: '#1B1B1B',
+    neutral700: '#121212',
+    neutral800: '#A2A2A2',
+    neutral900: '#727272',
+
+    error100: '#FDF3F3',
+    error300: '#FFD7D7',
+    error500: '#FF3B3B',
+    error600: '#432F2F',
+    error700: '#191212',
+
+    warning100: '#FFF1D4',
+    warning300: '#FFD8B4',
+    warning500: '#F17606',
+    warning600: '#38271F',
+    warning700: '#1A1412',
+
+    info100: '#E9F3FF',
+    info300: '#C8E2FF',
+    info500: '#5BABFF',
+    info600: '#2E2E41',
+    info700: '#121521',
+
+    success100: '#CEFAE6',
+    success300: '#BDECD7',
+    success500: '#06C270',
+    success600: '#1F2825',
+    success700: '#0F1412',
+
+    background: '#FDFDFD',
+    foreground: '#010101',
   },
   space: {
+    0: '0rem',
+    5: '0.313rem',
+    10: '0.625rem',
+    15: '0.938rem',
+    20: '1.25rem',
+    25: '1.563rem',
+    30: '1.875rem',
+    40: '2.5rem',
+    46: '2.875rem',
+    50: '3.125rem',
+    60: '3.75rem',
+    70: '4.375rem',
+    80: '5rem',
+    90: '5.625rem',
+    100: '6.25rem',
+
+    //These should be removed
     2: '2px',
     4: '4px',
     6: '6px',
     8: '8px',
-    10: '10px',
     12: '12px',
     16: '16px',
-    20: '20px',
     24: '24px',
     28: '28px',
-    30: '30px',
     32: '32px',
   },
+
+  radii: {
+    xs: '5px',
+    sm: '10px',
+    xm: '15px',
+    md: '25px',
+    xl: '35px',
+    lg: '40px',
+    primary: '20px',
+    secondary: `$md`,
+  },
+
   fontSizes: {
-    10: '10px',
-    12: '12px',
-    14: '14px',
-    16: '16px',
-    18: '18px',
-    20: '20px',
-    24: '24px',
-    32: '32px',
-    36: '36px',
-    40: '40px',
-    48: '48px',
+    10: '0.625rem',
+    12: '0.75rem',
+    14: '0.875rem',
+    16: '1rem',
+    18: '1.125rem',
+    20: '1.25rem',
+    22: '1.375rem',
+    24: '1.5rem',
+    28: '1.75rem',
+    32: '2rem',
+    36: '2.25rem',
+    40: '2.5rem',
+    48: '3rem',
+  },
+  fonts: {
+    primary: 'Roboto',
+    widget: '$primary',
   },
-  fonts: {},
   fontWeights: {
-    400: '400',
-    500: '500',
-    600: '600',
-    700: '700',
+    regular: 400,
+    medium: 500,
+    semiBold: 600,
+    bold: 700,
+  },
+  lineHeights: {
+    12: '0.75rem',
+    16: '1rem',
+    20: '1.25rem',
+    24: '1.5rem',
+    26: '1.625rem',
+    28: '1.75rem',
+    30: '1.875rem',
+    36: '2.25rem',
+    40: '2.5rem',
+    44: '2.75rem',
+    52: '3.25rem',
+    64: '4rem',
   },
-  lineHeights: {},
   letterSpacings: {},
   sizes: {
     4: '4px',
@@ -90,20 +145,18 @@ const theme = {
     8: '8px',
     12: '12px',
     16: '16px',
+    18: '18px',
     20: '20px',
     24: '24px',
     28: '28px',
     32: '32px',
     36: '36px',
     40: '40px',
+    45: '45px',
     48: '48px',
   },
   borderWidths: {},
   borderStyles: {},
-  radii: {
-    5: '8px',
-    10: '12px',
-  },
   shadows: {
     s: '0px 3px 5px 3px #f0f2f5, 0px 6px 10px 3px #f0f2f5, 0px 1px 18px 3px #f0f2f5',
   },
@@ -123,37 +176,39 @@ const utils = {
 
 /* ----------------------- End of Values ----------------------- */
 
-const typedCreateStiches = createStitches as CreateStitches;
-
-export const { styled, css, createTheme, keyframes, globalCss, config } = typedCreateStiches<
-  '',
-  typeof media,
-  typeof theme,
-  DefaultThemeMap,
-  // TODO: Make `utils` typesafe as well.
-  {}
->({
-  media,
-  theme,
-  utils,
-});
+const typedCreateStiches = createStitches;
+
+export const { styled, css, createTheme, keyframes, globalCss, config } =
+  typedCreateStiches<'', typeof media, typeof theme, DefaultThemeMap>({
+    media,
+    theme,
+    utils,
+  });
 
 export const lightTheme = createTheme({});
 
 export const darkTheme = createTheme({
   colors: {
-    surface: '#000',
-    neutral900: '#f3f3f3',
-    neutral800: '#FAFAFA',
-    neutral700: '#EAEAEA',
-    neutral600: '#999999',
-    neutral500: '#888888',
-    neutral400: '#666666',
-    neutral300: '#444444',
-    neutral200: '#333333',
-    neutral100: '#111111',
-    foreground: '#fff',
-    background: '#000',
+    secondary400: '#469BF5',
+    secondary500: '#2284ED',
+    secondary600: '#2B3462',
+
+    neutral900: '#E9E9E9',
+    neutral800: '#B8B8B8',
+    neutral700: '#F2F2F2',
+    neutral600: '#EEEEEE',
+    neutral500: '#222222',
+    neutral400: '#1B1B1B',
+    neutral300: '#121212',
+    neutral200: '#111111',
+    neutral100: '#101010',
+
+    error500: '#FF5050',
+
+    warning500: '#FF8A20',
+
+    background: '#010101',
+    foreground: '#FDFDFD',
   },
   shadows: {
     s: '0px 3px 5px 3px #222, 0px 6px 10px 3px #222, 0px 1px 18px 3px #222',

package/src/types/index.ts

@@ -1,3 +1,2 @@
-export * from './wallet';
-
 export type { BestRouteWithFee } from './swaps';
+export type { ConnectedWallet } from './wallet';

package/src/types/meta.ts

@@ -1,4 +1,4 @@
-import { Token } from 'rango-sdk';
+import type { Token } from 'rango-sdk';
 
 export type TokenMeta = {
   blockchain: string;

package/src/types/swaps.ts

@@ -1,10 +1,11 @@
-import {
+import type {
   BestRouteResponse,
   BlockchainValidationStatus,
   SimulationResult,
   SwapResult,
   WalletRequiredAssets,
 } from 'rango-sdk';
+
 export type SwapStatus = 'running' | 'failed' | 'success';
 export type MessageSeverity = 'error' | 'warning' | 'info' | 'success';
 

package/src/types/wallet.ts

@@ -1,33 +1,4 @@
-import { InstallObjects, WalletType } from '@rango-dev/wallets-shared';
-
-export enum WalletState {
-  NOT_INSTALLED = 'not installed',
-  DISCONNECTED = 'disconnected',
-  CONNECTING = 'connecting',
-  CONNECTED = 'connected',
-}
-
-export type WalletInfo = {
-  state:
-    | WalletState.CONNECTED
-    | WalletState.DISCONNECTED
-    | WalletState.CONNECTING
-    | WalletState.NOT_INSTALLED;
-  installLink: InstallObjects | string;
-  name: string;
-  image: string;
-  type: WalletType;
-  showOnMobile: boolean;
-};
-
-export interface SelectableWallet {
-  chain: string;
-  walletType: WalletType;
-  address: string;
-  image: string;
-  selected: boolean;
-  name: string;
-}
+import type { WalletType } from '@rango-dev/wallets-shared';
 
 interface Wallet {
   chain: string;

package/dist/widget/ui/src/components/HeaderButtons/HeaderButtons.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface PropTypes {
-    onClickRefresh?: () => void;
-    onClickHistory?: () => void;
-    onClickSettings?: () => void;
-}
-export declare function HeaderButtons(props: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=HeaderButtons.d.ts.map

package/dist/widget/ui/src/components/HeaderButtons/HeaderButtons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderButtons.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HeaderButtons/HeaderButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,SAAS;IACjB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,qBAyB7C"}

package/dist/widget/ui/src/components/HeaderButtons/index.d.ts

@@ -1,2 +0,0 @@
-export { HeaderButtons } from './HeaderButtons';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/HeaderButtons/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HeaderButtons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/widget/ui/src/components/HeaderLayout/HeaderLayout.d.ts

@@ -1,14 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { LoadingStatus } from '../../types/meta';
-import { ConnectedWallet } from '../../types/wallet';
-interface HeaderLayoutProps {
-    loadingStatus: LoadingStatus;
-    connectedWalletsImages: string[];
-    connectedWallets: ConnectedWallet[];
-    totalBalance: string;
-    fetchingBalance: boolean;
-    onClick: () => void;
-}
-export declare function HeaderLayout({ connectedWalletsImages, loadingStatus, connectedWallets, totalBalance, fetchingBalance, onClick, children, }: PropsWithChildren<HeaderLayoutProps>): React.JSX.Element;
-export {};
-//# sourceMappingURL=HeaderLayout.d.ts.map

package/dist/widget/ui/src/components/HeaderLayout/HeaderLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HeaderLayout/HeaderLayout.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,UAAU,iBAAiB;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,sBAAsB,EAAE,MAAM,EAAE,CAAC;IACjC,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AACD,wBAAgB,YAAY,CAAC,EAC3B,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,qBAoCtC"}

package/dist/widget/ui/src/components/HeaderLayout/index.d.ts

@@ -1,2 +0,0 @@
-export { HeaderLayout } from './HeaderLayout';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/HeaderLayout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HeaderLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/widget/ui/src/components/StatusDrawer/StatusDrawer.d.ts

@@ -1,12 +0,0 @@
-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): React.JSX.Element;
-//# sourceMappingURL=StatusDrawer.d.ts.map

package/dist/widget/ui/src/components/StatusDrawer/StatusDrawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusDrawer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StatusDrawer/StatusDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE;AAaD,wBAAgB,YAAY,CAAC,EAC3B,MAAkB,EAClB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,qBA6CX"}

package/dist/widget/ui/src/components/StatusDrawer/StatusDrawer.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusDrawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StatusDrawer/StatusDrawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAgB,SAAS,EAAE,MAAM,gBAAgB,CAAC;;AAGzD,wBA2B+B;AAE/B,eAAO,MAAM,IAAI,SAAU,SAAS,sBAQnC,CAAC"}

package/dist/widget/ui/src/components/StatusDrawer/index.d.ts

@@ -1,2 +0,0 @@
-export { StatusDrawer } from './StatusDrawer';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/StatusDrawer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StatusDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/widget/ui/src/components/SwapDetail/SwapDetail.d.ts

@@ -1,9 +0,0 @@
-import React, { 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>): React.JSX.Element;
-//# sourceMappingURL=SwapDetail.d.ts.map

package/dist/widget/ui/src/components/SwapDetail/SwapDetail.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwapDetail.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/SwapDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAoC7D,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,OAAO,GACR,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAwD9B"}

package/dist/widget/ui/src/components/SwapDetail/SwapDetail.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PropTypes } from './SwapDetail';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Main: (props: PropTypes) => React.JSX.Element;
-//# sourceMappingURL=SwapDetail.stories.d.ts.map

package/dist/widget/ui/src/components/SwapDetail/SwapDetail.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwapDetail.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/SwapDetail.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;;;;AAGrD,wBAc6B;AAE7B,eAAO,MAAM,IAAI,UAAW,SAAS,sBAA0C,CAAC"}

package/dist/widget/ui/src/components/SwapDetail/Token.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-interface PropTypes {
-    data: {
-        token: {
-            logo: string;
-            symbol: string;
-        };
-        blockchain: {
-            logo: string;
-            name: string;
-        };
-        amount: string;
-        estimatedAmount?: string;
-    };
-}
-export declare function Token(props: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=Token.d.ts.map

package/dist/widget/ui/src/components/SwapDetail/Token.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/Token.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,UAAU,SAAS;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC;YACb,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,UAAU,EAAE;YACV,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;QACF,MAAM,EAAE,MAAM,CAAC;QACf,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH;AACD,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBAqBrC"}

package/dist/widget/ui/src/components/SwapDetail/index.d.ts

@@ -1,2 +0,0 @@
-export { SwapDetail } from './SwapDetail';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/SwapDetail/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/widget/ui/src/components/SwapDetail/mock.d.ts

@@ -1,3 +0,0 @@
-import { PendingSwap } from '../../containers/History/types';
-export declare const swap: PendingSwap;
-//# sourceMappingURL=mock.d.ts.map

package/dist/widget/ui/src/components/SwapDetail/mock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/mock.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,eAAO,MAAM,IAAI,EAAE,WA+QlB,CAAC"}

package/dist/widget/ui/src/components/Wallet/State.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { WalletState } from '../../types/wallet';
-import { InstallObjects } from '@rango-dev/wallets-shared';
-export declare const State: ({ walletState, installLink, }: {
-    walletState: WalletState;
-    installLink: InstallObjects | string;
-}) => React.JSX.Element;
-//# sourceMappingURL=State.d.ts.map

package/dist/widget/ui/src/components/Wallet/State.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/State.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAqB,MAAM,2BAA2B,CAAC;AAQ9E,eAAO,MAAM,KAAK;iBAIH,WAAW;iBACX,cAAc,GAAG,MAAM;uBAerC,CAAC"}

package/dist/widget/ui/src/components/Wallet/Wallet.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PropTypes } from './Wallet';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("../../types/wallet").WalletInfo & {
-    onClick: (walletType: string) => void;
-}>;
-export default _default;
-export declare const Main: (args: PropTypes) => React.JSX.Element;
-//# sourceMappingURL=Wallet.stories.d.ts.map

package/dist/widget/ui/src/components/Wallet/Wallet.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Wallet.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAU,MAAM,UAAU,CAAC;;;;AAG7C,wBAqByB;AAEzB,eAAO,MAAM,IAAI,SAAU,SAAS,sBAAgC,CAAC"}

package/dist/widget/ui/src/containers/ConfirmSwap/ConfirmSwap.d.ts

@@ -1,30 +0,0 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
-import { SelectableWallet } from '../../types';
-type Message = string | ReactNode;
-export interface PropTypes {
-    onBack: () => void;
-    onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    confirmDisabled?: boolean;
-    loading?: boolean;
-    requiredWallets: string[];
-    selectableWallets: SelectableWallet[];
-    onChange: (w: SelectableWallet) => void;
-    isExperimentalChain?: (wallet: string) => boolean;
-    handleConnectChain?: (wallet: string) => void;
-    previewInputs?: ReactNode;
-    previewRoutes?: ReactNode;
-    confirmButtonTitle: string;
-    errors?: Message[];
-    warnings?: Message[];
-    extraMessages?: ReactNode;
-    customDestination?: string;
-    checkedDestination: boolean;
-    setDestinationChain: (chain: string) => void;
-    setCustomDestination: (customDestination: string) => void;
-    customDestinationEnabled?: boolean;
-    isValidCustomDestination: (blockchain: string, address: string) => boolean;
-    isWalletRequired?: boolean;
-}
-export declare function ConfirmSwap(props: PropsWithChildren<PropTypes>): React.JSX.Element;
-export {};
-//# sourceMappingURL=ConfirmSwap.d.ts.map

package/dist/widget/ui/src/containers/ConfirmSwap/ConfirmSwap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmSwap.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConfirmSwap/ConfirmSwap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAiD/C,KAAK,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAElC,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAoK9D"}

package/dist/widget/ui/src/containers/ConfirmSwap/ConfirmSwap.stories.d.ts

@@ -1,9 +0,0 @@
-import { PropTypes } from './ConfirmSwap';
-import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Main: (props: PropTypes) => React.JSX.Element;
-export declare const With5Wallets: (props: PropTypes) => React.JSX.Element;
-//# sourceMappingURL=ConfirmSwap.stories.d.ts.map

package/dist/widget/ui/src/containers/ConfirmSwap/ConfirmSwap.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmSwap.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConfirmSwap/ConfirmSwap.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,SAAS,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAqC1B,wBAO8B;AAE9B,eAAO,MAAM,IAAI,UAAW,SAAS,sBAOpC,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,SAAS,sBAO5C,CAAC"}

package/dist/widget/ui/src/containers/ConfirmSwap/index.d.ts

@@ -1,2 +0,0 @@
-export { ConfirmSwap } from './ConfirmSwap';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/containers/ConfirmSwap/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConfirmSwap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/widget/ui/src/containers/ConfirmSwap/mock.d.ts

@@ -1,6 +0,0 @@
-import { BestRouteType } from '../../types/swaps';
-import { SelectableWallet } from '../../types';
-export declare const bestRoute: BestRouteType;
-export declare const wallets: SelectableWallet[];
-export declare const exampleFor5Wallets: SelectableWallet[];
-//# sourceMappingURL=mock.d.ts.map

package/dist/widget/ui/src/containers/ConfirmSwap/mock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConfirmSwap/mock.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,eAAO,MAAM,SAAS,EAAE,aA8IvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,gBAAgB,EAuBrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EA4ChD,CAAC"}

package/dist/widget/ui/src/containers/History/History.d.ts

@@ -1,7 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { PropTypes as SwapsGroupPropTypes } from './SwapsGroup';
-export type PropTypes = SwapsGroupPropTypes & {
-    loading: boolean;
-};
-export declare function History(props: PropsWithChildren<PropTypes>): React.JSX.Element;
-//# sourceMappingURL=History.d.ts.map

package/dist/widget/ui/src/containers/History/History.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"History.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/History.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAc,SAAS,IAAI,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAuB5E,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnE,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAuC1D"}

package/dist/widget/ui/src/containers/History/History.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"History.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/History.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAW,SAAS,EAAE,MAAM,WAAW,CAAC;;;;;;AAG/C,wBAG0B;AAE1B,eAAO,MAAM,IAAI,UAAW,SAAS,sBAEpC,CAAC"}

package/dist/widget/ui/src/containers/History/SwapsGroup.d.ts

@@ -1,14 +0,0 @@
-import { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
-import React from 'react';
-export type GroupBy = (list: PendingSwap[]) => {
-    title: string;
-    swaps: PendingSwap[];
-}[];
-export interface PropTypes {
-    list: PendingSwap[];
-    onBack: () => void;
-    onSwapClick: (requestId: string) => void;
-    groupBy?: GroupBy;
-}
-export declare function SwapsGroup(props: Omit<PropTypes, 'onBack'>): React.JSX.Element;
-//# sourceMappingURL=SwapsGroup.d.ts.map