@openfort/react 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (192) hide show
  1. package/README.md +139 -0
  2. package/build/assets/ScanIconWithLogos.d.ts +5 -0
  3. package/build/assets/browsers.d.ts +10 -0
  4. package/build/assets/chains.d.ts +61 -0
  5. package/build/assets/icons.d.ts +51 -0
  6. package/build/assets/logos.d.ts +202 -0
  7. package/build/assets/wallet.d.ts +4 -0
  8. package/build/assets/wave.d.ts +2 -0
  9. package/build/components/BalanceButton/index.d.ts +9 -0
  10. package/build/components/Common/Alert/index.d.ts +6 -0
  11. package/build/components/Common/Alert/styles.d.ts +4 -0
  12. package/build/components/Common/Alert/types.d.ts +5 -0
  13. package/build/components/Common/Avatar/index.d.ts +16 -0
  14. package/build/components/Common/Avatar/styles.d.ts +8 -0
  15. package/build/components/Common/BrowserIcon/index.d.ts +4 -0
  16. package/build/components/Common/BrowserIcon/styles.d.ts +1 -0
  17. package/build/components/Common/BrowserIcon/types.d.ts +3 -0
  18. package/build/components/Common/Button/index.d.ts +4 -0
  19. package/build/components/Common/Button/styles.d.ts +16 -0
  20. package/build/components/Common/Button/types.d.ts +16 -0
  21. package/build/components/Common/Chain/index.d.ts +8 -0
  22. package/build/components/Common/Chain/styles.d.ts +9 -0
  23. package/build/components/Common/ChainSelect/index.d.ts +3 -0
  24. package/build/components/Common/ChainSelectDropdown/index.d.ts +9 -0
  25. package/build/components/Common/ChainSelectDropdown/styles.d.ts +4 -0
  26. package/build/components/Common/ChainSelectList/index.d.ts +4 -0
  27. package/build/components/Common/ChainSelectList/styles.d.ts +13 -0
  28. package/build/components/Common/ConnectorList/index.d.ts +2 -0
  29. package/build/components/Common/ConnectorList/styles.d.ts +9 -0
  30. package/build/components/Common/CopyToClipboard/CopyToClipboardIcon.d.ts +5 -0
  31. package/build/components/Common/CopyToClipboard/index.d.ts +7 -0
  32. package/build/components/Common/CustomQRCode/QRCode.d.ts +12 -0
  33. package/build/components/Common/CustomQRCode/index.d.ts +6 -0
  34. package/build/components/Common/CustomQRCode/styles.d.ts +8 -0
  35. package/build/components/Common/CustomQRCode/types.d.ts +8 -0
  36. package/build/components/Common/DynamicContainer/index.d.ts +7 -0
  37. package/build/components/Common/FitText/index.d.ts +10 -0
  38. package/build/components/Common/Input/index.d.ts +4 -0
  39. package/build/components/Common/Input/styles.d.ts +3 -0
  40. package/build/components/Common/Input/types.d.ts +2 -0
  41. package/build/components/Common/LazyImage/index.d.ts +8 -0
  42. package/build/components/Common/Loading/index.d.ts +6 -0
  43. package/build/components/Common/Logo/index.d.ts +8 -0
  44. package/build/components/Common/Logo/styles.d.ts +6 -0
  45. package/build/components/Common/Modal/index.d.ts +24 -0
  46. package/build/components/Common/Modal/styles.d.ts +33 -0
  47. package/build/components/Common/Portal/index.d.ts +2 -0
  48. package/build/components/Common/PoweredByFooter/index.d.ts +5 -0
  49. package/build/components/Common/ScrollArea/index.d.ts +7 -0
  50. package/build/components/Common/ScrollArea/styles.d.ts +8 -0
  51. package/build/components/Common/Spinner/index.d.ts +1 -0
  52. package/build/components/Common/Spinner/styles.d.ts +1 -0
  53. package/build/components/Common/SquircleSpinner/index.d.ts +5 -0
  54. package/build/components/Common/SquircleSpinner/styles.d.ts +4 -0
  55. package/build/components/Common/ThemedButton/index.d.ts +15 -0
  56. package/build/components/Common/ThemedButton/styles.d.ts +4 -0
  57. package/build/components/Common/Tooltip/index.d.ts +4 -0
  58. package/build/components/Common/Tooltip/styles.d.ts +8 -0
  59. package/build/components/Common/Tooltip/types.d.ts +9 -0
  60. package/build/components/ConnectButton/index.d.ts +33 -0
  61. package/build/components/ConnectButton/styles.d.ts +4 -0
  62. package/build/components/ConnectKitThemeProvider/ConnectKitThemeProvider.d.ts +16 -0
  63. package/build/components/ConnectModal/ConnectUsing.d.ts +2 -0
  64. package/build/components/ConnectModal/ConnectWithInjector/CircleSpinner/index.d.ts +9 -0
  65. package/build/components/ConnectModal/ConnectWithInjector/CircleSpinner/styles.d.ts +7 -0
  66. package/build/components/ConnectModal/ConnectWithInjector/index.d.ts +16 -0
  67. package/build/components/ConnectModal/ConnectWithInjector/styles.d.ts +9 -0
  68. package/build/components/ConnectModal/ConnectWithOAuth.d.ts +2 -0
  69. package/build/components/ConnectModal/ConnectWithQRCode.d.ts +5 -0
  70. package/build/components/ConnectModal/index.d.ts +8 -0
  71. package/build/components/FloatingGraphic/styles.d.ts +11 -0
  72. package/build/components/NetworkButton/index.d.ts +8 -0
  73. package/build/components/OpenfortKit/OpenfortKit.d.ts +28 -0
  74. package/build/components/OpenfortKit/context.d.ts +38 -0
  75. package/build/components/OpenfortKit/types.d.ts +136 -0
  76. package/build/components/OpenfortKit/useOpenfortKit.d.ts +1 -0
  77. package/build/components/Pages/About/graphics.d.ts +11 -0
  78. package/build/components/Pages/About/index.d.ts +3 -0
  79. package/build/components/Pages/About/styles.d.ts +12 -0
  80. package/build/components/Pages/Connectors/index.d.ts +3 -0
  81. package/build/components/Pages/Connectors/styles.d.ts +9 -0
  82. package/build/components/Pages/DownloadApp/index.d.ts +2 -0
  83. package/build/components/Pages/EmailLogin/index.d.ts +3 -0
  84. package/build/components/Pages/EmailSignup/index.d.ts +3 -0
  85. package/build/components/Pages/EmailVerification/index.d.ts +3 -0
  86. package/build/components/Pages/ForgotPassword/index.d.ts +3 -0
  87. package/build/components/Pages/LinkEmail/index.d.ts +3 -0
  88. package/build/components/Pages/Loading/index.d.ts +3 -0
  89. package/build/components/Pages/MobileConnectors/index.d.ts +3 -0
  90. package/build/components/Pages/MobileConnectors/styles.d.ts +11 -0
  91. package/build/components/Pages/Onboarding/index.d.ts +3 -0
  92. package/build/components/Pages/Profile/LinkedProviders.d.ts +1 -0
  93. package/build/components/Pages/Profile/index.d.ts +5 -0
  94. package/build/components/Pages/Profile/styles.d.ts +10 -0
  95. package/build/components/Pages/Providers/index.d.ts +7 -0
  96. package/build/components/Pages/Providers/styles.d.ts +3 -0
  97. package/build/components/Pages/Recover/index.d.ts +3 -0
  98. package/build/components/Pages/SoicalProviders/index.d.ts +3 -0
  99. package/build/components/Pages/SoicalProviders/styles.d.ts +3 -0
  100. package/build/components/Pages/SwitchNetworks/index.d.ts +3 -0
  101. package/build/components/contexts/web3/index.d.ts +25 -0
  102. package/build/constants/chainConfigs.d.ts +18 -0
  103. package/build/constants/defaultTheme.d.ts +4 -0
  104. package/build/constants/openfort.d.ts +2 -0
  105. package/build/defaultConfig.d.ts +14 -0
  106. package/build/defaultConnectors.d.ts +14 -0
  107. package/build/defaultTransports.d.ts +15 -0
  108. package/build/hooks/connectors/useCoinbaseWalletUri.d.ts +0 -0
  109. package/build/hooks/connectors/useWalletConnectUri.d.ts +7 -0
  110. package/build/hooks/openfort/auth/requestEmailVerification.d.ts +5 -0
  111. package/build/hooks/openfort/auth/status.d.ts +14 -0
  112. package/build/hooks/openfort/auth/useAuthCallback.d.ts +39 -0
  113. package/build/hooks/openfort/auth/useCreateWalletPostAuth.d.ts +6 -0
  114. package/build/hooks/openfort/auth/useEmailAuth.d.ts +51 -0
  115. package/build/hooks/openfort/auth/useGuestAuth.d.ts +16 -0
  116. package/build/hooks/openfort/auth/useOAuth.d.ts +20 -0
  117. package/build/hooks/openfort/auth/useSignOut.d.ts +8 -0
  118. package/build/hooks/openfort/auth/useThirdPartyAuth.d.ts +1 -0
  119. package/build/hooks/openfort/auth/useWalletAuth.d.ts +20 -0
  120. package/build/hooks/openfort/hookConsistency.d.ts +13 -0
  121. package/build/hooks/openfort/useConnectWithSiwe.d.ts +4 -0
  122. package/build/hooks/openfort/useProviders.d.ts +6 -0
  123. package/build/hooks/openfort/useStatus.d.ts +16 -0
  124. package/build/hooks/openfort/useUI.d.ts +10 -0
  125. package/build/hooks/openfort/useUser.d.ts +5 -0
  126. package/build/hooks/openfort/useWallets.d.ts +37 -0
  127. package/build/hooks/useChainIsSupported.d.ts +1 -0
  128. package/build/hooks/useChains.d.ts +2 -0
  129. package/build/hooks/useConnect.d.ts +110 -0
  130. package/build/hooks/useConnectCallback.d.ts +10 -0
  131. package/build/hooks/useConnectors.d.ts +7 -0
  132. package/build/hooks/useEnsFallbackConfig.d.ts +2 -0
  133. package/build/hooks/useFitText.d.ts +14 -0
  134. package/build/hooks/useFocusTrap.d.ts +1 -0
  135. package/build/hooks/useGoogleFont.d.ts +3 -0
  136. package/build/hooks/useIsMobile.d.ts +1 -0
  137. package/build/hooks/useIsMounted.d.ts +1 -0
  138. package/build/hooks/useLastConnector.d.ts +4 -0
  139. package/build/hooks/useLocalStorage.d.ts +7 -0
  140. package/build/hooks/useLocales.d.ts +1 -0
  141. package/build/hooks/useLockBodyScroll.d.ts +1 -0
  142. package/build/hooks/usePrevious.d.ts +1 -0
  143. package/build/hooks/useWalletConnectModal.d.ts +4 -0
  144. package/build/hooks/useWindowSize.d.ts +4 -0
  145. package/build/index.d.ts +27 -0
  146. package/build/index.es.js +13011 -0
  147. package/build/index.es.js.map +1 -0
  148. package/build/localizations/index.d.ts +93 -0
  149. package/build/localizations/locales/ar-AE.d.ts +3 -0
  150. package/build/localizations/locales/ca-AD.d.ts +3 -0
  151. package/build/localizations/locales/ee-EE.d.ts +3 -0
  152. package/build/localizations/locales/en-US.d.ts +93 -0
  153. package/build/localizations/locales/es-ES.d.ts +3 -0
  154. package/build/localizations/locales/fa-IR.d.ts +3 -0
  155. package/build/localizations/locales/fr-FR.d.ts +3 -0
  156. package/build/localizations/locales/index.d.ts +2 -0
  157. package/build/localizations/locales/ja-JP.d.ts +93 -0
  158. package/build/localizations/locales/pt-BR.d.ts +3 -0
  159. package/build/localizations/locales/ru-RU.d.ts +3 -0
  160. package/build/localizations/locales/tr-TR.d.ts +3 -0
  161. package/build/localizations/locales/vi-VN.d.ts +3 -0
  162. package/build/localizations/locales/zh-CN.d.ts +3 -0
  163. package/build/openfort/OpenfortProvider.d.ts +17 -0
  164. package/build/openfort/OpenfortProvider_old.d.ts +0 -0
  165. package/build/openfort/context.d.ts +2 -0
  166. package/build/openfort/core/client.d.ts +24 -0
  167. package/build/openfort/core/index.d.ts +3 -0
  168. package/build/openfort/useOpenfort.d.ts +1 -0
  169. package/build/siwe/create-siwe-message.d.ts +1 -0
  170. package/build/styles/defaultTheme.d.ts +3 -0
  171. package/build/styles/index.d.ts +6 -0
  172. package/build/styles/styled/index.d.ts +12 -0
  173. package/build/styles/themes/base.d.ts +129 -0
  174. package/build/styles/themes/index.d.ts +673 -0
  175. package/build/styles/themes/midnight.d.ts +74 -0
  176. package/build/styles/themes/minimal.d.ts +94 -0
  177. package/build/styles/themes/nouns.d.ts +79 -0
  178. package/build/styles/themes/retro.d.ts +89 -0
  179. package/build/styles/themes/rounded.d.ts +86 -0
  180. package/build/styles/themes/soft.d.ts +69 -0
  181. package/build/styles/themes/web95.d.ts +91 -0
  182. package/build/styles/types.d.ts +80 -0
  183. package/build/types.d.ts +32 -0
  184. package/build/utils/index.d.ts +18 -0
  185. package/build/utils/localstorage.d.ts +9 -0
  186. package/build/utils/p3.d.ts +2 -0
  187. package/build/utils/wallets.d.ts +24 -0
  188. package/build/version.d.ts +1 -0
  189. package/build/wallets/index.d.ts +7 -0
  190. package/build/wallets/useWallets.d.ts +9 -0
  191. package/build/wallets/walletConfigs.d.ts +30 -0
  192. package/package.json +78 -0
