signer-test-sdk-react 0.0.22 → 0.0.23

package/dist/src/components/WalletModal/components/ExportKeyModal.css

@@ -1,133 +1,134 @@
 /* Export Key Modal Styles - extracted from WalletModal.css */
-.wallet-modal-export-header {
+.wallet-modal-export-key-body {
+  width: 100%;
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 24px;
-}
-
-.wallet-modal-export-title {
-  font-size: 20px;
-  font-weight: 600;
-  margin: 0;
+  flex-direction: column;
+  gap: 16px;
 }
 
-.wallet-modal-theme-dark .wallet-modal-export-title {
-  color: #ffffff;
+.wallet-modal-export-key-warning {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 12px 14px;
+  border-radius: 12px;
+  border: 1px solid;
 }
 
-.wallet-modal-theme-light .wallet-modal-export-title {
-  color: #111827;
+.wallet-modal-theme-light .wallet-modal-export-key-warning {
+  background: #f3f4f6;
+  border-color: #e5e7eb;
 }
 
-.wallet-modal-export-content {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
+.wallet-modal-theme-dark .wallet-modal-export-key-warning {
+  background: #2a2a2a;
+  border-color: #3a3a3a;
 }
 
-.wallet-modal-export-key-display {
-  padding: 16px;
-  border-radius: 12px;
-  border: 1px solid;
-  font-family: monospace;
-  font-size: 12px;
-  word-break: break-all;
-  min-height: 100px;
-  max-height: 200px;
-  overflow-y: auto;
-  transition: all 0.3s;
+.wallet-modal-export-key-warning-icon {
+  flex-shrink: 0;
+  margin-top: 2px;
+  color: #2563eb;
 }
 
-.wallet-modal-theme-dark .wallet-modal-export-key-display {
-  background: #2a2a2a;
-  border-color: #3a3a3a;
-  color: #ffffff;
+.wallet-modal-theme-dark .wallet-modal-export-key-warning-icon {
+  color: #60a5fa;
 }
 
-.wallet-modal-theme-light .wallet-modal-export-key-display {
-  background: #f9fafb;
-  border-color: #e5e7eb;
-  color: #111827;
+.wallet-modal-export-key-warning-text {
+  min-width: 0;
 }
 
-.wallet-modal-export-key-display.blurred {
-  filter: blur(8px);
-  user-select: none;
-  cursor: pointer;
+.wallet-modal-export-key-warning-title {
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 1.35;
 }
 
-.wallet-modal-export-key-hint {
+.wallet-modal-export-key-warning-subtitle {
+  margin-top: 2px;
   font-size: 12px;
-  text-align: center;
-  opacity: 0.7;
-  margin: 0;
+  line-height: 1.35;
+  opacity: 0.85;
 }
 
-.wallet-modal-theme-dark .wallet-modal-export-key-hint {
-  color: #9ca3af;
+.wallet-modal-theme-light .wallet-modal-export-key-warning-title,
+.wallet-modal-theme-light .wallet-modal-export-key-warning-subtitle {
+  color: #111827;
 }
 
-.wallet-modal-theme-light .wallet-modal-export-key-hint {
-  color: #6b7280;
+.wallet-modal-theme-dark .wallet-modal-export-key-warning-title,
+.wallet-modal-theme-dark .wallet-modal-export-key-warning-subtitle {
+  color: #ffffff;
 }
 
-.wallet-modal-export-copy-btn {
+.wallet-modal-export-key-field {
   width: 100%;
-  padding: 12px 24px;
-  border-radius: 10px;
-  border: 1px solid;
-  background: transparent;
-  cursor: pointer;
-  transition: all 0.2s;
   display: flex;
   align-items: center;
-  justify-content: center;
-  gap: 8px;
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.wallet-modal-theme-dark .wallet-modal-export-copy-btn {
-  border-color: #3a3a3a;
-  color: #ffffff;
+  gap: 10px;
+  padding: 12px 14px;
+  border-radius: 12px;
+  border: 1px solid;
+  box-sizing: border-box;
 }
 
-.wallet-modal-theme-light .wallet-modal-export-copy-btn {
+.wallet-modal-theme-light .wallet-modal-export-key-field {
+  background: #ffffff;
   border-color: #e5e7eb;
-  color: #111827;
 }
 
-.wallet-modal-theme-dark .wallet-modal-export-copy-btn:hover:not(:disabled) {
+.wallet-modal-theme-dark .wallet-modal-export-key-field {
   background: #2a2a2a;
-  border-color: #4a4a4a;
+  border-color: #3a3a3a;
 }
 
-.wallet-modal-theme-light .wallet-modal-export-copy-btn:hover:not(:disabled) {
-  background: #f3f4f6;
-  border-color: #d1d5db;
+.wallet-modal-export-key-value {
+  flex: 1;
+  min-width: 0;
+  font-family: 'GeistMono', 'SF Mono', monospace;
+  font-size: 13px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-.wallet-modal-export-copy-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
+.wallet-modal-theme-light .wallet-modal-export-key-value {
+  color: #111827;
 }
 
-.wallet-modal-export-done-btn {
-  width: 100%;
-  padding: 14px 24px;
-  border-radius: 12px;
+.wallet-modal-theme-dark .wallet-modal-export-key-value {
+  color: #ffffff;
+}
+
+.wallet-modal-export-key-inline-copy {
+  background: transparent;
   border: none;
-  font-size: 16px;
-  font-weight: 600;
   cursor: pointer;
-  transition: all 0.2s;
-  background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
-  color: #ffffff;
+  padding: 6px;
+  border-radius: 8px;
+  transition: background 0.15s ease;
+  color: inherit;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.wallet-modal-theme-light .wallet-modal-export-key-inline-copy {
+  color: #6b7280;
 }
 
-.wallet-modal-export-done-btn:hover {
-  background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.3);
+.wallet-modal-theme-dark .wallet-modal-export-key-inline-copy {
+  color: #9ca3af;
+}
+
+.wallet-modal-theme-light .wallet-modal-export-key-inline-copy:hover {
+  background: rgba(17, 24, 39, 0.06);
+  color: #111827;
+}
+
+.wallet-modal-theme-dark .wallet-modal-export-key-inline-copy:hover {
+  background: rgba(255, 255, 255, 0.08);
+  color: #ffffff;
 }

package/dist/src/components/WalletModal/components/ExportKeyModal.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Export Key Modal Component
+ */
+import { type CSSProperties } from 'react';
 import './ExportKeyModal.css';
 import '../../../WalletModal.css';
 export interface ExportKeyModalProps {
@@ -5,5 +9,6 @@ export interface ExportKeyModalProps {
     onClose: () => void;
     privateKey: string;
     theme?: 'light' | 'dark';
+    style?: CSSProperties;
 }
-export declare function ExportKeyModal({ isOpen, onClose, privateKey, theme, }: ExportKeyModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ExportKeyModal({ isOpen, onClose, privateKey, theme, style, }: ExportKeyModalProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/WalletModal/components/ExportKeyModal.js

@@ -1,31 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Export Key Modal Component
  */
 import { useState, useCallback } from 'react';
 import './ExportKeyModal.css';
 import '../../../WalletModal.css';
-export function ExportKeyModal({ isOpen, onClose, privateKey, theme = 'dark', }) {
-    const [showPrivateKey, setShowPrivateKey] = useState(false);
+import { FiInfo } from 'react-icons/fi';
+export function ExportKeyModal({ isOpen, onClose, privateKey, theme = 'dark', style, }) {
     const [copied, setCopied] = useState(false);
     const handleCopy = useCallback(() => {
-        if (privateKey && showPrivateKey) {
+        if (privateKey) {
             navigator.clipboard.writeText(privateKey);
             setCopied(true);
             setTimeout(() => setCopied(false), 2000);
         }
-    }, [privateKey, showPrivateKey]);
+    }, [privateKey]);
     const handleClose = useCallback(() => {
-        setShowPrivateKey(false);
         setCopied(false);
         onClose();
     }, [onClose]);
     if (!isOpen)
         return null;
-    return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: handleClose, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-export-key`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-export-header", children: [_jsx("h2", { className: "wallet-modal-export-title", children: "Export Key" }), _jsx("button", { className: "wallet-modal-close", onClick: handleClose, "aria-label": "Close", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), _jsxs("div", { className: "wallet-modal-export-content", children: [_jsx("div", { className: `wallet-modal-export-key-display ${!showPrivateKey ? 'blurred' : ''}`, onClick: () => {
-                                if (!showPrivateKey) {
-                                    setShowPrivateKey(true);
-                                }
-                            }, style: { cursor: showPrivateKey ? 'text' : 'pointer' }, children: privateKey }), !showPrivateKey && (_jsx("p", { className: "wallet-modal-export-key-hint", children: "Click to reveal private key" })), _jsx("button", { className: "wallet-modal-export-copy-btn", onClick: handleCopy, disabled: !showPrivateKey, children: copied ? (_jsxs(_Fragment, { children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M13.5 4L6 11.5L2.5 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { children: "Copied!" })] })) : (_jsxs(_Fragment, { children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [_jsx("path", { d: "M5.5 3.5H3.5C2.67157 3.5 2 4.17157 2 5V12.5C2 13.3284 2.67157 14 3.5 14H11C11.8284 14 12.5 13.3284 12.5 12.5V10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M5.5 3.5C5.5 2.67157 6.17157 2 7 2H12.5C13.3284 2 14 2.67157 14 3.5V9C14 9.82843 13.3284 10.5 12.5 10.5H7C6.17157 10.5 5.5 9.82843 5.5 9V3.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { children: "Copy" })] })) }), _jsx("button", { className: `wallet-modal-export-done-btn wallet-modal-theme-${theme}`, onClick: handleClose, children: "I'm Done" })] })] }) }));
+    return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: handleClose, style: style, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-export-key`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: handleClose, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("h2", { className: "wallet-modal-receive-title", children: "Export Private Key" }), _jsx("button", { className: "wallet-modal-close", onClick: handleClose, "aria-label": "Close", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), _jsxs("div", { className: "wallet-modal-export-key-body", children: [_jsxs("div", { className: "wallet-modal-export-key-warning", role: "note", children: [_jsx("div", { className: "wallet-modal-export-key-warning-icon", "aria-hidden": "true", children: _jsx(FiInfo, { size: 18 }) }), _jsxs("div", { className: "wallet-modal-export-key-warning-text", children: [_jsx("div", { className: "wallet-modal-export-key-warning-title", children: "Don't share your private key with anyone." }), _jsx("div", { className: "wallet-modal-export-key-warning-subtitle", children: "This private key grants full access to your wallet and all held assets." })] })] }), _jsxs("div", { className: "wallet-modal-export-key-field", children: [_jsx("div", { className: "wallet-modal-export-key-value", title: privateKey, children: privateKey }), _jsx("button", { className: "wallet-modal-export-key-inline-copy", onClick: handleCopy, type: "button", "aria-label": "Copy private key", children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 16 16", fill: "none", children: [_jsx("path", { d: "M5.5 3.5H3.5C2.67157 3.5 2 4.17157 2 5V12.5C2 13.3284 2.67157 14 3.5 14H11C11.8284 14 12.5 13.3284 12.5 12.5V10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M5.5 3.5C5.5 2.67157 6.17157 2 7 2H12.5C13.3284 2 14 2.67157 14 3.5V9C14 9.82843 13.3284 10.5 12.5 10.5H7C6.17157 10.5 5.5 9.82843 5.5 9V3.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }) })] }), _jsx("button", { className: "wallet-modal-primary-btn", onClick: handleCopy, type: "button", children: copied ? "Copied" : "Copy" })] })] }) }));
 }
 //# sourceMappingURL=ExportKeyModal.js.map

package/dist/src/components/WalletModal/components/ExportKeyModal.js.map

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

package/dist/src/components/WalletModal/components/ExportWarningModal.css

@@ -1,2 +1,107 @@
-/* Export Warning Modal Styles - extracted from WalletModal.css */
-/* Styles are already in main WalletModal.css, this file is for organization */
+/* Export Private Key (warning) - compact layout to match provided screenshot */
+
+.wallet-modal-content.wallet-modal-export-warning {
+  padding: 20px;
+  gap: 0;
+}
+
+.wallet-modal-export-warning-divider {
+  width: 100%;
+  height: 1px;
+  background: rgba(17, 24, 39, 0.08);
+  margin: 4px 0 14px;
+}
+
+.wallet-modal-theme-dark .wallet-modal-export-warning-divider {
+  background: rgba(255, 255, 255, 0.12);
+}
+
+.wallet-modal-export-warning-simple {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 14px;
+  padding: 6px 0 0;
+}
+
+.wallet-modal-export-warning-key-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #7c3aed;
+  transform: rotate(-20deg);
+}
+
+.wallet-modal-export-warning-simple-text {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  text-align: center;
+  line-height: 1.4;
+  max-width: 360px;
+}
+
+.wallet-modal-theme-light .wallet-modal-export-warning-simple-text {
+  color: #111827;
+}
+
+.wallet-modal-theme-dark .wallet-modal-export-warning-simple-text {
+  color: #ffffff;
+}
+
+.wallet-modal-export-warning-simple-checkbox {
+  width: 100%;
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 0;
+  margin-top: 2px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.wallet-modal-export-warning-simple-checkbox-input {
+  width: 18px;
+  height: 18px;
+  margin-top: 2px;
+  flex-shrink: 0;
+  cursor: pointer;
+  accent-color: #7c3aed;
+}
+
+.wallet-modal-export-warning-simple-checkbox span {
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.wallet-modal-theme-light .wallet-modal-export-warning-simple-checkbox span {
+  color: #111827;
+}
+
+.wallet-modal-theme-dark .wallet-modal-export-warning-simple-checkbox span {
+  color: #ffffff;
+}
+
+.wallet-modal-export-warning-continue {
+  width: 100%;
+  padding: 12px 18px;
+  border-radius: 10px;
+  border: none;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  background: var(--abstraxn-primary);
+  color: var(--abstraxn-primary-text);
+}
+
+.wallet-modal-export-warning-continue:hover:not(.disabled) {
+  background: var(--abstraxn-primary-hover);
+}
+
+.wallet-modal-export-warning-continue.disabled,
+.wallet-modal-export-warning-continue:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}

package/dist/src/components/WalletModal/components/ExportWarningModal.d.ts

@@ -1,5 +1,10 @@
+/**
+ * Export Warning Modal Component
+ */
+import { type CSSProperties } from 'react';
 import type { ChainData } from '../../../chains';
 import '../../../WalletModal.css';
+import './ExportWarningModal.css';
 export interface ExportWarningModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -7,5 +12,6 @@ export interface ExportWarningModalProps {
     currentChain: ChainData | null;
     isExporting: boolean;
     theme?: 'light' | 'dark';
+    style?: CSSProperties;
 }
-export declare function ExportWarningModal({ isOpen, onClose, onAcknowledge, currentChain, isExporting, theme, }: ExportWarningModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ExportWarningModal({ isOpen, onClose, onAcknowledge, currentChain: _currentChain, isExporting, theme, style, }: ExportWarningModalProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/WalletModal/components/ExportWarningModal.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Export Warning Modal Component
  */
 import { useState } from 'react';
 import '../../../WalletModal.css';
-export function ExportWarningModal({ isOpen, onClose, onAcknowledge, currentChain, isExporting, theme = 'dark', }) {
+import './ExportWarningModal.css';
+import { IoKeyOutline } from 'react-icons/io5';
+export function ExportWarningModal({ isOpen, onClose, onAcknowledge, currentChain: _currentChain, isExporting, theme = 'dark', style, }) {
     const [acknowledged, setAcknowledged] = useState(false);
     const handleReveal = () => {
         if (acknowledged && !isExporting) {
@@ -13,6 +15,6 @@ export function ExportWarningModal({ isOpen, onClose, onAcknowledge, currentChai
     };
     if (!isOpen)
         return null;
-    return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: onClose, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-export-warning`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: onClose, disabled: isExporting, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("h2", { className: "wallet-modal-receive-title", children: "Agree to continue" }), _jsx("button", { className: "wallet-modal-close", onClick: onClose, "aria-label": "Close", disabled: isExporting, children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), _jsxs("div", { className: "wallet-modal-export-warning-content", children: [_jsx("div", { className: "wallet-modal-export-warning-illustration", children: _jsx("div", { className: "wallet-modal-export-warning-icon-bg", children: _jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: [_jsx("path", { d: "M24 12L12 18L24 24L36 18L24 12Z", fill: "currentColor" }), _jsx("path", { d: "M12 30L24 36L36 30M12 24L24 30L36 24", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) }) }), _jsx("div", { className: "wallet-modal-export-warning-badge", children: "Sensitive information" }), _jsxs("h3", { className: "wallet-modal-export-warning-heading", children: ["Your ", currentChain?.type === 'solana' ? 'Solana' : 'EVM', " wallet is ready. Back up your key to protect your assets."] }), _jsxs("div", { className: "wallet-modal-export-warning-info-cards", children: [_jsxs("div", { className: "wallet-modal-export-warning-info-card", children: [_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("path", { d: "M3 6C3 4.89543 3.89543 4 5 4H15C16.1046 4 17 4.89543 17 6V16C17 17.1046 16.1046 18 15 18H5C3.89543 18 3 17.1046 3 16V6Z", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M7 8H13M7 12H13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }), _jsx("span", { children: "Non-custodial wallet: You're always in control" })] }), _jsxs("div", { className: "wallet-modal-export-warning-info-card", children: [_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("path", { d: "M10 2L2 6L10 10L18 6L10 2Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M2 14L10 18L18 14M2 10L10 14L18 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10 10V18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { children: "Keep your key private. It controls your account and assets." })] })] }), _jsxs("label", { className: "wallet-modal-export-warning-checkbox", children: [_jsx("input", { type: "checkbox", checked: acknowledged, onChange: (e) => setAcknowledged(e.target.checked), className: "wallet-modal-export-warning-checkbox-input" }), _jsx("span", { children: "I am responsible for safeguarding and using my wallet key information." })] }), _jsx("button", { className: `wallet-modal-export-warning-reveal ${!acknowledged || isExporting ? 'disabled' : ''}`, onClick: handleReveal, disabled: !acknowledged || isExporting, children: isExporting ? (_jsxs(_Fragment, { children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "wallet-modal-loading-spinner", children: [_jsx("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "37.7", strokeDashoffset: "37.7", fill: "none", opacity: "0.3" }), _jsx("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "37.7", fill: "none", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "37.7", to: "0", dur: "1s", repeatCount: "indefinite" }) })] }), _jsx("span", { children: "Loading..." })] })) : ('Reveal') })] })] }) }));
+    return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: onClose, style: style, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-export-warning`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: onClose, disabled: isExporting, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("h2", { className: "wallet-modal-receive-title", children: "Export Private Key" }), _jsx("button", { className: "wallet-modal-close", onClick: onClose, "aria-label": "Close", disabled: isExporting, children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), _jsx("div", { className: "wallet-modal-export-warning-divider" }), _jsxs("div", { className: "wallet-modal-export-warning-simple", children: [_jsx("div", { className: "wallet-modal-export-warning-key-icon", "aria-hidden": "true", children: _jsx(IoKeyOutline, { size: 56 }) }), _jsx("p", { className: "wallet-modal-export-warning-simple-text", children: "Reveal your private key to manage this wallet in a different app." }), _jsxs("label", { className: "wallet-modal-export-warning-simple-checkbox", children: [_jsx("input", { type: "checkbox", checked: acknowledged, onChange: (e) => setAcknowledged(e.target.checked), className: "wallet-modal-export-warning-simple-checkbox-input" }), _jsx("span", { children: "I understand the risks of owning my private key and am fully responsible for keeping it secure." })] }), _jsx("button", { className: `wallet-modal-export-warning-continue ${!acknowledged || isExporting ? 'disabled' : ''}`, onClick: handleReveal, disabled: !acknowledged || isExporting, children: isExporting ? 'Loading...' : 'Continue' })] })] }) }));
 }
 //# sourceMappingURL=ExportWarningModal.js.map

package/dist/src/components/WalletModal/components/ExportWarningModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportWarningModal.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ExportWarningModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExportWarningModal.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ExportWarningModal.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AAErD,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAY/C,MAAM,UAAU,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,aAAa,EACb,YAAY,EAAE,aAAa,EAC3B,WAAW,EACX,KAAK,GAAG,MAAM,EACd,KAAK,GACmB;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,YAAY,IAAI,CAAC,WAAW,EAAE,CAAC;YACjC,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,cACE,SAAS,EAAE,2CAA2C,KAAK,EAAE,EAC7D,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEZ,eACE,SAAS,EAAE,2CAA2C,KAAK,8BAA8B,EACzF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEnC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,iBAAQ,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,YAC3E,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YACzD,eACE,CAAC,EAAC,wBAAwB,EAC1B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,GACC,EACT,aAAI,SAAS,EAAC,4BAA4B,mCAAwB,EAClE,iBAAQ,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,OAAO,gBAAa,OAAO,EAAC,QAAQ,EAAE,WAAW,YAC/F,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YACzD,eACE,CAAC,EAAC,sBAAsB,EACxB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,GACC,IACL,EACN,cAAK,SAAS,EAAC,qCAAqC,GAAG,EAEvD,eAAK,SAAS,EAAC,oCAAoC,aACjD,cAAK,SAAS,EAAC,sCAAsC,iBAAa,MAAM,YACtE,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACtB,EAEN,YAAG,SAAS,EAAC,yCAAyC,kFAElD,EAEJ,iBAAO,SAAS,EAAC,6CAA6C,aAC5D,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,SAAS,EAAC,mDAAmD,GAC7D,EACF,6HAEO,IACD,EAER,iBACE,SAAS,EAAE,wCAAwC,CAAC,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EACnG,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,YAAY,IAAI,WAAW,YAErC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,GACjC,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/src/components/WalletModal/components/ManageWalletModal.css

@@ -1,9 +1,95 @@
 /* Manage Wallet Modal Styles - extracted from WalletModal.css */
+.wallet-modal-manage {
+  position: relative;
+}
+
 .wallet-modal-manage-content {
-  padding: 20px 0;
+  padding: 12px 0 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.wallet-modal-manage-list {
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  padding: 0 20px;
+}
+
+.wallet-modal-manage-list-item {
+  width: 100%;
+  padding: 16px 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  text-align: left;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-list-item {
+  color: #ffffff;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-list-item {
+  color: #111827;
+  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-list-item:hover {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-list-item:hover {
+  background: rgba(17, 24, 39, 0.04);
+}
+
+.wallet-modal-manage-list-icon {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  opacity: 0.85;
+}
+
+.wallet-modal-manage-list-label {
+  flex: 1;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.wallet-modal-manage-list-arrow {
+  flex-shrink: 0;
+  opacity: 0.5;
+}
+
+.wallet-modal-manage-toast {
+  position: absolute;
+  left: 50%;
+  bottom: 18px;
+  transform: translateX(-50%);
+  padding: 10px 14px;
+  border-radius: 10px;
+  font-size: 13px;
+  font-weight: 500;
+  pointer-events: none;
+  z-index: 2;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-toast {
+  background: rgba(42, 42, 42, 0.95);
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-toast {
+  background: rgba(249, 250, 251, 0.98);
+  border: 1px solid rgba(17, 24, 39, 0.12);
+  color: #111827;
 }
 
 .wallet-modal-manage-section {
@@ -14,7 +100,7 @@
 
 .wallet-modal-manage-section-title {
   font-size: 16px;
-  font-weight: 600;
+  font-weight: 500;
   margin: 0;
 }
 
@@ -62,7 +148,7 @@
 }
 
 .wallet-modal-manage-address-text {
-  font-family: monospace;
+  font-family: 'GeistMono', 'SF Mono', monospace;
   flex: 1;
   min-width: 0;
 }

package/dist/src/components/WalletModal/components/ManageWalletModal.d.ts

@@ -1,4 +1,4 @@
-import './ManageWalletModal.css';
+import "./ManageWalletModal.css";
 export interface ManageWalletModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -7,6 +7,6 @@ export interface ManageWalletModalProps {
     organizationName?: string | null;
     isExternalWalletConnected: boolean;
     onExportPrivateKey: () => void;
-    theme?: 'light' | 'dark';
+    theme?: "light" | "dark";
 }
-export declare function ManageWalletModal({ isOpen, onClose, displayAddress, userEmail, organizationName, isExternalWalletConnected, onExportPrivateKey, theme, }: ManageWalletModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ManageWalletModal({ ...props }: ManageWalletModalProps): import("react/jsx-runtime").JSX.Element | null;