@nexus-cross/connect-kit-react 1.0.0-beta.1

package/dist/components/OtherWalletsModal.js

@@ -0,0 +1,300 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { detectWallets, DEFAULT_WALLET_REGISTRY } from '@nexus-cross/connect-kit-wagmi';
+import { useCrossConnectKit } from '../context/CrossConnectKitContext.js';
+const DEFAULT_TROUBLESHOOTING_TIPS = [
+    'Ensure your wallet extension is installed and unlocked',
+    'Try refreshing the page',
+    'Some wallets may require you to first open the extension',
+    'You can try clicking the wallet anyway',
+];
+const DEFAULT_DESCRIPTION = 'Connect with one of our available wallet providers to continue.';
+/**
+ * Wallet selector modal. Port of posa's `ConnectWalletModal` backed by
+ * `ConnectorRegistry` — wallet order, icons, and descriptive copy match
+ * posa; DApps can override via `walletGuides` passed to
+ * `createCrossxConfig` and via modal props.
+ */
+export function OtherWalletsModal({ open, onClose, onSelect, title = 'Connect Wallet', description = DEFAULT_DESCRIPTION, troubleshootingTips = DEFAULT_TROUBLESHOOTING_TIPS, }) {
+    const { availableWallets } = useCrossConnectKit();
+    const [installedMap, setInstalledMap] = useState({});
+    useEffect(() => {
+        if (!open)
+            return;
+        const detected = detectWallets(DEFAULT_WALLET_REGISTRY);
+        const map = {};
+        for (const w of detected) {
+            if (w.installed !== undefined)
+                map[w.id] = w.installed;
+        }
+        setInstalledMap(map);
+        // Some extensions inject late; re-scan after a short delay (matches
+        // posa's 1000ms re-probe).
+        const timer = setTimeout(() => {
+            const detected2 = detectWallets(DEFAULT_WALLET_REGISTRY);
+            const map2 = {};
+            for (const w of detected2) {
+                if (w.installed !== undefined)
+                    map2[w.id] = w.installed;
+            }
+            setInstalledMap(map2);
+        }, 1000);
+        return () => clearTimeout(timer);
+    }, [open]);
+    const isMobile = useMemo(() => {
+        if (typeof navigator === 'undefined')
+            return false;
+        return /Mobi|Android/i.test(navigator.userAgent);
+    }, []);
+    const filteredWallets = useMemo(() => isMobile
+        ? availableWallets.filter((e) => e.type !== 'extension')
+        : availableWallets, [availableWallets, isMobile]);
+    const handleSelect = useCallback((entry) => {
+        const installed = installedMap[entry.walletId];
+        if (!installed && entry.installUrl && entry.type === 'extension') {
+            window.open(entry.installUrl, '_blank');
+            return;
+        }
+        onClose();
+        onSelect(entry.walletId);
+    }, [onClose, onSelect, installedMap]);
+    const handleGuide = useCallback((e, url) => {
+        e.stopPropagation();
+        onClose();
+        window.open(url, '_blank');
+    }, [onClose]);
+    if (!open)
+        return null;
+    return (_jsx("div", { style: s.overlay, onClick: onClose, children: _jsxs("div", { style: s.modal, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: s.header, children: [_jsx("h2", { style: s.title, children: title }), _jsx("button", { type: "button", onClick: onClose, style: s.closeBtn, "aria-label": "Close", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsx("p", { style: s.desc, children: description }), _jsx("div", { style: s.walletList, children: filteredWallets.map((entry) => {
+                        const installed = installedMap[entry.walletId];
+                        const showInstallHint = installed === false &&
+                            entry.type === 'extension' &&
+                            !!entry.installUrl;
+                        return (_jsxs("div", { style: s.walletGroup, children: [_jsxs("button", { type: "button", onClick: () => handleSelect(entry), style: {
+                                        ...s.walletItem,
+                                        ...(entry.walletId === 'cross_wallet' ? s.walletItemAccent : {}),
+                                    }, "aria-label": `Connect with ${entry.name}`, children: [entry.iconUrl ? (_jsx("img", { src: entry.iconUrl, alt: "", style: s.walletIcon })) : (_jsx("div", { style: s.walletIconPlaceholder })), _jsxs("div", { style: s.walletInfo, children: [_jsxs("div", { style: s.walletNameRow, children: [_jsx("span", { style: s.walletName, children: entry.name }), installed !== undefined && (_jsx("span", { style: {
+                                                                ...s.badge,
+                                                                ...(installed ? s.badgeInstalled : s.badgeNotInstalled),
+                                                            }, children: installed ? 'Installed' : 'Not Installed' }))] }), _jsx("span", { style: s.walletDesc, children: showInstallHint
+                                                        ? 'Extension not detected — click to install'
+                                                        : entry.type === 'extension'
+                                                            ? 'Browser extension approval is required'
+                                                            : entry.walletId === 'cross_wallet'
+                                                                ? 'App approval is required'
+                                                                : entry.walletId === 'binance'
+                                                                    ? 'Mobile app only — Add CROSS network first'
+                                                                    : installed
+                                                                        ? 'Connect with browser extension'
+                                                                        : 'Scan QR code with app' })] })] }), entry.guideUrl && (_jsxs("button", { type: "button", onClick: (e) => handleGuide(e, entry.guideUrl), style: s.guideBtn, children: [_jsx("span", { "aria-hidden": "true", children: "\u26A0\uFE0F" }), entry.guideLabel ?? 'Required Settings'] }))] }, entry.walletId));
+                    }) }), _jsxs("div", { style: s.troubleshoot, children: [_jsx("h3", { style: s.troubleshootTitle, children: "Wallet not detected?" }), _jsx("ul", { style: s.troubleshootList, children: troubleshootingTips.map((tip) => (_jsxs("li", { style: s.troubleshootItem, children: [_jsx("span", { style: s.troubleshootDot, "aria-hidden": "true" }), _jsx("span", { children: tip })] }, tip))) })] })] }) }));
+}
+/**
+ * Theme tokens shared with `@nexus-cross/dapp-ui`'s `WalletInfo` (`--wi-*`).
+ * Using the same variable names means a DApp that themes WalletInfo
+ * automatically themes this modal — no separate setup. Fallback values
+ * match posa's dark-mode palette.
+ */
+/**
+ * Fallback values match `@nexus-cross/dapp-ui`'s WalletInfo built-in dark
+ * palette so the modal renders cohesively even when the DApp has not
+ * set `--wi-*` on `:root`. DApps that override `--wi-*` get their
+ * palette applied here via the CSS cascade.
+ */
+const t = {
+    surfaceBg: 'var(--wi-surface-bg, #121212)',
+    surfaceDefault: 'var(--wi-surface-default, rgba(255,255,255,0.05))',
+    surfaceSubtle: 'var(--wi-surface-subtle, rgba(255,255,255,0.1))',
+    borderDefault: 'var(--wi-border-default, rgba(255,255,255,0.05))',
+    textPrimary: 'var(--wi-texticon-primary, #ffffff)',
+    textSecondary: 'var(--wi-texticon-secondary, rgba(255,255,255,0.7))',
+    textTertiary: 'var(--wi-texticon-tertiary, rgba(255,255,255,0.5))',
+    primary: 'var(--wi-primary, #019d92)',
+    primarySoft: 'var(--crossx-kit-primary-soft, rgba(1,157,146,0.15))',
+    accentGradient: 'var(--crossx-kit-accent-gradient, linear-gradient(113deg, rgba(255,255,255,0.05) 0%, rgba(1,157,146,0.12) 70%, rgba(255,255,255,0.05) 70%, rgba(1,157,146,0.12) 80%, rgba(255,255,255,0.05) 80%))',
+    warningBg: 'var(--crossx-kit-warning-bg, rgba(245,158,11,0.1))',
+    warningBorder: 'var(--crossx-kit-warning-border, rgba(245,158,11,0.25))',
+    warningText: 'var(--crossx-kit-warning-text, #fbbf24)',
+};
+const s = {
+    overlay: {
+        position: 'fixed',
+        inset: 0,
+        zIndex: 10000,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        background: 'rgba(0,0,0,0.6)',
+        backdropFilter: 'blur(4px)',
+    },
+    modal: {
+        width: '100%',
+        maxWidth: '420px',
+        margin: '16px',
+        background: t.surfaceBg,
+        border: `1px solid ${t.borderDefault}`,
+        borderRadius: '20px',
+        overflow: 'hidden',
+    },
+    header: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '20px 24px 0',
+    },
+    title: {
+        fontSize: '18px',
+        fontWeight: 700,
+        color: t.textPrimary,
+        margin: 0,
+    },
+    closeBtn: {
+        background: 'none',
+        border: 'none',
+        color: t.textTertiary,
+        cursor: 'pointer',
+        padding: '4px',
+        borderRadius: '8px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    desc: {
+        padding: '8px 24px 16px',
+        fontSize: '13px',
+        color: t.textTertiary,
+        margin: 0,
+        lineHeight: 1.5,
+    },
+    walletList: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '6px',
+        padding: '0 12px 12px',
+    },
+    walletGroup: {
+        display: 'flex',
+        flexDirection: 'column',
+        borderRadius: '12px',
+        overflow: 'hidden',
+        background: t.surfaceDefault,
+    },
+    walletItem: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '14px',
+        width: '100%',
+        padding: '14px',
+        background: 'transparent',
+        border: 'none',
+        color: t.textPrimary,
+        cursor: 'pointer',
+        textAlign: 'left',
+    },
+    walletItemAccent: {
+        background: t.accentGradient,
+    },
+    walletIcon: {
+        width: '40px',
+        height: '40px',
+        borderRadius: '10px',
+        flexShrink: 0,
+    },
+    walletIconPlaceholder: {
+        width: '40px',
+        height: '40px',
+        borderRadius: '10px',
+        background: t.surfaceSubtle,
+        flexShrink: 0,
+    },
+    walletInfo: {
+        flex: 1,
+        minWidth: 0,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '3px',
+    },
+    walletNameRow: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    walletName: {
+        fontSize: '15px',
+        fontWeight: 700,
+        lineHeight: 1.3,
+        color: t.textPrimary,
+    },
+    badge: {
+        fontSize: '10px',
+        fontWeight: 600,
+        padding: '2px 7px',
+        borderRadius: '99px',
+        lineHeight: 1,
+    },
+    badgeInstalled: {
+        background: t.primarySoft,
+        color: t.primary,
+    },
+    badgeNotInstalled: {
+        background: 'rgba(255,255,255,0.05)',
+        color: t.textTertiary,
+    },
+    walletDesc: {
+        fontSize: '11px',
+        color: t.textSecondary,
+        lineHeight: 1.3,
+    },
+    guideBtn: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '6px',
+        margin: '0 14px 14px',
+        padding: '10px 12px',
+        borderRadius: '10px',
+        border: `1px solid ${t.warningBorder}`,
+        background: t.warningBg,
+        color: t.warningText,
+        fontWeight: 600,
+        fontSize: '13px',
+        cursor: 'pointer',
+    },
+    troubleshoot: {
+        margin: '0 12px 16px',
+        background: t.surfaceDefault,
+        borderRadius: '12px',
+        padding: '14px 16px',
+    },
+    troubleshootTitle: {
+        fontSize: '12px',
+        fontWeight: 700,
+        color: t.textPrimary,
+        margin: '0 0 8px',
+    },
+    troubleshootList: {
+        listStyle: 'none',
+        padding: 0,
+        margin: 0,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+    },
+    troubleshootItem: {
+        display: 'flex',
+        alignItems: 'flex-start',
+        gap: '8px',
+        fontSize: '11px',
+        color: t.textSecondary,
+        lineHeight: 1.5,
+    },
+    troubleshootDot: {
+        flexShrink: 0,
+        width: '4px',
+        height: '4px',
+        marginTop: '6px',
+        borderRadius: '50%',
+        background: t.textSecondary,
+    },
+};
+//# sourceMappingURL=OtherWalletsModal.js.map

