@make-software/csprclick-ui 1.5.0 → 1.7.2

package/dist/cjs/lib/lib/BuyCspr/api/useOnRamApi.d.ts

@@ -1,4 +1,4 @@
-import { ConfirmBuyCSPRResponse, GetOnRampResponse, GetResponseType, ResponseOnRampProps } from "../types";
+import { ConfirmBuyCSPRResponse, GetOnRampResponse, GetResponseType, ResponseOnRampProps } from '../types';
 export declare const useGetBuyCSPRData: () => GetResponseType<GetOnRampResponse>;
 export declare const useGetProvidersList: () => {
     loading?: boolean | undefined;

package/dist/cjs/lib/lib/BuyCspr/components/BuyCSPRForm.d.ts

@@ -1,2 +1,2 @@
 import { BuyCSPRFormProps } from '../types';
-export declare const BuyCSPRForm: ({ acc, buyCSPRFormData, onNextStep, themeMode, }: BuyCSPRFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BuyCSPRForm: ({ acc, buyCSPRFormData, onNextStep, themeMode }: BuyCSPRFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/lib/lib/BuyCspr/components/ChooseProvider.d.ts

@@ -8,5 +8,5 @@ interface ChooseProviderProps {
     onBack: () => void;
     onClose: () => void;
 }
-export declare const ChooseProvider: ({ rampData, lastInputIsCrypto, countryTitle, currencyCode, onSubmit, onBack, onClose, }: ChooseProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChooseProvider: ({ rampData, lastInputIsCrypto, countryTitle, currencyCode, onSubmit, onBack, onClose }: ChooseProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/lib/lib/BuyCspr/components/NoAvailableProviders.d.ts

@@ -7,5 +7,5 @@ interface NoAvailableProvidersProps {
     onClose: () => void;
     error?: OnRampError;
 }
-export declare const NoAvailableProviders: ({ countryTitle, currencyCode, message, error, onBack, onClose, }: NoAvailableProvidersProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NoAvailableProviders: ({ countryTitle, currencyCode, message, error, onBack, onClose }: NoAvailableProvidersProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/lib/lib/BuyCspr/components/ProviderRow.d.ts

@@ -1,3 +1,3 @@
 import { ProviderRowProps } from '../types';
-export declare const ProviderRow: ({ providerName, csprExchangeRate, cryptoAsset, cryptoAmount, isActive, onClick, logoSVG, logoPNG, margin, fees, }: ProviderRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProviderRow: ({ providerName, csprExchangeRate, cryptoAsset, cryptoAmount, isActive, onClick, logoSVG, logoPNG, margin, fees }: ProviderRowProps) => import("react/jsx-runtime").JSX.Element;
 export default ProviderRow;

package/dist/cjs/lib/lib/BuyCspr/components/RedirectionBlocked.d.ts

@@ -3,4 +3,4 @@ export interface RedirectionBlockedProps {
     location: string;
     onClose: () => void;
 }
-export declare const RedirectionBlocked: ({ provider, location, onClose, }: RedirectionBlockedProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RedirectionBlocked: ({ provider, location, onClose }: RedirectionBlockedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/lib/lib/BuyCspr/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const DropdownStyles: (maxHeight?: string) => {
+    control: (base: any, state: any) => any;
+    menuList: (styles: any) => any;
+    option: (styles: any, { isFocused, isSelected }: {
+        isFocused: any;
+        isSelected: any;
+    }) => any;
+};

package/dist/cjs/lib/lib/BuyCspr/types.d.ts

@@ -1,6 +1,6 @@
 import { AccountType } from '@make-software/csprclick-core-types';
 import { ThemeModeType } from '../types';
-import React from "react";
+import React from 'react';
 export interface CountryProps {
     value: string;
     label: string;

package/dist/cjs/lib/lib/ChangeAccountConfirmation/ChangeAccountConfirmation.d.ts

@@ -1,4 +1,4 @@
-import { ThemeModeType } from "../types";
+import { ThemeModeType } from '../types';
 interface ChangeAccountConfirmationProps {
     themeMode?: ThemeModeType;
 }

package/dist/cjs/lib/lib/ClickUI.d.ts

@@ -14,5 +14,5 @@ interface ClickUIProps {
     rootAppElement?: string;
     show1ClickModal?: boolean;
 }
-export declare function ClickUI({ themeMode, topBarSettings, rootAppElement, show1ClickModal, }: ClickUIProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClickUI({ themeMode, topBarSettings, rootAppElement, show1ClickModal }: ClickUIProps): import("react/jsx-runtime").JSX.Element;
 export default ClickUI;

package/dist/cjs/lib/lib/CrossNavigationMenu/InnerMenu.d.ts

@@ -1,7 +1,9 @@
+import React from 'react';
 import { CrossAppMenuItemSettings } from '@make-software/csprclick-core-types';
 export interface InnerMenuProps {
     caption: string;
+    onClickCaption?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     isOpen: boolean;
     menuItems: CrossAppMenuItemSettings[] | undefined;
 }
-export declare const InnerMenu: ({ caption, menuItems, isOpen }: InnerMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InnerMenu: ({ caption, menuItems, isOpen, onClickCaption }: InnerMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/lib/lib/CustomSettingsSelector/CustomSettingsSelector.d.ts

@@ -3,7 +3,8 @@ export interface ItemMenuProps {
     currentItem?: string | CustomTopBarMenuItem;
     onChangeItem: (item: string) => void;
     items: string[] | CustomTopBarMenuItem[];
+    dropdownCssClass?: string;
 }
 export declare const getCurrentIcon: (menu: any, isTopBar?: boolean) => any;
-declare const CustomSettingsSelector: ({ items, currentItem, onChangeItem }: ItemMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomSettingsSelector: ({ items, currentItem, onChangeItem, dropdownCssClass }: ItemMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomSettingsSelector;

package/dist/cjs/lib/lib/InfoPopup/InfoPopup.d.ts

@@ -1,5 +1,5 @@
 import { ThemeModeType } from '@make-software/cspr-ui';
-import React from "react";
+import React from 'react';
 export interface InfoPopupRef {
     hide: () => void;
 }

package/dist/cjs/lib/lib/LangSwitch/components/LangSwitchContainerMobile.d.ts

@@ -1,4 +1,4 @@
-import { Lang } from "../../types";
+import { Lang } from '../../types';
 interface LangSwitchContainerMobileProps {
     languages: Lang[];
     onChangeLanguage: (lang: Lang) => void;

package/dist/cjs/lib/lib/OneClickSignIn/OneClickSignIn.d.ts

@@ -1,5 +1,5 @@
 import { AccountType } from '@make-software/csprclick-core-types';
-import { ThemeModeType } from "../types";
+import { ThemeModeType } from '../types';
 interface OneClickSignInProps {
     accounts: AccountType[];
     onAccountClick: (acc: AccountType | null) => Promise<void>;

package/dist/cjs/lib/lib/ProviderConnection/ProviderConnection.d.ts

@@ -20,5 +20,5 @@ interface ProviderConnectionProps {
     themeMode?: ThemeModeType;
     onModalClose?: () => void;
 }
-export declare const ProviderConnection: ({ clickRef, event, themeMode, onModalClose, }: ProviderConnectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProviderConnection: ({ clickRef, event, themeMode, onModalClose }: ProviderConnectionProps) => import("react/jsx-runtime").JSX.Element;
 export default ProviderConnection;

package/dist/cjs/lib/lib/SignIn/components/SocialLogin.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Provider } from "../../types";
+import { Provider } from '../../types';
 interface SocialLoginProps {
     providers: Provider[];
 }

package/dist/cjs/lib/lib/SkeletonLoader/SkeletonLoader.d.ts

@@ -4,5 +4,5 @@ interface SkeletonComponentProps {
     width?: string;
     height?: string;
 }
-export declare const SkeletonLoader: ({ baseColor, animationColor, height, width, }: SkeletonComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SkeletonLoader: ({ baseColor, animationColor, height, width }: SkeletonComponentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/lib/lib/SwitchAccount/SwitchAccount.d.ts

@@ -1,5 +1,5 @@
-import { Options, ThemeModeType } from "../types";
-import { AccountType } from "@make-software/csprclick-core-types";
+import { Options, ThemeModeType } from '../types';
+import { AccountType } from '@make-software/csprclick-core-types';
 export interface SwitchAccountSceneProps {
     options: Options;
     clickRef: any;

package/dist/cjs/lib/lib/SwitchCurrency/SwitchCurrency.d.ts

@@ -1,6 +1,6 @@
-import { CurrencySettings } from "../types";
+import { CurrencySettings } from '../types';
 interface SwitchCurrencyProps {
     currencySettings: CurrencySettings;
 }
-export declare const SwitchCurrency: ({ currencySettings, }: SwitchCurrencyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SwitchCurrency: ({ currencySettings }: SwitchCurrencyProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/lib/lib/SwitchCurrency/components/CurrencyItemContainer.d.ts

@@ -4,5 +4,5 @@ interface CurrencyDisplayOptions {
 }
 interface CurrencyItemContainerProps extends CurrencySettings, CurrencyDisplayOptions {
 }
-export declare const CurrencyItemContainer: ({ currencies, onChangeCurrency, currentCurrency, columnAmount, }: CurrencyItemContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CurrencyItemContainer: ({ currencies, onChangeCurrency, currentCurrency, columnAmount }: CurrencyItemContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/lib/lib/TopBar/TopBar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AccountType } from "@make-software/csprclick-core-types";
+import { AccountType } from '@make-software/csprclick-core-types';
 import { CurrencySettings, LanguageSettings, NetworkSettings, ThemeModeType, CustomTopBarMenuSettings } from '../types';
 export declare const BannerLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
 interface TopBarProps {

package/dist/cjs/lib/lib/TopBar/components/CopyHashMenuItem.d.ts

@@ -1,2 +1,2 @@
-export declare const CopyHashMenuItem: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyHashMenuItem: () => import("react/jsx-runtime").JSX.Element;
 export default CopyHashMenuItem;

package/dist/cjs/lib/lib/TopBar/components/DropdownPopupItem.d.ts

@@ -7,5 +7,5 @@ interface DropdownPopupItemProps {
     height?: string;
     width?: string;
 }
-export declare const DropdownPopupItem: ({ isOpen, onClose, children, popupTitle, height, width, }: DropdownPopupItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownPopupItem: ({ isOpen, onClose, children, popupTitle, height, width }: DropdownPopupItemProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownPopupItem;

package/dist/cjs/lib/lib/TopBar/components/MobileDropdownContainer.d.ts

@@ -11,5 +11,5 @@ export interface MobileDropdownContainerProps {
 export declare const NavDropDownItemWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledCommonItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").SvgIconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledPopupTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").BodyTextProps & React.RefAttributes<HTMLSpanElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const MobileDropdownContainer: ({ currencySettings, languageSettings, networkSettings, themeMode, onThemeSwitch, customTopBarMenuSettings, }: MobileDropdownContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileDropdownContainer: ({ currencySettings, languageSettings, networkSettings, themeMode, onThemeSwitch, customTopBarMenuSettings }: MobileDropdownContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default MobileDropdownContainer;

package/dist/cjs/lib/lib/TransactionReview/MessageSignatureInstructions.d.ts

@@ -1,4 +1,4 @@
-import { ThemeModeType } from "../types";
+import { ThemeModeType } from '../types';
 interface MessageSignatureInstructionsProps {
     message: string;
     messageHash: string;

package/dist/cjs/lib/lib/WalletConnect/WalletConnectConnection.d.ts

@@ -18,5 +18,5 @@ interface WalletConnectConnectionProps {
     themeMode?: ThemeModeType;
     onModalClose?: () => void;
 }
-export declare const WalletConnectConnection: ({ clickRef, event, themeMode, onModalClose, }: WalletConnectConnectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WalletConnectConnection: ({ clickRef, event, themeMode, onModalClose }: WalletConnectConnectionProps) => import("react/jsx-runtime").JSX.Element;
 export default WalletConnectConnection;

package/dist/cjs/lib/lib/WalletConnect/components/NewPairing.d.ts

@@ -1,5 +1,5 @@
 import { ThemeModeType } from '../../types';
-import { CSPRClickSDK } from "@make-software/csprclick-core-client";
+import { CSPRClickSDK } from '@make-software/csprclick-core-client';
 interface NewPairingProps {
     pairingUri: string;
     appName: string;

package/dist/cjs/lib/lib/components/AccountListItem.d.ts

@@ -1,5 +1,5 @@
-import { AccountType } from "@make-software/csprclick-core-types";
-import { ThemeModeType } from "../types";
+import { AccountType } from '@make-software/csprclick-core-types';
+import { ThemeModeType } from '../types';
 interface AccountListItemProps {
     account?: AccountType;
     isNarrowItem?: boolean;

package/dist/cjs/lib/lib/components/FooterPolicies.d.ts

@@ -1,4 +1,4 @@
-import { CSPRClickSDK } from "@make-software/csprclick-core-client";
+import { CSPRClickSDK } from '@make-software/csprclick-core-client';
 interface FooterPoliciesProps {
     clickRef: CSPRClickSDK;
 }

package/dist/cjs/lib/lib/components/ScrollContainer.d.ts

@@ -17,5 +17,5 @@ export declare enum ScrollVariations {
     'big' = "big",
     'medium' = "medium"
 }
-declare const ScrollContainer: ({ children, isModalOverflowing, variation, customMaxHeight, customMinHeight, }: ScrollContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ScrollContainer: ({ children, isModalOverflowing, variation, customMaxHeight, customMinHeight }: ScrollContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default ScrollContainer;

package/dist/cjs/lib/lib/types/customTopBarMenuSettings.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export declare const CUSTOM = "CUSTOM";
 export interface CustomTopBarMenuItem {
     title: string;

package/dist/cjs/lib/lib/types/networks.d.ts

@@ -1,4 +1,4 @@
-import { CustomTopBarMenuItem } from "./customTopBarMenuSettings";
+import { CustomTopBarMenuItem } from './customTopBarMenuSettings';
 export declare const NETWORK = "NETWORK";
 export type Network = CustomTopBarMenuItem;
 export interface NetworkSettings {

package/dist/cjs/lib/lib/types/theme.d.ts

@@ -1,22 +1,115 @@
 export declare const CsprClickThemes: any;
-export interface getThemesByColorProps {
+export interface BuildThemeProps {
     csprclickDarkTheme: object;
     csprclickLightTheme: object;
-    appDarkTheme: object;
-    appLightTheme: object;
+    appDarkTheme?: object;
+    appLightTheme?: object;
 }
-export declare enum mappedColors {
+export declare enum clickStyleguide {
     backgroundTopBarColor = "backgroundTertiary",
     backgroundMenuColor = "backgroundPrimary",
     hoverProductMenu = "backgroundSecondary",
     hoverAccountMenu = "fillSecondary",
-    textColor = "contentPrimary"
+    textColor = "contentPrimary",
+    topBarTextColor = "contentTertiary",
+    menuIconAndLinkColor = "contentBlue",
+    topBarIconHoverColor = "contentOnFill"
 }
+export declare const DefaultThemes: {
+    csprclick: {
+        csprclickDarkTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+        csprclickLightTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+    };
+    red: {
+        csprclickDarkTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+        csprclickLightTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+    };
+    green: {
+        csprclickDarkTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+        csprclickLightTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+    };
+    blue: {
+        csprclickDarkTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+        csprclickLightTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+    };
+};
 export declare enum ThemeModeType {
     light = "light",
     dark = "dark"
 }
-export declare const getThemesByColor: (theme: getThemesByColorProps) => {
+export declare const buildTheme: (theme: BuildThemeProps) => {
     dark: any;
     light: any;
 };

package/dist/index.d.ts

@@ -67,24 +67,117 @@ interface NetworkSettings {
 }
 
 declare const CsprClickThemes: any;
-interface getThemesByColorProps {
+interface BuildThemeProps {
     csprclickDarkTheme: object;
     csprclickLightTheme: object;
-    appDarkTheme: object;
-    appLightTheme: object;
+    appDarkTheme?: object;
+    appLightTheme?: object;
 }
-declare enum mappedColors {
+declare enum clickStyleguide {
     backgroundTopBarColor = "backgroundTertiary",
     backgroundMenuColor = "backgroundPrimary",
     hoverProductMenu = "backgroundSecondary",
     hoverAccountMenu = "fillSecondary",
-    textColor = "contentPrimary"
+    textColor = "contentPrimary",
+    topBarTextColor = "contentTertiary",
+    menuIconAndLinkColor = "contentBlue",
+    topBarIconHoverColor = "contentOnFill"
 }
+declare const DefaultThemes: {
+    csprclick: {
+        csprclickDarkTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+        csprclickLightTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+    };
+    red: {
+        csprclickDarkTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+        csprclickLightTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+    };
+    green: {
+        csprclickDarkTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+        csprclickLightTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+    };
+    blue: {
+        csprclickDarkTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+        csprclickLightTheme: {
+            backgroundTertiary: string;
+            backgroundPrimary: string;
+            backgroundSecondary: string;
+            fillSecondary: string;
+            contentPrimary: string;
+            contentTertiary: string;
+            contentBlue: string;
+            contentOnFill: string;
+        };
+    };
+};
 declare enum ThemeModeType {
     light = "light",
     dark = "dark"
 }
-declare const getThemesByColor: (theme: getThemesByColorProps) => {
+declare const buildTheme: (theme: BuildThemeProps) => {
     dark: any;
     light: any;
 };
@@ -150,7 +243,7 @@ interface ClickUIProps {
     rootAppElement?: string;
     show1ClickModal?: boolean;
 }
-declare function ClickUI({ themeMode, topBarSettings, rootAppElement, show1ClickModal, }: ClickUIProps): react_jsx_runtime.JSX.Element;
+declare function ClickUI({ themeMode, topBarSettings, rootAppElement, show1ClickModal }: ClickUIProps): react_jsx_runtime.JSX.Element;
 
 declare const MODAL_ACTIONS: {
     NONE: string;
@@ -215,7 +308,7 @@ interface BuyCSPRMenuItemProps {
 }
 declare const BuyCSPRMenuItem: ({ badge }: BuyCSPRMenuItemProps) => react_jsx_runtime.JSX.Element;
 
-declare const CopyHashMenuItem: (props: any) => react_jsx_runtime.JSX.Element;
+declare const CopyHashMenuItem: () => react_jsx_runtime.JSX.Element;
 
 declare const ViewAccountOnExplorerMenuItem: (props: any) => react_jsx_runtime.JSX.Element;
 
@@ -228,4 +321,4 @@ interface AccountIdenticonProps {
 }
 declare const AccountIdenticon: ({ hex, size }: AccountIdenticonProps) => react_jsx_runtime.JSX.Element;
 
-export { AccountIdenticon, AccountMenuItem, type AccountMenuItemProps, type BadgeBackgroundColor, type BadgeProps, BannerLink, BuyCSPRMenuItem, CURRENCY, CUSTOM, CanvasContainer, ClickModal, ClickProvider, ClickUI, CopyHashMenuItem, CsprClickThemes, type Currency, type CurrencySettings, CurrencyType, type CustomTopBarMenuItem, type CustomTopBarMenuSettings, LANGUAGE, Lang, type LanguageSettings, MODAL_ACTIONS, NETWORK, type Network, type NetworkSettings, OneClickSignInInner, type Options, type Provider, SignIn, type SignInSceneProps, ThemeModeType, TopBar, type TopBarSettings, ViewAccountOnExplorerMenuItem, getThemesByColor, type getThemesByColorProps, mappedColors, useClickBadge, useClickRef };
+export { AccountIdenticon, AccountMenuItem, type AccountMenuItemProps, type BadgeBackgroundColor, type BadgeProps, BannerLink, type BuildThemeProps, BuyCSPRMenuItem, CURRENCY, CUSTOM, CanvasContainer, ClickModal, ClickProvider, ClickUI, CopyHashMenuItem, CsprClickThemes, type Currency, type CurrencySettings, CurrencyType, type CustomTopBarMenuItem, type CustomTopBarMenuSettings, DefaultThemes, LANGUAGE, Lang, type LanguageSettings, MODAL_ACTIONS, NETWORK, type Network, type NetworkSettings, OneClickSignInInner, type Options, type Provider, SignIn, type SignInSceneProps, ThemeModeType, TopBar, type TopBarSettings, ViewAccountOnExplorerMenuItem, buildTheme, clickStyleguide, useClickBadge, useClickRef };