@bluxcc/react 0.1.12 → 0.1.14

package/README.md

@@ -7,7 +7,7 @@ Blux is a **comprehensive authentication and wallet connect kit** designed for S
 - **Multi-Wallet Support**: Easily integrate Stellar wallets such as **Rabet, xBull, Lobstr, Freighter, and Albedo**.
 - **OAuth & Social Login** _(Coming Soon)_: Support for **Apple, Meta, Google, and more**.
 - **Email & Phone Authentication** _(Coming Soon)_: Securely onboard users with non-crypto credentials.
-- **Customizable UI**: Adjust themes, fonts, backgrounds, logos, corner radius, and text colors.
+- **Customizable UI**: Adjust themes, fonts, backgrounds, logos, border radius, and text colors.
 - **Configurable Networks**: Set up and modify network preferences via API keys.
 - **Future-Proof**: More wallets and authentication methods will be added based on community feedback.
 
@@ -54,7 +54,7 @@ Developers can customize various UI elements:
 
 - **Themes & Fonts**
 - **Backgrounds, Logos**
-- **Corner Radius & Text Colors**
+- **Border Radius & Text Colors**
 - **Authentication Limits** (Free tier supports 500-1000 accounts per auth method)
 
 Configuration options can be set via the `BluxProvider` config or environment variables.

package/dist/assets/Icons.d.ts

@@ -15,8 +15,12 @@ export declare const Loading: ({ fill }: {
     fill?: string;
 }) => React.JSX.Element;
 export declare const GreenCheck: () => React.JSX.Element;
-export declare const LogOut: () => React.JSX.Element;
-export declare const Copy: () => React.JSX.Element;
+export declare const LogOut: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
+export declare const Copy: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
 export declare const History: ({ fill }: {
     fill?: string;
 }) => React.JSX.Element;

package/dist/assets/logos.d.ts

@@ -1,10 +1,20 @@
 import React from 'react';
 export declare const AlbedoLogo: () => React.JSX.Element;
-export declare const HanaLogo: () => React.JSX.Element;
-export declare const RabetLogo: () => React.JSX.Element;
-export declare const FreighterLogo: () => React.JSX.Element;
-export declare const XBullLogo: () => React.JSX.Element;
-export declare const LobstrLogo: () => React.JSX.Element;
+export declare const HanaLogo: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
+export declare const RabetLogo: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
+export declare const FreighterLogo: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
+export declare const XBullLogo: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
+export declare const LobstrLogo: ({ fill }: {
+    fill?: string;
+}) => React.JSX.Element;
 export declare const StellarLogo: ({ fill }: {
     fill?: string;
 }) => React.JSX.Element;

package/dist/components/CardItem/index.d.ts

@@ -3,6 +3,7 @@ type CardItemProps = {
     variant?: 'social' | 'default' | 'input';
     startIcon: React.ReactNode;
     endArrow?: boolean;
+    isRecent?: boolean;
     label?: string;
     onClick?: () => void;
     onChange?: (value: string) => void;
@@ -10,5 +11,5 @@ type CardItemProps = {
     onSubmit?: (value: string) => void;
     inputType?: 'text' | 'password' | 'number' | 'email' | string;
 };
-declare const CardItem: ({ variant, startIcon, endArrow, label, onClick, onChange, onEnter, onSubmit, inputType, }: CardItemProps) => React.JSX.Element;
+declare const CardItem: ({ variant, startIcon, endArrow, isRecent, label, onClick, onChange, onEnter, onSubmit, inputType, }: CardItemProps) => React.JSX.Element;
 export default CardItem;

package/dist/components/Input/index.d.ts

@@ -9,8 +9,10 @@ type InputFieldProps = {
     button?: string | React.ReactNode;
     onButtonClick?: () => void;
     value?: string;
+    autoFocus?: boolean;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     customLabel?: React.ReactNode;
+    className?: string;
 };
-declare const InputField: ({ label, type, placeholder, error, iconRight, iconLeft, button, onButtonClick, customLabel, value, onChange, }: InputFieldProps) => React.JSX.Element;
+declare const InputField: ({ label, autoFocus, type, placeholder, error, iconRight, iconLeft, button, onButtonClick, customLabel, value, className, onChange, }: InputFieldProps) => React.JSX.Element;
 export default InputField;

package/dist/constants/storageKeys.d.ts

@@ -0,0 +1 @@
+export declare const RECENT_CONNECTION_METHOD = "__BLUX__RECENT_CONNECTION_METHOD";