package/dist/components/OtherWalletsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtherWalletsModal.js","sourceRoot":"","sources":["../../src/components/OtherWalletsModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/WalletInfoPopover.d.ts

@@ -0,0 +1,7 @@
+export interface WalletInfoPopoverProps {
+    open: boolean;
+    onClose: () => void;
+    anchorRef?: React.RefObject<HTMLElement | null>;
+}
+export declare function WalletInfoPopover({ open, onClose }: WalletInfoPopoverProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=WalletInfoPopover.d.ts.map

package/dist/components/WalletInfoPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletInfoPopover.d.ts","sourceRoot":"","sources":["../../src/components/WalletInfoPopover.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjD;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,sBAAsB,kDAuG1E"}

package/dist/components/WalletInfoPopover.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { useAccount, useBalance, useDisconnect, useEnsName } from 'wagmi';
+import { formatBalance } from '@nexus-cross/connect-kit-core';
+import { useCrossConnectKit } from '../context/CrossConnectKitContext.js';
+function truncateAddress(address) {
+    return `${address.slice(0, 6)}...${address.slice(-4)}`;
+}
+export function WalletInfoPopover({ open, onClose }) {
+    const { address, chain } = useAccount();
+    const { data: ensName } = useEnsName({ address });
+    const { data: balance } = useBalance({ address });
+    const { disconnect } = useDisconnect();
+    const { selectWallet, currentWallet } = useCrossConnectKit();
+    const [copied, setCopied] = useState(false);
+    const isEmbedded = currentWallet === 'cross_embedded';
+    const handleCopy = useCallback(() => {
+        if (!address)
+            return;
+        navigator.clipboard.writeText(address).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        });
+    }, [address]);
+    const handleDisconnect = useCallback(() => {
+        disconnect();
+        onClose();
+    }, [disconnect, onClose]);
+    const handleExplorer = useCallback(() => {
+        if (!chain?.blockExplorers?.default?.url || !address)
+            return;
+        window.open(`${chain.blockExplorers.default.url}/address/${address}`, '_blank');
+    }, [chain, address]);
+    if (!open || !address)
+        return null;
+    const displayName = ensName ?? truncateAddress(address);
+    const balanceText = balance
+        ? `${formatBalance(balance.value, balance.decimals)} ${balance.symbol}`
+        : '—';
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: s.backdrop, onClick: onClose }), _jsxs("div", { style: s.popover, children: [_jsxs("div", { style: s.identity, children: [_jsx("div", { style: s.avatar, children: _jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", children: [_jsx("rect", { width: "40", height: "40", rx: "20", fill: "#00D5AA" }), _jsx("text", { x: "50%", y: "55%", textAnchor: "middle", dominantBaseline: "middle", fontSize: "16", fontWeight: "bold", fill: "#000", children: address.slice(2, 4).toUpperCase() })] }) }), _jsxs("div", { style: s.identityText, children: [_jsx("div", { style: s.displayName, children: displayName }), chain && _jsx("div", { style: s.chainName, children: chain.name })] })] }), _jsxs("div", { style: s.balanceCard, children: [_jsx("div", { style: s.balanceLabel, children: "Balance" }), _jsx("div", { style: s.balanceValue, children: balanceText })] }), _jsxs("div", { style: s.addressRow, children: [_jsx("code", { style: s.addressCode, children: truncateAddress(address) }), _jsx("button", { type: "button", onClick: handleCopy, style: s.actionBtn, title: "Copy address", children: copied ? (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#00D5AA", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })) }), chain?.blockExplorers?.default && (_jsx("button", { type: "button", onClick: handleExplorer, style: s.actionBtn, title: "View on explorer", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), _jsx("polyline", { points: "15 3 21 3 21 9" }), _jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })] }) }))] }), isEmbedded && (_jsxs("button", { type: "button", onClick: () => { selectWallet(); onClose(); }, style: s.selectWalletBtn, children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2" }), _jsx("path", { d: "M22 10H2" })] }), "Select Wallet"] })), _jsxs("button", { type: "button", onClick: handleDisconnect, style: s.disconnectBtn, children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx("polyline", { points: "16 17 21 12 16 7" }), _jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })] }), "Disconnect"] })] })] }));
+}
+const s = {
+    backdrop: {
+        position: 'fixed',
+        inset: 0,
+        zIndex: 9999,
+    },
+    popover: {
+        position: 'absolute',
+        top: 'calc(100% + 8px)',
+        right: 0,
+        width: '320px',
+        background: '#161922',
+        border: '1px solid #2a2d3a',
+        borderRadius: '20px',
+        padding: '20px',
+        zIndex: 10000,
+        boxShadow: '0 8px 40px rgba(0,0,0,0.5)',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '16px',
+    },
+    identity: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+    },
+    avatar: {
+        flexShrink: 0,
+        borderRadius: '20px',
+        overflow: 'hidden',
+    },
+    identityText: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '2px',
+        minWidth: 0,
+    },
+    displayName: {
+        fontSize: '16px',
+        fontWeight: 700,
+        color: '#fff',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+    },
+    chainName: {
+        fontSize: '12px',
+        color: '#ffffff60',
+        fontWeight: 500,
+    },
+    balanceCard: {
+        background: '#1e232e',
+        borderRadius: '14px',
+        padding: '14px 16px',
+    },
+    balanceLabel: {
+        fontSize: '11px',
+        fontWeight: 600,
+        color: '#ffffff50',
+        marginBottom: '4px',
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+    },
+    balanceValue: {
+        fontSize: '20px',
+        fontWeight: 700,
+        color: '#fff',
+    },
+    addressRow: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        background: '#1e232e',
+        borderRadius: '12px',
+        padding: '10px 12px',
+    },
+    addressCode: {
+        flex: 1,
+        fontSize: '13px',
+        color: '#ffffff90',
+        fontFamily: 'monospace',
+    },
+    actionBtn: {
+        background: 'none',
+        border: 'none',
+        color: '#ffffff60',
+        cursor: 'pointer',
+        padding: '4px',
+        borderRadius: '6px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    selectWalletBtn: {
+        width: '100%',
+        padding: '12px',
+        borderRadius: '12px',
+        border: 'none',
+        background: 'rgba(255,255,255,0.05)',
+        color: '#ffffffb2',
+        fontWeight: 600,
+        fontSize: '14px',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '8px',
+    },
+    disconnectBtn: {
+        width: '100%',
+        padding: '12px',
+        borderRadius: '12px',
+        border: 'none',
+        background: 'rgba(255,255,255,0.05)',
+        color: '#ffffffb2',
+        fontWeight: 600,
+        fontSize: '14px',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '8px',
+    },
+};
+//# sourceMappingURL=WalletInfoPopover.js.map

package/dist/components/WalletInfoPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletInfoPopover.js","sourceRoot":"","sources":["../../src/components/WalletInfoPopover.tsx"],"names":[],"mappings":"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"}

package/dist/components/types.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { WalletId } from '@nexus-cross/connect-kit-core';
+import type { CrossxConfig } from '@nexus-cross/connect-kit-wagmi';
+export interface CrossConnectKitProviderProps {
+    children: ReactNode;
+    config: CrossxConfig;
+}
+export interface ConnectButtonProps {
+    showBalance?: boolean;
+    label?: string;
+    className?: string;
+}
+export interface OtherWalletsModalProps {
+    open: boolean;
+    onClose: () => void;
+    onSelect: (walletId: WalletId) => void;
+}
+export interface WalletInfoPopoverProps {
+    open: boolean;
+    onClose: () => void;
+    anchorRef?: React.RefObject<HTMLElement | null>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAS,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAEnE,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjD"}

package/dist/components/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":""}

package/dist/context/CrossConnectKitContext.d.ts

@@ -0,0 +1,30 @@
+import type { CrossConnectKitConfig, WalletId } from '@nexus-cross/connect-kit-core';
+import type { ConnectorEntry, ConnectorRegistry } from '@nexus-cross/connect-kit-wagmi';
+export interface CrossConnectKitContextValue {
+    kitConfig: CrossConnectKitConfig;
+    connectorRegistry: ConnectorRegistry;
+    /** Available wallets derived from the registry (excludes embedded) */
+    availableWallets: readonly ConnectorEntry[];
+    /** Connect by walletId — resolved through the registry */
+    connect: (walletId: WalletId) => Promise<void>;
+    /** Shortcut: trigger embedded wallet connect (SDK modal) */
+    connectWallet: () => Promise<void>;
+    /** Disconnect and clean up wagmi + SDK + cached session storage. */
+    disconnect: () => Promise<void>;
+    /** Open the SDK's wallet selector (embedded only) */
+    selectWallet: () => Promise<{
+        address: string;
+        index: number;
+    } | null>;
+    /** Currently active wallet type, resolved from registry */
+    currentWallet: WalletId | null;
+    /** Open the "Other Wallets" modal */
+    openOtherWallets: () => void;
+    /** Close the "Other Wallets" modal */
+    closeOtherWallets: () => void;
+    /** Whether the "Other Wallets" modal is open */
+    otherWalletsOpen: boolean;
+}
+export declare const CrossConnectKitContext: import("react").Context<CrossConnectKitContextValue | null>;
+export declare function useCrossConnectKit(): CrossConnectKitContextValue;
+//# sourceMappingURL=CrossConnectKitContext.d.ts.map

package/dist/context/CrossConnectKitContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossConnectKitContext.d.ts","sourceRoot":"","sources":["../../src/context/CrossConnectKitContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAExF,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,qBAAqB,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;IAErC,sEAAsE;IACtE,gBAAgB,EAAE,SAAS,cAAc,EAAE,CAAC;IAE5C,0DAA0D;IAC1D,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,4DAA4D;IAC5D,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,oEAAoE;IACpE,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,qDAAqD;IACrD,YAAY,EAAE,MAAM,OAAO,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAEvE,2DAA2D;IAC3D,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC;IAE/B,qCAAqC;IACrC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sCAAsC;IACtC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gDAAgD;IAChD,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,sBAAsB,6DAA0D,CAAC;AAE9F,wBAAgB,kBAAkB,IAAI,2BAA2B,CAMhE"}

package/dist/context/CrossConnectKitContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const CrossConnectKitContext = createContext(null);
+export function useCrossConnectKit() {
+    const ctx = useContext(CrossConnectKitContext);
+    if (!ctx) {
+        throw new Error('useCrossConnectKit must be used within <CrossConnectKitProvider>');
+    }
+    return ctx;
+}
+//# sourceMappingURL=CrossConnectKitContext.js.map

package/dist/context/CrossConnectKitContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossConnectKitContext.js","sourceRoot":"","sources":["../../src/context/CrossConnectKitContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA+BlD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAqC,IAAI,CAAC,CAAC;AAE9F,MAAM,UAAU,kBAAkB;IAChC,MAAM,GAAG,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC/C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC,CAAC;IACtF,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/context/CrossConnectKitThemeContext.d.ts

@@ -0,0 +1,41 @@
+import type { ThemeMode, ThemeTokens } from '@nexus-cross/connect-kit-core';
+/**
+ * Resolved theme state exposed to consumers inside `<CrossConnectKitProvider>`.
+ * `mode` already accounts for `autoDetectTheme` and any runtime
+ * overrides via `setTheme`.
+ */
+export interface CrossConnectKitThemeContextValue {
+    /** Active theme mode (respects `autoDetectTheme` + runtime overrides). */
+    mode: ThemeMode;
+    /** Resolved token set passed to crossy-sdk + published as `--cck-*`. */
+    tokens: ThemeTokens | undefined;
+    /**
+     * Override the theme mode at runtime. Mirrors crossy-sdk's
+     * `sdk.applyTheme(mode)`.
+     *
+     * Passing `null` reverts to whatever the original `CrossConnectKitConfig`
+     * declared (including `autoDetectTheme`).
+     */
+    setThemeMode: (mode: ThemeMode | null) => void;
+    /**
+     * Override color tokens at runtime. Passed straight through to
+     * crossy-sdk's `applyTheme(mode, themeTokens)` on the next render,
+     * and re-published as CSS variables so dapp-ui surfaces update too.
+     *
+     * Passing `null` reverts to `CrossConnectKitConfig.themeTokens`.
+     */
+    setThemeTokens: (tokens: ThemeTokens | null) => void;
+}
+export declare const CrossConnectKitThemeContext: import("react").Context<CrossConnectKitThemeContextValue | null>;
+/**
+ * Access the resolved theme and the runtime override setters. Must be
+ * called inside `<CrossConnectKitProvider>`.
+ */
+export declare function useCrossConnectKitTheme(): CrossConnectKitThemeContextValue;
+/**
+ * Version that returns `null` when called outside the provider — handy
+ * for components (like `WalletInfo`) that want to opt into the kit's
+ * theme if mounted under the provider, but keep working standalone.
+ */
+export declare function useOptionalCrossConnectKitTheme(): CrossConnectKitThemeContextValue | null;
+//# sourceMappingURL=CrossConnectKitThemeContext.d.ts.map

package/dist/context/CrossConnectKitThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossConnectKitThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/CrossConnectKitThemeContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5E;;;;GAIG;AACH,MAAM,WAAW,gCAAgC;IAC/C,0EAA0E;IAC1E,IAAI,EAAE,SAAS,CAAC;IAChB,wEAAwE;IACxE,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC;;;;;;OAMG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C;;;;;;OAMG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,2BAA2B,kEACsB,CAAC;AAE/D;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,gCAAgC,CAQ1E;AAED;;;;GAIG;AACH,wBAAgB,+BAA+B,IAAI,gCAAgC,GAAG,IAAI,CAEzF"}