@@ -0,0 +1,13 @@
1
+ export declare const SwitchNetworksContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const ChainIcon: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
3
+ $empty?: boolean;
4
+ }, never>;
5
+ export declare const ChainLogoContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
6
+ export declare const ChainLogoSpinner: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
7
+ export declare const ChainButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const ChainButtons: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
9
+ export declare const ChainButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {
10
+ $variant?: "primary" | "secondary";
11
+ }, never>;
12
+ export declare const ChainButtonStatus: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
13
+ export declare const ChainButtonBg: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -0,0 +1,2 @@
1
+ declare const ConnectorList: () => import("react/jsx-runtime").JSX.Element;
2
+ export default ConnectorList;
@@ -0,0 +1,9 @@
1
+ export declare const ConnectorButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
2
+ export declare const ConnectorLabel: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLSpanElement, import("framer-motion").HTMLMotionProps<"span">>, any, {}, never>;
3
+ export declare const ConnectorIcon: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
4
+ export declare const RecentlyUsedTag: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLSpanElement, import("framer-motion").HTMLMotionProps<"span">>, any, {}, never>;
5
+ export declare const ConnectorsContainer: import("styled-components").StyledComponent<"div", any, {
6
+ $mobile?: boolean;
7
+ $disabled?: boolean;
8
+ $totalResults?: number;
9
+ }, never>;
@@ -0,0 +1,5 @@
1
+ declare const CopyToClipboardIcon: ({ copied, small, }: {
2
+ copied?: boolean;
3
+ small?: boolean;
4
+ }) => import("react/jsx-runtime").JSX.Element;
5
+ export default CopyToClipboardIcon;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ declare const CopyToClipboard: React.FC<{
3
+ string?: string;
4
+ children?: React.ReactNode;
5
+ variant?: 'button';
6
+ }>;
7
+ export default CopyToClipboard;
@@ -0,0 +1,12 @@
1
+ import QRCodeUtil from 'qrcode';
2
+ import React from 'react';
3
+ type Props = {
4
+ ecl?: QRCodeUtil.QRCodeErrorCorrectionLevel;
5
+ size?: number;
6
+ uri: string;
7
+ clearArea?: boolean;
8
+ image?: React.ReactNode;
9
+ imageBackground?: string;
10
+ };
11
+ export declare function QRCode({ ecl, size: sizeProp, uri, clearArea, image, imageBackground, }: Props): import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -0,0 +1,6 @@
1
+ import { CustomQRCodeProps } from './types';
2
+ declare function CustomQRCode({ value, image, imageBackground, imagePosition, tooltipMessage, }: CustomQRCodeProps): import("react/jsx-runtime").JSX.Element;
3
+ declare namespace CustomQRCode {
4
+ var displayName: string;
5
+ }
6
+ export default CustomQRCode;
@@ -0,0 +1,8 @@
1
+ export declare const QRCodeContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
2
+ export declare const QRCodeContent: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
3
+ export declare const PlaceholderKeyframes: import("styled-components").Keyframes;
4
+ export declare const QRPlaceholder: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
5
+ export declare const LogoContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
6
+ export declare const LogoIcon: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
7
+ $wcLogo?: boolean;
8
+ }, never>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export type CustomQRCodeProps = {
3
+ value?: string;
4
+ image?: React.ReactNode;
5
+ imageBackground?: string;
6
+ imagePosition?: 'center' | 'bottom right';
7
+ tooltipMessage?: React.ReactNode | string;
8
+ };
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ type DynamicContainerProps = {
3
+ id: string;
4
+ children?: React.ReactNode;
5
+ };
6
+ declare const DynamicContainer: React.FC<DynamicContainerProps>;
7
+ export default DynamicContainer;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ declare const FitText: {
3
+ ({ children, maxFontSize, minFontSize }: {
4
+ children: React.ReactNode;
5
+ maxFontSize?: number;
6
+ minFontSize?: number;
7
+ }): import("react/jsx-runtime").JSX.Element;
8
+ displayName: string;
9
+ };
10
+ export default FitText;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { InputProps } from './types';
3
+ declare const Input: React.FC<InputProps>;
4
+ export default Input;
@@ -0,0 +1,3 @@
1
+ export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
3
+ export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export type InputProps = {} & React.InputHTMLAttributes<HTMLInputElement>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ declare const LazyImage: React.FC<{
3
+ src: string;
4
+ alt?: string;
5
+ width?: number;
6
+ height?: number;
7
+ }>;
8
+ export default LazyImage;
@@ -0,0 +1,6 @@
1
+ declare const Loader: ({ reason, isLoading, icon }: {
2
+ reason: string;
3
+ isLoading?: boolean;
4
+ icon?: React.ReactNode;
5
+ }) => import("react/jsx-runtime").JSX.Element;
6
+ export default Loader;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ declare const Logo: React.FC<{
3
+ src: React.ReactNode;
4
+ background?: string;
5
+ width?: number;
6
+ height?: number;
7
+ }>;
8
+ export default Logo;
@@ -0,0 +1,6 @@
1
+ export declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {
2
+ $width?: number;
3
+ $height?: number;
4
+ }, never>;
5
+ export declare const Squircle: import("styled-components").StyledComponent<"svg", any, {}, never>;
6
+ export declare const Image: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { Variants } from 'framer-motion';
3
+ import { CustomTheme } from '../../../types';
4
+ export declare const contentVariants: Variants;
5
+ type ModalProps = {
6
+ open?: boolean;
7
+ pages: any;
8
+ pageId: string;
9
+ positionInside?: boolean;
10
+ inline?: boolean;
11
+ onClose?: () => void;
12
+ onBack?: () => void;
13
+ onInfo?: () => void;
14
+ demo?: {
15
+ theme: string;
16
+ mode?: string;
17
+ customTheme: CustomTheme;
18
+ };
19
+ };
20
+ declare const Modal: React.FC<ModalProps>;
21
+ export declare const OrDivider: ({ children }: {
22
+ children?: React.ReactNode;
23
+ }) => import("react/jsx-runtime").JSX.Element;
24
+ export default Modal;
@@ -0,0 +1,33 @@
1
+ export declare const ErrorMessage: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
2
+ export declare const PageContent: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
3
+ export declare const TextWithHr: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
4
+ export declare const ModalHeading: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
5
+ export declare const ModalContentContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
6
+ export declare const ModalContent: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
7
+ export declare const ModalH1: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLHeadingElement, import("framer-motion").HTMLMotionProps<"h1">>, any, {
8
+ $error?: boolean;
9
+ $valid?: boolean;
10
+ $small?: boolean;
11
+ }, never>;
12
+ export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {
13
+ $error?: boolean;
14
+ }, never>;
15
+ export declare const ModalBodySmall: import("styled-components").StyledComponent<"div", any, {}, never>;
16
+ export declare const BackgroundOverlay: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
17
+ $active: boolean;
18
+ $blur?: number;
19
+ }, never>;
20
+ export declare const BoxContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
21
+ export declare const ControllerContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
22
+ export declare const InnerContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
23
+ export declare const PageContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
24
+ export declare const PageContents: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
25
+ export declare const ModalContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
26
+ export declare const CloseButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
27
+ export declare const SiweButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
28
+ export declare const BackButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
29
+ export declare const InfoButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
30
+ export declare const Container: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
31
+ export declare const Disclaimer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
32
+ export declare const DisclaimerBackground: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
33
+ export declare const SignInTooltip: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -0,0 +1,2 @@
1
+ declare const Portal: (props: any) => import("react").ReactPortal | null;
2
+ export default Portal;
@@ -0,0 +1,5 @@
1
+ declare const PoweredByFooter: ({ showDisclaimer }: {
2
+ showDisclaimer?: boolean;
3
+ }) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const Disclaimer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
5
+ export default PoweredByFooter;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export declare const ScrollArea: ({ children, height, backgroundColor, mobileDirection, }: {
3
+ children: React.ReactNode;
4
+ height?: number;
5
+ backgroundColor?: string;
6
+ mobileDirection?: "horizontal" | "vertical";
7
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ export declare const ScrollContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const MoreIndicator: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const ScrollAreaContainer: import("styled-components").StyledComponent<"div", any, {
4
+ $mobile?: boolean;
5
+ $height?: number;
6
+ $backgroundColor?: string;
7
+ $mobileDirection?: "horizontal" | "vertical";
8
+ }, never>;
@@ -0,0 +1 @@
1
+ export declare const Spinner: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const SpinnerContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -0,0 +1,5 @@
1
+ declare const SquircleSpinner: ({ logo, connecting, }: {
2
+ logo?: React.ReactNode;
3
+ connecting?: boolean;
4
+ }) => import("react/jsx-runtime").JSX.Element;
5
+ export default SquircleSpinner;
@@ -0,0 +1,4 @@
1
+ export declare const LogoContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
2
+ export declare const Logo: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
3
+ export declare const SpinnerContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
4
+ export declare const Spinner: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { ThemeContainer } from './styles';
3
+ import { All } from '../../../types';
4
+ type ThemedButtonProps = {
5
+ children?: React.ReactNode;
6
+ variant?: 'primary' | 'secondary' | 'tertiary';
7
+ autoSize?: boolean;
8
+ duration?: number;
9
+ style?: React.CSSProperties;
10
+ onClick?: () => void;
11
+ };
12
+ export declare const PlaceholderButton: () => import("react/jsx-runtime").JSX.Element;
13
+ declare const ThemedButton: React.FC<ThemedButtonProps & All>;
14
+ export default ThemedButton;
15
+ export { ThemeContainer };
@@ -0,0 +1,4 @@
1
+ export declare const Container: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
2
+ $variant?: string;
3
+ }, never>;
4
+ export declare const ThemeContainer: import("styled-components").StyledComponent<"button", any, {}, never>;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TooltipProps } from './types';
3
+ declare const Tooltip: React.FC<TooltipProps>;
4
+ export default Tooltip;
@@ -0,0 +1,8 @@
1
+ import { TooltipSizeProps } from './types';
2
+ export declare const TooltipWindow: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
3
+ export declare const TooltipContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
4
+ $size: TooltipSizeProps;
5
+ }, never>;
6
+ export declare const TooltipTail: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
7
+ $size: TooltipSizeProps;
8
+ }, never>;
@@ -0,0 +1,9 @@
1
+ export type TooltipSizeProps = 'small' | 'large';
2
+ export type TooltipProps = {
3
+ message?: string | React.ReactNode;
4
+ children?: React.ReactNode;
5
+ open?: boolean;
6
+ xOffset?: number;
7
+ yOffset?: number;
8
+ delay?: number;
9
+ };
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ import { Chain } from 'viem';
3
+ import { CustomTheme, Mode, Theme } from '../../types';
4
+ type Hash = `0x${string}`;
5
+ type ConnectButtonRendererProps = {
6
+ children?: (renderProps: {
7
+ show?: () => void;
8
+ hide?: () => void;
9
+ chain?: Chain & {
10
+ unsupported?: boolean;
11
+ };
12
+ unsupported: boolean;
13
+ isConnected: boolean;
14
+ isConnecting: boolean;
15
+ address?: Hash;
16
+ truncatedAddress?: string;
17
+ ensName?: string;
18
+ }) => React.ReactNode;
19
+ };
20
+ type OpenfortKitButtonProps = {
21
+ label?: string;
22
+ showBalance?: boolean;
23
+ showAvatar?: boolean;
24
+ theme?: Theme;
25
+ mode?: Mode;
26
+ customTheme?: CustomTheme;
27
+ onClick?: (open: () => void) => void;
28
+ };
29
+ export declare function OpenfortKitButton({ label, showBalance, showAvatar, theme, mode, customTheme, onClick, }: OpenfortKitButtonProps): import("react/jsx-runtime").JSX.Element | null;
30
+ export declare namespace OpenfortKitButton {
31
+ var Custom: React.FC<ConnectButtonRendererProps>;
32
+ }
33
+ export {};
@@ -0,0 +1,4 @@
1
+ export declare const TextContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
2
+ export declare const ChainContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
3
+ export declare const IconContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
4
+ export declare const UnsupportedNetworkContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import { CustomTheme, Mode, Theme } from '../../types';
3
+ type ContextValue = {
4
+ theme?: Theme;
5
+ mode?: Mode;
6
+ customTheme?: CustomTheme;
7
+ };
8
+ type ConnectKitThemeProviderProps = {
9
+ children?: React.ReactNode;
10
+ theme?: Theme;
11
+ mode?: Mode;
12
+ customTheme?: CustomTheme;
13
+ };
14
+ export declare const ConnectKitThemeProvider: React.FC<ConnectKitThemeProviderProps>;
15
+ export declare const useThemeContext: () => ContextValue;
16
+ export {};
@@ -0,0 +1,2 @@
1
+ declare const ConnectUsing: () => import("react/jsx-runtime").JSX.Element;
2
+ export default ConnectUsing;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ declare const CircleSpinner: ({ logo, smallLogo, connecting, unavailable, countdown, }: {
3
+ logo?: React.ReactNode;
4
+ smallLogo?: boolean;
5
+ connecting?: boolean;
6
+ unavailable?: boolean;
7
+ countdown?: boolean;
8
+ }) => import("react/jsx-runtime").JSX.Element;
9
+ export default CircleSpinner;
@@ -0,0 +1,7 @@
1
+ export declare const LogoContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
2
+ export declare const Logo: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
3
+ $small?: boolean;
4
+ }, never>;
5
+ export declare const SpinnerContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
6
+ export declare const ExpiringSpinner: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
7
+ export declare const Spinner: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ export declare const states: {
3
+ CONNECTED: string;
4
+ CONNECTING: string;
5
+ EXPIRING: string;
6
+ FAILED: string;
7
+ REJECTED: string;
8
+ NOTCONNECTED: string;
9
+ UNAVAILABLE: string;
10
+ DUPLICATED: string;
11
+ };
12
+ declare const ConnectWithInjector: React.FC<{
13
+ switchConnectMethod: (id?: string) => void;
14
+ forceState?: typeof states;
15
+ }>;
16
+ export default ConnectWithInjector;
@@ -0,0 +1,9 @@
1
+ export declare const Content: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
2
+ export declare const Container: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
3
+ export declare const ConnectingContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
4
+ export declare const ConnectingAnimation: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
5
+ $shake: boolean;
6
+ $circle: boolean;
7
+ }, never>;
8
+ export declare const RetryButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
9
+ export declare const RetryIconContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -0,0 +1,2 @@
1
+ declare const ConnectWithOAuth: React.FC<{}>;
2
+ export default ConnectWithOAuth;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ declare const ConnectWithQRCode: React.FC<{
3
+ switchConnectMethod: (id?: string) => void;
4
+ }>;
5
+ export default ConnectWithQRCode;
@@ -0,0 +1,8 @@
1
+ import { CustomTheme, Languages, Mode, Theme } from '../../types';
2
+ declare const ConnectModal: React.FC<{
3
+ mode?: Mode;
4
+ theme?: Theme;
5
+ customTheme?: CustomTheme;
6
+ lang?: Languages;
7
+ }>;
8
+ export default ConnectModal;
@@ -0,0 +1,11 @@
1
+ export declare const Graphic: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
2
+ $height?: string;
3
+ }, never>;
4
+ export declare const LogoGroup: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
5
+ export declare const GraphicBackground: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
6
+ export declare const LogoPosition: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
7
+ export declare const LogoInner: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
8
+ export declare const LogoGraphic: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
9
+ export declare const FloatWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
10
+ export declare const RotateWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
11
+ export declare const Logo: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { All } from '../../types';
3
+ type NetworkButtonProps = {
4
+ hideIcon?: boolean;
5
+ hideName?: boolean;
6
+ };
7
+ declare const NetworkButton: React.FC<NetworkButtonProps & All>;
8
+ export default NetworkButton;
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import { useConnectCallbackProps } from '../../hooks/useConnectCallback';
3
+ import { ContextValue } from './context';
4
+ import { ConnectKitOptions, OpenfortWalletConfig } from './types';
5
+ type OpenfortKitProviderProps = {
6
+ children?: React.ReactNode;
7
+ debugMode?: boolean;
8
+ publishableKey: string;
9
+ uiConfig?: ConnectKitOptions;
10
+ walletConfig?: OpenfortWalletConfig;
11
+ } & useConnectCallbackProps;
12
+ /**
13
+ * OpenfortKitProvider component provides context and configuration for OpenfortKit.
14
+ * It must be used within a WagmiProvider.
15
+ *
16
+ * @param {React.ReactNode} children - The child components to be wrapped by the provider.
17
+ * @param {string} [theme='auto'] - The theme to be used, default is 'auto'.
18
+ * @param {string} [mode='auto'] - The mode to be used, default is 'auto'.
19
+ * @param {CustomTheme} [customTheme] - Custom theme configuration.
20
+ * @param {ConnectKitOptions} [options] - Additional configuration options.
21
+ * @param {Function} [onConnect] - Callback function to be called on connect.
22
+ * @param {Function} [onDisconnect] - Callback function to be called on disconnect.
23
+ * @param {boolean} [debugMode=false] - Enable or disable debug mode, default is false.
24
+ * @param {OpenfortOptions} [openfortOptions] - Options for Openfort integration.
25
+ * @throws Will throw an error if used outside of a WagmiProvider or if nested usages are detected.
26
+ */
27
+ export declare const OpenfortKitProvider: ({ children, uiConfig, onConnect, onDisconnect, debugMode, publishableKey, walletConfig, }: OpenfortKitProviderProps) => React.FunctionComponentElement<React.ProviderProps<ContextValue | null>>;
28
+ export {};
@@ -0,0 +1,38 @@
1
+ import React from 'react';
2
+ import { CustomTheme, Languages, Mode, Theme } from '../../types';
3
+ import { OAuthProvider } from '@openfort/openfort-js';
4
+ import { ValueOf } from 'viem/_types/types/utils';
5
+ import { useConnectCallbackProps } from '../../hooks/useConnectCallback';
6
+ import { ConnectKitOptionsExtended, OpenfortWalletConfig, routes } from './types';
7
+ type Connector = {
8
+ id: string;
9
+ type?: "wallet";
10
+ } | {
11
+ id: OAuthProvider;
12
+ type: "oauth";
13
+ };
14
+ export type ErrorMessage = string | React.ReactNode | null;
15
+ export type ContextValue = {
16
+ setTheme: React.Dispatch<React.SetStateAction<Theme>>;
17
+ mode: Mode;
18
+ setMode: React.Dispatch<React.SetStateAction<Mode>>;
19
+ setCustomTheme: React.Dispatch<React.SetStateAction<CustomTheme | undefined>>;
20
+ lang: Languages;
21
+ setLang: React.Dispatch<React.SetStateAction<Languages>>;
22
+ open: boolean;
23
+ setOpen: React.Dispatch<React.SetStateAction<boolean>>;
24
+ route: ValueOf<typeof routes>;
25
+ setRoute: React.Dispatch<React.SetStateAction<ValueOf<typeof routes>>>;
26
+ connector: Connector;
27
+ setConnector: React.Dispatch<React.SetStateAction<Connector>>;
28
+ errorMessage: ErrorMessage;
29
+ debugMode?: boolean;
30
+ log: (...props: any) => void;
31
+ displayError: (message: string | React.ReactNode | null, code?: any) => void;
32
+ resize: number;
33
+ triggerResize: () => void;
34
+ uiConfig?: ConnectKitOptionsExtended;
35
+ walletConfig?: OpenfortWalletConfig;
36
+ } & useConnectCallbackProps;
37
+ export declare const OpenfortKitContext: React.Context<ContextValue | null>;
38
+ export {};