@openfort/react 0.0.27 → 0.0.28

package/LICENSE

@@ -0,0 +1,25 @@
+BSD 2-Clause License
+
+Copyright (c) 2022, LFE, Inc.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -52,12 +52,6 @@ Get started with `create` Openfort + [wagmi](https://wagmi.sh/) + [viem](https:/
 npx create openfort
 ```
 
-#### yarn
-
-```sh
-yarn create openfort
-```
-
 #### pnpm
 
 ```sh
@@ -74,12 +68,6 @@ Add Openfort to your already existing project.
 npm install @openfort/react @tanstack/react-query wagmi viem
 ```
 
-#### yarn
-
-```sh
-yarn add @openfort/react @tanstack/react-query wagmi viem
-```
-
 #### pnpm
 
 ```sh
@@ -101,21 +89,21 @@ Clone the project and install the necessary dependencies:
 ```sh
 $ git clone git@github.com:openfort-xyz/openfort-react.git
 $ cd openfort
-$ yarn install
+$ pnpm install
 ```
 
 and start the code bundler:
 
 ```sh
-$ yarn dev:kit
+$ pnpm dev:kit
 ```
 
 and then simply select the example you'd like to run:
 
 ```sh
-$ yarn dev:vite # Vite
-$ yarn dev:nextjs # Next.js
-$ yarn dev:cra # Create React App
+$ pnpm dev:vite # Vite
+$ pnpm dev:nextjs # Next.js
+$ pnpm dev:cra # Create React App
 ```
 
 ## License

package/build/assets/chains.d.ts

@@ -1,14 +1,6 @@
 type Logo = {
     testnet?: boolean;
 };
-export declare const Ethereum: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const LensChain: ({ testnet, ...props }: {
-    testnet?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Polygon: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const Optimism: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const Arbitrum: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
-export declare const Telos: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
     UnknownChain: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
     Base: ({ testnet, ...props }: {

package/build/assets/icons.d.ts

@@ -1,9 +1,3 @@
-export declare const Scan: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Download: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
 export declare const ExternalLinkIcon: ({ ...props }: {
     [x: string]: any;
 }) => import("react/jsx-runtime").JSX.Element;
@@ -19,9 +13,6 @@ export declare const TickIcon: ({ ...props }: {
 export declare const RetryIconCircle: ({ ...props }: {
     [x: string]: any;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const RetryIcon: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
 export declare const CopyToClipboardIcon: ({ ...props }: {
     [x: string]: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/assets/logos.d.ts

@@ -1,86 +1,3 @@
-export declare const Mock: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Injected: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const WalletConnect: ({ background, ...props }: {
-    [x: string]: any;
-    background?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MetaMask: ({ background, ...props }: {
-    [x: string]: any;
-    background?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Coinbase: ({ background, ...props }: {
-    [x: string]: any;
-    background?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const FamilyAccount: () => import("react/jsx-runtime").JSX.Element;
-export declare const Family: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Trust: ({ theme, ...props }: {
-    [x: string]: any;
-    theme?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Argent: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ImToken: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Frame: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Rainbow: ({ round, ...props }: {
-    [x: string]: any;
-    round?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Brave: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Crypto: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Ledger: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Steak: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Unstoppable: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ONTO: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Slope: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Safe: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Frontier: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Zerion: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Phantom: ({ background, ...props }: {
-    [x: string]: any;
-    background?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const PlaceHolder: () => import("react/jsx-runtime").JSX.Element;
-export declare const Dawn: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const InfinityWallet: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const OtherWallets: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
 export declare const OtherSocials: ({ ...props }: {
     [x: string]: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/components/BalanceButton/index.d.ts

@@ -1,9 +1,7 @@
-import React from 'react';
-import { All } from '../../types';
+import type React from 'react';
 type BalanceProps = {
     hideIcon?: boolean;
     hideSymbol?: boolean;
 };
 export declare const Balance: React.FC<BalanceProps>;
-declare const BalanceButton: React.FC<All & BalanceProps>;
-export default BalanceButton;
+export {};

package/build/components/Common/Alert/index.d.ts

@@ -1,4 +1,4 @@
-import { AlertProps } from './types';
+import type { AlertProps } from './types';
 declare const Alert: {
     ({ children, error, icon }: AlertProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/build/components/Common/Avatar/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 type Hash = `0x${string}`;
 export type CustomAvatarProps = {
     address?: Hash | undefined;

package/build/components/Common/BrowserIcon/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { BrowserIconProps } from './types';
+import type { BrowserIconProps } from './types';
 declare const BrowserIcon: React.ForwardRefExoticComponent<BrowserIconProps & React.RefAttributes<HTMLElement>>;
 export default BrowserIcon;

package/build/components/Common/Button/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ButtonProps } from './types';
+import type React from 'react';
+import type { ButtonProps } from './types';
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/build/components/Common/Button/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type ButtonProps = {
     className?: string;
     children?: React.ReactNode;

package/build/components/Common/Chain/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 declare const Chain: React.FC<{
     id?: number;
     unsupported?: boolean;

package/build/components/Common/ChainSelect/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import type React from 'react';
 declare const ChainSelector: React.FC;
 export default ChainSelector;

package/build/components/Common/ChainSelectDropdown/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 declare const ChainSelectDropdown: React.FC<{
     children?: React.ReactNode;
     open: boolean;

package/build/components/Common/ChainSelectList/index.d.ts

@@ -1,4 +1,4 @@
-declare const ChainSelectList: ({ variant, }: {
+declare const ChainSelectList: ({ variant }: {
     variant?: "primary" | "secondary";
 }) => import("react/jsx-runtime").JSX.Element;
 export default ChainSelectList;

package/build/components/Common/ConnectorList/styles.d.ts

@@ -1,5 +1,4 @@
 export declare const ConnectorButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
-export declare const ConnectorAnchor: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLAnchorElement, import("framer-motion").HTMLMotionProps<"a">>, any, {}, never>;
 export declare const ConnectorLabel: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLSpanElement, import("framer-motion").HTMLMotionProps<"span">>, any, {}, never>;
 export declare const ConnectorIcon: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const RecentlyUsedTag: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLSpanElement, import("framer-motion").HTMLMotionProps<"span">>, any, {}, never>;

package/build/components/Common/CopyToClipboard/CopyToClipboardIcon.d.ts

@@ -1,4 +1,4 @@
-declare const CopyToClipboardIcon: ({ copied, small, }: {
+declare const CopyToClipboardIcon: ({ copied, small }: {
     copied?: boolean;
     small?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/components/Common/CopyToClipboard/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 declare const CopyToClipboard: React.FC<{
     string?: string;
     children?: React.ReactNode;

package/build/components/Common/CustomQRCode/QRCode.d.ts

@@ -1,5 +1,5 @@
 import QRCodeUtil from 'qrcode';
-import React from 'react';
+import type React from 'react';
 type Props = {
     ecl?: QRCodeUtil.QRCodeErrorCorrectionLevel;
     size?: number;

package/build/components/Common/CustomQRCode/index.d.ts

@@ -1,5 +1,5 @@
-import { CustomQRCodeProps } from './types';
-declare function CustomQRCode({ value, image, imageBackground, imagePosition, tooltipMessage, }: CustomQRCodeProps): import("react/jsx-runtime").JSX.Element;
+import type { CustomQRCodeProps } from './types';
+declare function CustomQRCode({ value, image, imageBackground, imagePosition, tooltipMessage }: CustomQRCodeProps): import("react/jsx-runtime").JSX.Element;
 declare namespace CustomQRCode {
     var displayName: string;
 }

package/build/components/Common/CustomQRCode/styles.d.ts

@@ -1,6 +1,5 @@
 export declare const QRCodeContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const QRCodeContent: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
-export declare const PlaceholderKeyframes: import("styled-components").Keyframes;
 export declare const QRPlaceholder: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const LogoContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const LogoIcon: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {

package/build/components/Common/CustomQRCode/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type CustomQRCodeProps = {
     value?: string;
     image?: React.ReactNode;

package/build/components/Common/FitText/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const FitText: {
-    ({ children, maxFontSize, minFontSize }: {
+    ({ children, maxFontSize, minFontSize, }: {
         children: React.ReactNode;
         maxFontSize?: number;
         minFontSize?: number;

package/build/components/Common/Input/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { InputProps } from './types';
+import type { InputProps } from './types';
 declare const Input: React.FC<InputProps>;
 export default Input;

package/build/components/Common/Input/types.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import type React from 'react';
 export type InputProps = {} & React.InputHTMLAttributes<HTMLInputElement>;

package/build/components/Common/Modal/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Variants } from 'framer-motion';
-import { CustomTheme } from '../../../types';
+import { type Variants } from 'framer-motion';
+import type React from 'react';
+import type { CustomTheme } from '../../../types';
 export declare const contentVariants: Variants;
 type ModalProps = {
     open?: boolean;
@@ -18,7 +18,7 @@ type ModalProps = {
     };
 };
 declare const Modal: React.FC<ModalProps>;
-export declare const OrDivider: ({ children, hideHr, }: {
+export declare const OrDivider: ({ children, hideHr }: {
     children?: React.ReactNode;
     hideHr?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/components/Common/Modal/styles.d.ts

@@ -14,7 +14,6 @@ export declare const ModalH1: import("styled-components").StyledComponent<import
 export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {
     $error?: boolean;
 }, never>;
-export declare const ModalBodySmall: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BackgroundOverlay: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
     $active: boolean;
     $blur?: number;
@@ -26,10 +25,6 @@ export declare const PageContainer: import("styled-components").StyledComponent<
 export declare const PageContents: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const ModalContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CloseButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
-export declare const SiweButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
 export declare const BackButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
 export declare const InfoButton: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLButtonElement, import("framer-motion").HTMLMotionProps<"button">>, any, {}, never>;
 export declare const Container: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
-export declare const Disclaimer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
-export declare const DisclaimerBackground: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
-export declare const SignInTooltip: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

package/build/components/Common/PoweredByFooter/index.d.ts

@@ -1,5 +1,4 @@
 declare const PoweredByFooter: ({ showDisclaimer }: {
     showDisclaimer?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const Disclaimer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export default PoweredByFooter;

package/build/components/Common/ScrollArea/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export declare const ScrollArea: ({ children, height, backgroundColor, mobileDirection, }: {
     children: React.ReactNode;
     height?: number;

package/build/components/Common/SquircleSpinner/index.d.ts

@@ -1,4 +1,4 @@
-declare const SquircleSpinner: ({ logo, connecting, }: {
+declare const SquircleSpinner: ({ logo, connecting }: {
     logo?: React.ReactNode;
     connecting?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/components/Common/ThemedButton/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import type React from 'react';
+import type { All } from '../../../types';
 import { ThemeContainer } from './styles';
-import { All } from '../../../types';
 type ThemedButtonProps = {
     children?: React.ReactNode;
     variant?: 'primary' | 'secondary' | 'tertiary';
@@ -9,7 +9,6 @@ type ThemedButtonProps = {
     style?: React.CSSProperties;
     onClick?: () => void;
 };
-export declare const PlaceholderButton: () => import("react/jsx-runtime").JSX.Element;
 declare const ThemedButton: React.FC<ThemedButtonProps & All>;
 export default ThemedButton;
 export { ThemeContainer };

package/build/components/Common/Tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { TooltipProps } from './types';
+import type React from 'react';
+import type { TooltipProps } from './types';
 declare const Tooltip: React.FC<TooltipProps>;
 export default Tooltip;

package/build/components/Common/Tooltip/styles.d.ts

@@ -1,4 +1,4 @@
-import { TooltipSizeProps } from './types';
+import type { TooltipSizeProps } from './types';
 export declare const TooltipWindow: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const TooltipContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
     $size: TooltipSizeProps;

package/build/components/ConnectButton/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Chain } from 'viem';
-import { CustomTheme, Mode, Theme } from '../../types';
+import type React from 'react';
+import type { Chain } from 'viem';
+import type { CustomTheme, Mode, Theme } from '../../types';
 type Hash = `0x${string}`;
 type ConnectButtonRendererProps = {
     children?: (renderProps: {

package/build/components/ConnectButton/styles.d.ts

@@ -1,4 +1,3 @@
 export declare const TextContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
-export declare const ChainContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const IconContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export declare const UnsupportedNetworkContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

package/build/components/ConnectKitThemeProvider/ConnectKitThemeProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CustomTheme, Mode, Theme } from '../../types';
+import type { CustomTheme, Mode, Theme } from '../../types';
 type ContextValue = {
     theme?: Theme;
     mode?: Mode;

package/build/components/ConnectModal/ConnectWithInjector/CircleSpinner/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 declare const CircleSpinner: ({ logo, smallLogo, connecting, unavailable, countdown, }: {
     logo?: React.ReactNode;
     smallLogo?: boolean;

package/build/components/ConnectModal/ConnectWithInjector/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const states: {
+import type React from 'react';
+declare const states: {
     CONNECTED: string;
     CONNECTING: string;
     EXPIRING: string;

package/build/components/ConnectModal/ConnectWithMobile.d.ts

@@ -1,2 +1,2 @@
-declare const ConnectWithMobile: React.FC<{}>;
+declare const ConnectWithMobile: React.FC;
 export default ConnectWithMobile;

package/build/components/ConnectModal/ConnectWithOAuth.d.ts

@@ -1,2 +1,2 @@
-declare const ConnectWithOAuth: React.FC<{}>;
+declare const ConnectWithOAuth: React.FC;
 export default ConnectWithOAuth;

package/build/components/ConnectModal/index.d.ts

@@ -1,4 +1,4 @@
-import { CustomTheme, Languages, Mode, Theme } from '../../types';
+import type { CustomTheme, Languages, Mode, Theme } from '../../types';
 declare const ConnectModal: React.FC<{
     mode?: Mode;
     theme?: Theme;

package/build/components/FloatingGraphic/index.d.ts

@@ -1,10 +1,9 @@
-import React from "react";
+import type React from 'react';
 type LogoGraphicProps = {
     size?: string;
     logo: React.ReactNode;
 };
-export declare const LogoGraphic: ({ size, logo }: LogoGraphicProps) => import("react/jsx-runtime").JSX.Element;
-export declare const FloatingGraphic: ({ height, logoCenter, logoTopRight, logoTopLeft, logoBottomRight, logoBottomLeft }: {
+export declare const FloatingGraphic: ({ height, logoCenter, logoTopRight, logoTopLeft, logoBottomRight, logoBottomLeft, }: {
     height?: string;
     logoCenter: LogoGraphicProps;
     logoTopRight?: LogoGraphicProps;

package/build/components/Openfort/OpenfortProvider.d.ts

@@ -1,8 +1,8 @@
+import { type SDKOverrides, type ThirdPartyAuthConfiguration } from '@openfort/openfort-js';
 import React from 'react';
-import { SDKOverrides, ThirdPartyAuthConfiguration } from '@openfort/openfort-js';
-import { useConnectCallbackProps } from '../../hooks/useConnectCallback';
-import { ContextValue } from './context';
-import { ConnectUIOptions, OpenfortWalletConfig } from './types';
+import type { useConnectCallbackProps } from '../../hooks/useConnectCallback';
+import { type ContextValue } from './context';
+import { type ConnectUIOptions, type OpenfortWalletConfig } from './types';
 type OpenfortProviderProps = {
     children?: React.ReactNode;
     debugMode?: boolean;

package/build/components/Openfort/context.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { CustomTheme, Languages, Mode, Theme } from '../../types';
-import { OAuthProvider, SDKOverrides, ThirdPartyAuthConfiguration } from '@openfort/openfort-js';
-import { ValueOf } from 'viem/_types/types/utils';
-import { useConnectCallbackProps } from '../../hooks/useConnectCallback';
-import { OpenfortUIOptionsExtended, OpenfortWalletConfig, routes } from './types';
+import type { OAuthProvider, SDKOverrides, ThirdPartyAuthConfiguration } from '@openfort/openfort-js';
+import type React from 'react';
+import type { ValueOf } from 'viem/_types/types/utils';
+import type { useConnectCallbackProps } from '../../hooks/useConnectCallback';
+import type { CustomTheme, Languages, Mode, Theme } from '../../types';
+import type { OpenfortUIOptionsExtended, OpenfortWalletConfig, routes } from './types';
 type Connector = {
     id: string;
-    type?: "wallet";
+    type?: 'wallet';
 } | {
     id: OAuthProvider;
-    type: "oauth";
+    type: 'oauth';
 };
 export type ErrorMessage = string | React.ReactNode | null;
 export type ContextValue = {

package/build/components/Openfort/types.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactNode } from 'react';
-import { CustomAvatarProps, CustomTheme, Languages, Mode, Theme } from '../../types';
-import { AccountTypeEnum, RecoveryMethod } from '@openfort/openfort-js';
-import { CoreOpenfortProviderProps } from '../../openfort/CoreOpenfortProvider';
+import type { AccountTypeEnum, RecoveryMethod } from '@openfort/openfort-js';
+import type React from 'react';
+import type { ReactNode } from 'react';
+import type { CustomAvatarProps, CustomTheme, Languages, Mode, Theme } from '../../types';
 export declare const routes: {
     readonly PROVIDERS: "providers";
     readonly SOCIAL_PROVIDERS: "socialProviders";
@@ -60,7 +60,7 @@ type EncryptionSession = {
  * Password-based and passkey-based recovery methods do not require encryption sessions.
  */
 export type OpenfortWalletConfig = CommonWalletConfig & EncryptionSession;
-export type OpenfortUIOptions = {
+type OpenfortUIOptions = {
     linkWalletOnSignUp?: boolean;
     authProviders: UIAuthProvider[];
     skipEmailVerification?: boolean;
@@ -68,10 +68,7 @@ export type OpenfortUIOptions = {
     privacyPolicyUrl?: string;
     logo?: React.ReactNode;
 };
-export type OpenfortSDKOptions = {
-    overrides?: CoreOpenfortProviderProps['overrides'];
-};
-export type WalletRecoveryOptions = {
+type WalletRecoveryOptions = {
     allowedMethods?: RecoveryMethod[];
     defaultMethod?: RecoveryMethod;
 };

package/build/components/Pages/About/graphics.d.ts

@@ -1,4 +1,4 @@
-import { EasingFunction } from 'framer-motion';
+import { type EasingFunction } from 'framer-motion';
 export type Easing = [number, number, number, number] | 'linear' | 'easeIn' | 'easeOut' | 'easeInOut' | 'circIn' | 'circOut' | 'circInOut' | 'backIn' | 'backOut' | 'backInOut' | 'anticipate' | EasingFunction;
 type Slide = {
     layoutId?: string;

package/build/components/Pages/About/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import type React from 'react';
 declare const About: React.FC;
 export default About;

package/build/components/Pages/Connectors/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import type React from 'react';
 declare const Wallets: React.FC;
 export default Wallets;