@moon-x/react-sdk 0.9.0 → 0.10.0

package/README.md

@@ -10,15 +10,15 @@ pnpm add @moon-x/react-sdk
 
 ## Quick start
 
-Wrap your app with `MoonKeyProvider` and import the CSS bundle once:
+Wrap your app with `MoonXProvider` and import the CSS bundle once:
 
 ```tsx
-import { MoonKeyProvider, mainnet, sepolia } from "@moon-x/react-sdk";
+import { MoonXProvider, mainnet, sepolia } from "@moon-x/react-sdk";
 import "@moon-x/react-sdk/style.css";
 
 export default function App() {
   return (
-    <MoonKeyProvider
+    <MoonXProvider
       publishableKey={process.env.NEXT_PUBLIC_MOONKEY_PUBLISHABLE_KEY!}
       config={{
         appearance: {
@@ -36,7 +36,7 @@ export default function App() {
       }}
     >
       <YourApp />
-    </MoonKeyProvider>
+    </MoonXProvider>
   );
 }
 ```
@@ -44,10 +44,10 @@ export default function App() {
 Open the auth modal and read user state:
 
 ```tsx
-import { useMoonKey } from "@moon-x/react-sdk";
+import { useMoonX } from "@moon-x/react-sdk";
 
 function LoginButton() {
-  const { ready, isAuthenticated, user, start, logout } = useMoonKey();
+  const { ready, isAuthenticated, user, start, logout } = useMoonX();
 
   if (!ready) return null;
   if (isAuthenticated) {
@@ -84,7 +84,7 @@ function SignDemo() {
 
 ## Configuration
 
-`MoonKeyProvider` accepts `publishableKey` (required) plus a `config` object:
+`MoonXProvider` accepts `publishableKey` (required) plus a `config` object:
 
 | Field | Type | Purpose |
 |---|---|---|
@@ -103,7 +103,7 @@ function SignDemo() {
 
 | Hook | What it does |
 |---|---|
-| `useMoonKey()` | The big one. `{ ready, isAuthenticated, user, start, logout, setAppearance, getSessionTokens, refreshUser, ... }` + every SDK method on the same instance. |
+| `useMoonX()` | The big one. `{ ready, isAuthenticated, user, start, logout, setAppearance, getSessionTokens, refreshUser, ... }` + every SDK method on the same instance. |
 | `useUser()` | Just `{ user, refreshUser }`. Re-subscribes to user changes. |
 | `useLoginWithEmail({ onComplete?, onError? })` | Headless email-OTP. Returns `{ state, sendCode, loginWithCode, reset }`. `state` is a discriminated union: `idle` / `sending` / `awaiting-code` / `verifying` / `complete` / `error`. |
 | `useLoginWithOAuth()` | Google + Apple flows. Returns `{ state, loginWithOAuth, reset }`. |
@@ -180,7 +180,7 @@ branding fields (`accentColor`, `backgroundColor`, `displayMode`, `logo`,
 per-mode `light` / `dark`) when you want finer control.
 
 ```tsx
-<MoonKeyProvider
+<MoonXProvider
   config={{
     appearance: {
       // Branding
@@ -212,7 +212,7 @@ per-mode `light` / `dark`) when you want finer control.
 Update appearance at runtime — handy for a light/dark toggle:
 
 ```tsx
-const { setAppearance } = useMoonKey();
+const { setAppearance } = useMoonX();
 setAppearance({ displayMode: colorScheme });
 ```
 
@@ -223,14 +223,16 @@ token always wins over the high-level derivations.
 
 #### Token reference
 
-The original palette/radius/font emit `--moonkey-*` CSS variables; the newer tokens
-emit `--moonx-*` (each with a `--moonkey-*` fallback, so defaults are unchanged until set).
+All theming tokens emit `--moonx-*` CSS variables. The base palette/radius/font
+emit the core tokens (e.g. `--moonx-color-*`, `--moonx-border-radius-*`); the
+newer granular tokens each fall back to their base token (e.g. `--moonx-radius-button`
+→ `--moonx-border-radius-md`), so defaults are unchanged until you set one.
 
 | Group | Tokens | CSS variables |
 |---|---|---|
-| `colors` | `accent`, `accentForeground`, `background`, `background2/3`, `foreground`, `foreground2–4`, `border`, `success`, `error`, … | `--moonkey-color-*` |
+| `colors` | `accent`, `accentForeground`, `background`, `background2/3`, `foreground`, `foreground2–4`, `border`, `success`, `error`, … | `--moonx-color-*` |
 | `colors` | `warning`, `info`, `link`, `ring` (focus) | `--moonx-color-*` |
-| `borderRadius` | `sm`, `md`, `lg`, `full` | `--moonkey-border-radius-*` |
+| `borderRadius` | `sm`, `md`, `lg`, `full` | `--moonx-border-radius-*` |
 | `borderRadius` | `button`, `card`, `input` | `--moonx-radius-*` |
 | `typography` | `fontFamilyHeading`, `letterSpacing`, `fontSize.{sm,lg,xl}`, `fontWeight.{medium,bold}` | `--moonx-font-*`, `--moonx-letter-spacing` |
 | `typography` | `fontUrl` | injected `<link rel="stylesheet">` |
@@ -244,11 +246,11 @@ For finer control, `appearance.components` styles individual surfaces — `card`
 accept `background`, `text`, `border` (color), `borderWidth`, and `radius`;
 `card` accepts the same minus `background` (the card surface **is** the global
 `backgroundColor`). Anything you omit falls through to the global tokens /
-`--moonkey-*` defaults. The header is styled via the typography tokens instead
+`--moonx-*` defaults. The header is styled via the typography tokens instead
 (`appearance.typography.colorHeading`, `fontFamilyHeading`, …).
 
 ```tsx
-<MoonKeyProvider
+<MoonXProvider
   config={{
     appearance: {
       components: {

package/dist/{chunk-7XFCJAFG.mjs → chunk-ACYQG7VT.mjs}

@@ -444,7 +444,7 @@ var useEthereumProvider = function useEthereumProvider(wallet) {
                             defaultSelector: (_coreSDK_config1 = coreSDK.config) === null || _coreSDK_config1 === void 0 ? void 0 : _coreSDK_config1.defaultChain
                         });
                         if (!sendEntry) {
-                            throw new Error(requestedSendChainId != null ? "Transaction targets chainId ".concat(requestedSendChainId, ", which is not in the configured chains.") : "No chain configured. Please set `chains` (and optionally `defaultChain`) in MoonKeyProvider config.");
+                            throw new Error(requestedSendChainId != null ? "Transaction targets chainId ".concat(requestedSendChainId, ", which is not in the configured chains.") : "No chain configured. Please set `chains` (and optionally `defaultChain`) in MoonXProvider config.");
                         }
                         sendRpcUrl = resolveRpcUrl(sendEntry);
                         return [
@@ -552,7 +552,7 @@ var useEthereumProvider = function useEthereumProvider(wallet) {
                         });
                         rpcUrl = defaultEntry ? resolveRpcUrl(defaultEntry) : void 0;
                         if (!rpcUrl) {
-                            throw new Error("Unsupported method: ".concat(method, ". No RPC configured for chain ID ").concat(currentChainId, ". Please configure 'chains' (and optionally 'defaultChain') in MoonKeyProvider."));
+                            throw new Error("Unsupported method: ".concat(method, ". No RPC configured for chain ID ").concat(currentChainId, ". Please configure 'chains' (and optionally 'defaultChain') in MoonXProvider."));
                         }
                         _state.label = 17;
                     case 17:
@@ -1300,7 +1300,7 @@ var useSign7702Authorization = function useSign7702Authorization() {
                                 defaultSelector: (_coreSDK_config1 = coreSDK.config) === null || _coreSDK_config1 === void 0 ? void 0 : _coreSDK_config1.defaultChain
                             });
                             if (!targetEntry) {
-                                throw new Error(chain != null ? 'chain "'.concat(chain, '" is not in the configured chains.') : "No chain configured. Please set `chains` (and optionally `defaultChain`) in MoonKeyProvider config.");
+                                throw new Error(chain != null ? 'chain "'.concat(chain, '" is not in the configured chains.') : "No chain configured. Please set `chains` (and optionally `defaultChain`) in MoonXProvider config.");
                             }
                             derivedChainId = targetEntry.chain.id;
                             _state.label = 1;
@@ -1451,7 +1451,7 @@ var useGetBalance = function useGetBalance() {
                             }
                             rpcUrl = (_params_rpcUrl = params.rpcUrl) !== null && _params_rpcUrl !== void 0 ? _params_rpcUrl : entry ? resolveRpcUrl2(entry) : void 0;
                             if (!rpcUrl) {
-                                throw new Error("No RPC URL \u2014 set `chains` (and optionally `defaultChain`) in MoonKeyProvider config, or pass an `rpcUrl`.");
+                                throw new Error("No RPC URL \u2014 set `chains` (and optionally `defaultChain`) in MoonXProvider config, or pass an `rpcUrl`.");
                             }
                             return [
                                 4,

package/dist/{chunk-VBAVYDWQ.js → chunk-IPTLHXJ4.js}

@@ -521,7 +521,7 @@ var useEthereumProvider = function useEthereumProvider(wallet) {
                             ])
                         });
                         if (!sendEntry) {
-                            throw new Error(requestedSendChainId != null ? "Transaction targets chainId ".concat(requestedSendChainId, ", which is not in the configured chains.") : "No chain configured. Please set `chains` (and optionally `defaultChain`) in MoonKeyProvider config.");
+                            throw new Error(requestedSendChainId != null ? "Transaction targets chainId ".concat(requestedSendChainId, ", which is not in the configured chains.") : "No chain configured. Please set `chains` (and optionally `defaultChain`) in MoonXProvider config.");
                         }
                         sendRpcUrl = _lib.resolveRpcUrl.call(void 0, sendEntry);
                         return [
@@ -649,7 +649,7 @@ var useEthereumProvider = function useEthereumProvider(wallet) {
                         });
                         rpcUrl = defaultEntry ? _lib.resolveRpcUrl.call(void 0, defaultEntry) : void 0;
                         if (!rpcUrl) {
-                            throw new Error("Unsupported method: ".concat(method, ". No RPC configured for chain ID ").concat(currentChainId, ". Please configure 'chains' (and optionally 'defaultChain') in MoonKeyProvider."));
+                            throw new Error("Unsupported method: ".concat(method, ". No RPC configured for chain ID ").concat(currentChainId, ". Please configure 'chains' (and optionally 'defaultChain') in MoonXProvider."));
                         }
                         _state.label = 17;
                     case 17:
@@ -1607,7 +1607,7 @@ var useSign7702Authorization = function useSign7702Authorization() {
                                 ])
                             });
                             if (!targetEntry) {
-                                throw new Error(chain != null ? 'chain "'.concat(chain, '" is not in the configured chains.') : "No chain configured. Please set `chains` (and optionally `defaultChain`) in MoonKeyProvider config.");
+                                throw new Error(chain != null ? 'chain "'.concat(chain, '" is not in the configured chains.') : "No chain configured. Please set `chains` (and optionally `defaultChain`) in MoonXProvider config.");
                             }
                             derivedChainId = targetEntry.chain.id;
                             _state.label = 1;
@@ -1852,7 +1852,7 @@ var useGetBalance = function useGetBalance() {
                                 return entry ? _lib.resolveRpcUrl.call(void 0, entry) : void 0;
                             });
                             if (!rpcUrl) {
-                                throw new Error("No RPC URL \u2014 set `chains` (and optionally `defaultChain`) in MoonKeyProvider config, or pass an `rpcUrl`.");
+                                throw new Error("No RPC URL \u2014 set `chains` (and optionally `defaultChain`) in MoonXProvider config, or pass an `rpcUrl`.");
                             }
                             return [
                                 4,

package/dist/{chunk-OAG4S5VJ.mjs → chunk-MURLJWUN.mjs}

@@ -434,7 +434,7 @@ var useSendTransaction = function useSendTransaction() {
                             rpcUrl = (_params_rpcUrl = params.rpcUrl) !== null && _params_rpcUrl !== void 0 ? _params_rpcUrl : entry ? resolveRpcUrl(entry) : void 0;
                             wsEndpoint = entry ? resolveWsUrl(entry) : void 0;
                             if (!rpcUrl) {
-                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonKeyProvider config, or pass an `rpcUrl`.'));
+                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonXProvider config, or pass an `rpcUrl`.'));
                             }
                             return [
                                 4,
@@ -501,7 +501,7 @@ var useGetBalance = function useGetBalance() {
                             rpcUrl = (_params_rpcUrl = params.rpcUrl) !== null && _params_rpcUrl !== void 0 ? _params_rpcUrl : entry ? resolveRpcUrl(entry) : void 0;
                             wsEndpoint = entry ? resolveWsUrl(entry) : void 0;
                             if (!rpcUrl) {
-                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonKeyProvider config, or pass an `rpcUrl`.'));
+                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonXProvider config, or pass an `rpcUrl`.'));
                             }
                             return [
                                 4,
@@ -554,7 +554,7 @@ var useGetTokenAccounts = function useGetTokenAccounts() {
                             rpcUrl = (_params_rpcUrl = params.rpcUrl) !== null && _params_rpcUrl !== void 0 ? _params_rpcUrl : entry ? resolveRpcUrl(entry) : void 0;
                             wsEndpoint = entry ? resolveWsUrl(entry) : void 0;
                             if (!rpcUrl) {
-                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonKeyProvider config, or pass an `rpcUrl`.'));
+                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonXProvider config, or pass an `rpcUrl`.'));
                             }
                             return [
                                 4,

package/dist/{chunk-F345C4FX.js → chunk-RRFMI4ZL.js}

@@ -648,7 +648,7 @@ var useSendTransaction = function useSendTransaction() {
                             });
                             wsEndpoint = entry ? _lib.resolveWsUrl.call(void 0, entry) : void 0;
                             if (!rpcUrl) {
-                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonKeyProvider config, or pass an `rpcUrl`.'));
+                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonXProvider config, or pass an `rpcUrl`.'));
                             }
                             return [
                                 4,
@@ -773,7 +773,7 @@ var useGetBalance = function useGetBalance() {
                             });
                             wsEndpoint = entry ? _lib.resolveWsUrl.call(void 0, entry) : void 0;
                             if (!rpcUrl) {
-                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonKeyProvider config, or pass an `rpcUrl`.'));
+                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonXProvider config, or pass an `rpcUrl`.'));
                             }
                             return [
                                 4,
@@ -858,7 +858,7 @@ var useGetTokenAccounts = function useGetTokenAccounts() {
                             });
                             wsEndpoint = entry ? _lib.resolveWsUrl.call(void 0, entry) : void 0;
                             if (!rpcUrl) {
-                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonKeyProvider config, or pass an `rpcUrl`.'));
+                                throw new Error('No RPC URL for chain "'.concat(chain, '". Add it to `chains` in MoonXProvider config, or pass an `rpcUrl`.'));
                             }
                             return [
                                 4,

package/dist/index.css

@@ -56,7 +56,7 @@
   font-display: swap;
 }
 :root {
-  --moonkey-font-family:
+  --moonx-font-family:
     "Sons",
     -apple-system,
     BlinkMacSystemFont,
@@ -69,55 +69,55 @@
     "Droid Sans",
     "Helvetica Neue",
     sans-serif;
-  --moonkey-border-radius-sm: 0.375rem;
-  --moonkey-border-radius-md: 0.5rem;
-  --moonkey-border-radius-lg: 0.75rem;
-  --moonkey-border-radius-full: 9999px;
-  --moonkey-color-background: #ffffff;
-  --moonkey-color-background-2: #f9fafb;
-  --moonkey-color-background-3: #f3f4f6;
-  --moonkey-color-foreground: #111827;
-  --moonkey-color-foreground-2: #374151;
-  --moonkey-color-foreground-3: #6b7280;
-  --moonkey-color-foreground-4: #9ca3af;
-  --moonkey-color-foreground-accent: #4f46e5;
-  --moonkey-color-accent: #6366f1;
-  --moonkey-color-accent-foreground: #ffffff;
-  --moonkey-color-accent-light: #818cf8;
-  --moonkey-color-accent-lightest: #c7d2fe;
-  --moonkey-color-accent-dark: #4338ca;
-  --moonkey-color-accent-darkest: #3730a3;
-  --moonkey-color-success: #10b981;
-  --moonkey-color-success-foreground: #ffffff;
-  --moonkey-color-error: #ef4444;
-  --moonkey-color-error-foreground: #ffffff;
-  --moonkey-color-error-light: #fca5a5;
-  --moonkey-color-border: #e5e7eb;
-}
-.moonkey-animate-in {
-  animation: moonkey-enter 0.2s ease-out;
-}
-.moonkey-fade-in-0 {
+  --moonx-border-radius-sm: 0.375rem;
+  --moonx-border-radius-md: 0.5rem;
+  --moonx-border-radius-lg: 0.75rem;
+  --moonx-border-radius-full: 9999px;
+  --moonx-color-background: #ffffff;
+  --moonx-color-background-2: #f9fafb;
+  --moonx-color-background-3: #f3f4f6;
+  --moonx-color-foreground: #111827;
+  --moonx-color-foreground-2: #374151;
+  --moonx-color-foreground-3: #6b7280;
+  --moonx-color-foreground-4: #9ca3af;
+  --moonx-color-foreground-accent: #4f46e5;
+  --moonx-color-accent: #6366f1;
+  --moonx-color-accent-foreground: #ffffff;
+  --moonx-color-accent-light: #818cf8;
+  --moonx-color-accent-lightest: #c7d2fe;
+  --moonx-color-accent-dark: #4338ca;
+  --moonx-color-accent-darkest: #3730a3;
+  --moonx-color-success: #10b981;
+  --moonx-color-success-foreground: #ffffff;
+  --moonx-color-error: #ef4444;
+  --moonx-color-error-foreground: #ffffff;
+  --moonx-color-error-light: #fca5a5;
+  --moonx-color-border: #e5e7eb;
+}
+.moonx-animate-in {
+  animation: moonx-enter 0.2s ease-out;
+}
+.moonx-fade-in-0 {
   --tw-enter-opacity: initial;
   --tw-enter-scale: initial;
   --tw-enter-rotate: initial;
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
-.moonkey-zoom-in-95 {
+.moonx-zoom-in-95 {
   --tw-enter-scale: .95;
 }
-.moonkey-duration-200 {
+.moonx-duration-200 {
   animation-duration: 0.2s;
 }
-.moonkey-center-y {
+.moonx-center-y {
   top: 50%;
   transform: translateY(-50%);
 }
-.moonkey-animate-spin {
-  animation: moonkey-spin 1s linear infinite;
+.moonx-animate-spin {
+  animation: moonx-spin 1s linear infinite;
 }
-.moonkey-modal-overlay {
+.moonx-modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
@@ -125,11 +125,11 @@
   bottom: 0;
   width: 100vw;
   height: 100vh;
-  background-color: var(--moonkey-color-background-3);
+  background-color: var(--moonx-color-background-3);
   backdrop-filter: blur(4px);
   z-index: 50;
 }
-.moonkey-modal-container {
+.moonx-modal-container {
   position: fixed;
   top: 0;
   left: 0;
@@ -143,23 +143,23 @@
   padding: 1rem;
   z-index: 51;
 }
-.moonkey-input::placeholder {
+.moonx-input::placeholder {
   opacity: 0.3;
 }
-.moonkey-scrollbar-none {
+.moonx-scrollbar-none {
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
-.moonkey-scrollbar-none::-webkit-scrollbar {
+.moonx-scrollbar-none::-webkit-scrollbar {
   display: none;
 }
-@keyframes moonkey-enter {
+@keyframes moonx-enter {
   from {
     opacity: 0;
     transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
   }
 }
-@keyframes moonkey-spin {
+@keyframes moonx-spin {
   from {
     transform: rotate(0deg);
   }

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 export { LoginWithEmailState, PasskeyStatusEntry, RegisterPasskeyResult, UseAddPasskeyResult, UseEphemeralSignerResult, UseLoginWithEmailCallbacks, UsePasskeyStatusResult, UseRemovePasskeyResult, useAddPasskey, useEphemeralSigner, useLoginWithEmail, usePasskeyStatus, useRegisterPasskey, useRemovePasskey, useUser } from '@moon-x/core/react';
-import { WalletListEntry, AuthAppearance, PrefillConfig, WalletChainType, PasskeyEnrollConfig, SignMessageConfig, ExportKeyConfig, SignTransactionConfig, SendTransactionConfig, ChainConfigItem, LogoutResponse, EmailOtpFlowState, SendEmailOtpResponse, Wallet, FlexibleTheme, DisplayMode, AppearanceModeTokens } from '@moon-x/core/types';
+import { WalletListEntry, LogoutResponse, EmailOtpFlowState, AuthAppearance, SendEmailOtpResponse, PrefillConfig, WalletChainType, PasskeyEnrollConfig, SignMessageConfig, ExportKeyConfig, SignTransactionConfig, SendTransactionConfig, ChainConfigItem, Wallet, FlexibleTheme, DisplayMode, AppearanceModeTokens } from '@moon-x/core/types';
 export { AppearanceBackdrop, AppearanceBorderRadius, AppearanceCard, AppearanceColors, AppearanceComponents, AppearanceLogo, AppearanceModeTokens, AppearanceTypography, AuthAppearance, Chain, ChainConfigItem, ChainEntry, ComponentStyle, DisplayMode, EphemeralSigner, EphemeralSignerChain, EphemeralSignerScheme, EphemeralSignerWallet, EvmChainEntry, Factor, IdpProvider, ListEphemeralSignersResult, Network, ProvisionEphemeralSignerParams, ProvisionEphemeralSignerResult, PublicEthereumWallet, PublicWallet, RevokeEphemeralSignerParams, SolanaChainEntry, WalletConnectConfig, WalletListEntry } from '@moon-x/core/types';
 import React$1, { ReactNode } from 'react';
 export { e as ethereum } from './ethereum-lovLlqC2.mjs';
@@ -116,7 +116,7 @@ interface UseLoginWithOAuth {
 }
 declare function useLoginWithOAuth(options?: UseLoginWithOAuthCallbacks): UseLoginWithOAuth;
 
-interface MoonKeyConfig {
+interface MoonXConfig {
     appearance?: AuthAppearance;
     loginMethods?: ("email" | "google" | "apple" | "wallet")[];
     /**
@@ -162,9 +162,9 @@ interface MoonKeyConfig {
      */
     defaultChain?: string | number;
 }
-interface MoonKeyProviderProps$1 {
+interface MoonXProviderProps$1 {
     publishableKey: string;
-    config?: MoonKeyConfig;
+    config?: MoonXConfig;
     children: React.ReactNode;
     onClose?: () => void;
 }
@@ -248,7 +248,7 @@ interface MoonKeyInstance {
      * Dynamically update the appearance configuration
      * @param appearance - Appearance configuration including displayMode, backgroundColor, and accentColor
      * @example
-     * const { setAppearance } = useMoonKey();
+     * const { setAppearance } = useMoonX();
      * const colorScheme = useColorScheme(); // React Native
      * setAppearance({ displayMode: colorScheme === 'dark' ? 'dark' : 'light' });
      */
@@ -279,7 +279,7 @@ interface WalletConfig {
 }
 type WalletType = "solana" | "ethereum";
 
-declare const useMoonKey: () => MoonKeyInstance;
+declare const useMoonX: () => MoonKeyInstance;
 
 interface UseOAuthCompletionOptions {
     onSuccess?: (data: any) => void;
@@ -287,13 +287,13 @@ interface UseOAuthCompletionOptions {
 }
 declare function useOAuthCompletion(options?: UseOAuthCompletionOptions): void;
 
-interface MoonKeyProviderProps {
+interface MoonXProviderProps {
     publishableKey: string;
     embeddableId?: string;
-    config?: MoonKeyConfig;
+    config?: MoonXConfig;
     children: ReactNode;
 }
-declare const MoonKeyProvider: React$1.FC<MoonKeyProviderProps>;
+declare const MoonXProvider: React$1.FC<MoonXProviderProps>;
 
 /**
  * MoonKey Theme - matches CSS variables from styles.css:66-95
@@ -380,7 +380,7 @@ declare function resolveLogo(logo: AuthAppearance["logo"], isDark: boolean): {
     align?: "left" | "center";
 } | undefined;
 /**
- * Derives the `--moonkey-*` palette (colors / radius / font) from an
+ * Derives the `--moonx-*` palette (colors / radius / font) from an
  * AuthAppearance. Used by ScopedContainer so the SDK owns its own derivation.
  *
  * Merge priority (lowest → highest): accent/background derivations →
@@ -391,7 +391,7 @@ declare function appearanceToTheme(appearance: AuthAppearance | undefined, isDar
  * Derives the newer `--moonx-*` CSS variables (warning/info/link/ring colors,
  * granular radii, typography scale, card and backdrop tokens) from an
  * {@link AuthAppearance}. Only explicitly-set tokens are emitted, so components
- * fall back to their `--moonkey-*` defaults via CSS `var(..., fallback)` when
+ * fall back to their `--moonx-*` defaults via CSS `var(..., fallback)` when
  * unset.
  */
 declare function appearanceToMoonxVars(appearance: AuthAppearance | undefined, isDark: boolean): Record<string, string>;
@@ -410,7 +410,7 @@ declare function resolveFontUrls(appearance: AuthAppearance | undefined): string
 /**
  * Resolve an {@link AuthAppearance} into the full flat CSS-variable map for
  * surfaces that paint the appearance onto their own root (e.g. the demo applying
- * it to `<html>`): the base light/dark `--moonkey-*` palette merged with the
+ * it to `<html>`): the base light/dark `--moonx-*` palette merged with the
  * appearance derivations, plus the granular `--moonx-*` tokens and per-component
  * overrides.
  *
@@ -441,4 +441,4 @@ declare const getReconnectionInfo: (error: any) => {
     walletAddress?: string;
 } | null;
 
-export { type AttachOAuthState, type BaseConnectedEthereumWallet, type BaseConnectedSolanaWallet, type ConnectWalletCallbacks, type ConnectWalletParams, type DetachOAuthResult, type DetachOAuthState, type MoonKeyConfig, type MoonKeyInstance, MoonKeyProvider, type MoonKeyProviderProps$1 as MoonKeyProviderProps, type MoonKeyTheme, type OAuthAttachResult, type OAuthProvider, type OAuthState, type OAuthUser, SessionExpiredError, SessionNotFoundError, type UseAttachOAuth, type UseAttachOAuthCallbacks, type UseConnectWallet, type UseDetachOAuth, type UseDetachOAuthCallbacks, type UseLoginWithOAuth, type UseLoginWithOAuthCallbacks, type WalletConfig, type WalletInstance, type WalletType, appearanceToComponentVars, appearanceToCssVars, appearanceToMoonxVars, appearanceToTheme, darkTheme, definedOnly, getReconnectionInfo, isColorDark, isDarkAppearance, isDarkMode, lightTheme, requiresReconnection, resolveAppearanceTokens, resolveFontUrls, resolveLogo, themeToCSS, useAttachOAuth, useConnectWallet, useDetachOAuth, useLoginWithOAuth, useMoonKey, useOAuthCompletion };
+export { type AttachOAuthState, type BaseConnectedEthereumWallet, type BaseConnectedSolanaWallet, type ConnectWalletCallbacks, type ConnectWalletParams, type DetachOAuthResult, type DetachOAuthState, type MoonKeyInstance, type MoonKeyTheme, type MoonXConfig, MoonXProvider, type MoonXProviderProps$1 as MoonXProviderProps, type OAuthAttachResult, type OAuthProvider, type OAuthState, type OAuthUser, SessionExpiredError, SessionNotFoundError, type UseAttachOAuth, type UseAttachOAuthCallbacks, type UseConnectWallet, type UseDetachOAuth, type UseDetachOAuthCallbacks, type UseLoginWithOAuth, type UseLoginWithOAuthCallbacks, type WalletConfig, type WalletInstance, type WalletType, appearanceToComponentVars, appearanceToCssVars, appearanceToMoonxVars, appearanceToTheme, darkTheme, definedOnly, getReconnectionInfo, isColorDark, isDarkAppearance, isDarkMode, lightTheme, requiresReconnection, resolveAppearanceTokens, resolveFontUrls, resolveLogo, themeToCSS, useAttachOAuth, useConnectWallet, useDetachOAuth, useLoginWithOAuth, useMoonX, useOAuthCompletion };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { LoginWithEmailState, PasskeyStatusEntry, RegisterPasskeyResult, UseAddPasskeyResult, UseEphemeralSignerResult, UseLoginWithEmailCallbacks, UsePasskeyStatusResult, UseRemovePasskeyResult, useAddPasskey, useEphemeralSigner, useLoginWithEmail, usePasskeyStatus, useRegisterPasskey, useRemovePasskey, useUser } from '@moon-x/core/react';
-import { WalletListEntry, AuthAppearance, PrefillConfig, WalletChainType, PasskeyEnrollConfig, SignMessageConfig, ExportKeyConfig, SignTransactionConfig, SendTransactionConfig, ChainConfigItem, LogoutResponse, EmailOtpFlowState, SendEmailOtpResponse, Wallet, FlexibleTheme, DisplayMode, AppearanceModeTokens } from '@moon-x/core/types';
+import { WalletListEntry, LogoutResponse, EmailOtpFlowState, AuthAppearance, SendEmailOtpResponse, PrefillConfig, WalletChainType, PasskeyEnrollConfig, SignMessageConfig, ExportKeyConfig, SignTransactionConfig, SendTransactionConfig, ChainConfigItem, Wallet, FlexibleTheme, DisplayMode, AppearanceModeTokens } from '@moon-x/core/types';
 export { AppearanceBackdrop, AppearanceBorderRadius, AppearanceCard, AppearanceColors, AppearanceComponents, AppearanceLogo, AppearanceModeTokens, AppearanceTypography, AuthAppearance, Chain, ChainConfigItem, ChainEntry, ComponentStyle, DisplayMode, EphemeralSigner, EphemeralSignerChain, EphemeralSignerScheme, EphemeralSignerWallet, EvmChainEntry, Factor, IdpProvider, ListEphemeralSignersResult, Network, ProvisionEphemeralSignerParams, ProvisionEphemeralSignerResult, PublicEthereumWallet, PublicWallet, RevokeEphemeralSignerParams, SolanaChainEntry, WalletConnectConfig, WalletListEntry } from '@moon-x/core/types';
 import React$1, { ReactNode } from 'react';
 export { e as ethereum } from './ethereum-Eg3cJKce.js';
@@ -116,7 +116,7 @@ interface UseLoginWithOAuth {
 }
 declare function useLoginWithOAuth(options?: UseLoginWithOAuthCallbacks): UseLoginWithOAuth;
 
-interface MoonKeyConfig {
+interface MoonXConfig {
     appearance?: AuthAppearance;
     loginMethods?: ("email" | "google" | "apple" | "wallet")[];
     /**
@@ -162,9 +162,9 @@ interface MoonKeyConfig {
      */
     defaultChain?: string | number;
 }
-interface MoonKeyProviderProps$1 {
+interface MoonXProviderProps$1 {
     publishableKey: string;
-    config?: MoonKeyConfig;
+    config?: MoonXConfig;
     children: React.ReactNode;
     onClose?: () => void;
 }
@@ -248,7 +248,7 @@ interface MoonKeyInstance {
      * Dynamically update the appearance configuration
      * @param appearance - Appearance configuration including displayMode, backgroundColor, and accentColor
      * @example
-     * const { setAppearance } = useMoonKey();
+     * const { setAppearance } = useMoonX();
      * const colorScheme = useColorScheme(); // React Native
      * setAppearance({ displayMode: colorScheme === 'dark' ? 'dark' : 'light' });
      */
@@ -279,7 +279,7 @@ interface WalletConfig {
 }
 type WalletType = "solana" | "ethereum";
 
-declare const useMoonKey: () => MoonKeyInstance;
+declare const useMoonX: () => MoonKeyInstance;
 
 interface UseOAuthCompletionOptions {
     onSuccess?: (data: any) => void;
@@ -287,13 +287,13 @@ interface UseOAuthCompletionOptions {
 }
 declare function useOAuthCompletion(options?: UseOAuthCompletionOptions): void;
 
-interface MoonKeyProviderProps {
+interface MoonXProviderProps {
     publishableKey: string;
     embeddableId?: string;
-    config?: MoonKeyConfig;
+    config?: MoonXConfig;
     children: ReactNode;
 }
-declare const MoonKeyProvider: React$1.FC<MoonKeyProviderProps>;
+declare const MoonXProvider: React$1.FC<MoonXProviderProps>;
 
 /**
  * MoonKey Theme - matches CSS variables from styles.css:66-95
@@ -380,7 +380,7 @@ declare function resolveLogo(logo: AuthAppearance["logo"], isDark: boolean): {
     align?: "left" | "center";
 } | undefined;
 /**
- * Derives the `--moonkey-*` palette (colors / radius / font) from an
+ * Derives the `--moonx-*` palette (colors / radius / font) from an
  * AuthAppearance. Used by ScopedContainer so the SDK owns its own derivation.
  *
  * Merge priority (lowest → highest): accent/background derivations →
@@ -391,7 +391,7 @@ declare function appearanceToTheme(appearance: AuthAppearance | undefined, isDar
  * Derives the newer `--moonx-*` CSS variables (warning/info/link/ring colors,
  * granular radii, typography scale, card and backdrop tokens) from an
  * {@link AuthAppearance}. Only explicitly-set tokens are emitted, so components
- * fall back to their `--moonkey-*` defaults via CSS `var(..., fallback)` when
+ * fall back to their `--moonx-*` defaults via CSS `var(..., fallback)` when
  * unset.
  */
 declare function appearanceToMoonxVars(appearance: AuthAppearance | undefined, isDark: boolean): Record<string, string>;
@@ -410,7 +410,7 @@ declare function resolveFontUrls(appearance: AuthAppearance | undefined): string
 /**
  * Resolve an {@link AuthAppearance} into the full flat CSS-variable map for
  * surfaces that paint the appearance onto their own root (e.g. the demo applying
- * it to `<html>`): the base light/dark `--moonkey-*` palette merged with the
+ * it to `<html>`): the base light/dark `--moonx-*` palette merged with the
  * appearance derivations, plus the granular `--moonx-*` tokens and per-component
  * overrides.
  *
@@ -441,4 +441,4 @@ declare const getReconnectionInfo: (error: any) => {
     walletAddress?: string;
 } | null;
 
-export { type AttachOAuthState, type BaseConnectedEthereumWallet, type BaseConnectedSolanaWallet, type ConnectWalletCallbacks, type ConnectWalletParams, type DetachOAuthResult, type DetachOAuthState, type MoonKeyConfig, type MoonKeyInstance, MoonKeyProvider, type MoonKeyProviderProps$1 as MoonKeyProviderProps, type MoonKeyTheme, type OAuthAttachResult, type OAuthProvider, type OAuthState, type OAuthUser, SessionExpiredError, SessionNotFoundError, type UseAttachOAuth, type UseAttachOAuthCallbacks, type UseConnectWallet, type UseDetachOAuth, type UseDetachOAuthCallbacks, type UseLoginWithOAuth, type UseLoginWithOAuthCallbacks, type WalletConfig, type WalletInstance, type WalletType, appearanceToComponentVars, appearanceToCssVars, appearanceToMoonxVars, appearanceToTheme, darkTheme, definedOnly, getReconnectionInfo, isColorDark, isDarkAppearance, isDarkMode, lightTheme, requiresReconnection, resolveAppearanceTokens, resolveFontUrls, resolveLogo, themeToCSS, useAttachOAuth, useConnectWallet, useDetachOAuth, useLoginWithOAuth, useMoonKey, useOAuthCompletion };
+export { type AttachOAuthState, type BaseConnectedEthereumWallet, type BaseConnectedSolanaWallet, type ConnectWalletCallbacks, type ConnectWalletParams, type DetachOAuthResult, type DetachOAuthState, type MoonKeyInstance, type MoonKeyTheme, type MoonXConfig, MoonXProvider, type MoonXProviderProps$1 as MoonXProviderProps, type OAuthAttachResult, type OAuthProvider, type OAuthState, type OAuthUser, SessionExpiredError, SessionNotFoundError, type UseAttachOAuth, type UseAttachOAuthCallbacks, type UseConnectWallet, type UseDetachOAuth, type UseDetachOAuthCallbacks, type UseLoginWithOAuth, type UseLoginWithOAuthCallbacks, type WalletConfig, type WalletInstance, type WalletType, appearanceToComponentVars, appearanceToCssVars, appearanceToMoonxVars, appearanceToTheme, darkTheme, definedOnly, getReconnectionInfo, isColorDark, isDarkAppearance, isDarkMode, lightTheme, requiresReconnection, resolveAppearanceTokens, resolveFontUrls, resolveLogo, themeToCSS, useAttachOAuth, useConnectWallet, useDetachOAuth, useLoginWithOAuth, useMoonX, useOAuthCompletion };