@deframe-sdk/components 0.1.7 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +77 -123
- package/dist/index.d.ts +77 -123
- package/dist/index.js +606 -192
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +604 -190
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +204 -160
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { ReactNode } from 'react';
|
|
2
|
+
import React__default, { ReactNode, ComponentProps } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
|
|
5
5
|
/** Primary UI component for user interaction */
|
|
@@ -31,54 +31,22 @@ interface ButtonProps {
|
|
|
31
31
|
onClick?: () => void;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
declare function Input({ label, error, placeholder, type, repassword, disabled, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
34
|
+
declare function Input({ label, error, placeholder, type, repassword, href, disabled, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
35
35
|
|
|
36
|
-
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
37
|
-
/**
|
|
38
|
-
* Label for the input (optional, for accessibility)
|
|
39
|
-
*/
|
|
36
|
+
interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
|
|
40
37
|
label?: string;
|
|
41
|
-
/**
|
|
42
|
-
* Error message to display below
|
|
43
|
-
*/
|
|
44
38
|
error?: string;
|
|
45
|
-
/**
|
|
46
|
-
* Helper text (non-error)
|
|
47
|
-
*/
|
|
48
|
-
helperText?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Link for repassword
|
|
51
|
-
*/
|
|
52
39
|
repassword?: string;
|
|
40
|
+
href?: string;
|
|
53
41
|
}
|
|
54
42
|
|
|
55
|
-
|
|
56
|
-
children: React__default.ReactNode;
|
|
57
|
-
/**
|
|
58
|
-
* Applies to the inner content wrapper
|
|
59
|
-
*/
|
|
60
|
-
className?: string;
|
|
61
|
-
/**
|
|
62
|
-
* Applies to the outer bordered container
|
|
63
|
-
*/
|
|
64
|
-
containerClassName?: string;
|
|
65
|
-
onClick?: () => void;
|
|
66
|
-
}
|
|
67
|
-
declare const ListItem: React__default.FC<ListItemProps>;
|
|
68
|
-
declare const ListItemLeftSide: React__default.FC<{
|
|
69
|
-
children: React__default.ReactNode;
|
|
70
|
-
className?: string;
|
|
71
|
-
}>;
|
|
72
|
-
declare const ListItemContent: React__default.FC<{
|
|
73
|
-
children: React__default.ReactNode;
|
|
74
|
-
className?: string;
|
|
75
|
-
}>;
|
|
76
|
-
declare const ListItemRightSide: React__default.FC<{
|
|
77
|
-
children: React__default.ReactNode;
|
|
78
|
-
className?: string;
|
|
79
|
-
}>;
|
|
43
|
+
declare function ListItem({ children, className, containerClassName, onClick, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
|
|
80
44
|
|
|
81
|
-
|
|
45
|
+
declare function ListItemLeftSide({ children, className, ...props }: ListItemLeftSideProps): react_jsx_runtime.JSX.Element;
|
|
46
|
+
declare function ListItemContent({ children, className, ...props }: ListItemContentProps): react_jsx_runtime.JSX.Element;
|
|
47
|
+
declare function ListItemRightSide({ children, className, ...props }: ListItemRightSideProps): react_jsx_runtime.JSX.Element;
|
|
48
|
+
|
|
49
|
+
interface WalletOption$1 {
|
|
82
50
|
/** Unique identifier for the wallet */
|
|
83
51
|
id: string;
|
|
84
52
|
/** Display name of the wallet */
|
|
@@ -88,9 +56,9 @@ interface WalletOption {
|
|
|
88
56
|
/** Click handler for wallet selection */
|
|
89
57
|
onClick?: () => void;
|
|
90
58
|
}
|
|
91
|
-
interface ConnectWalletListProps {
|
|
59
|
+
interface ConnectWalletListProps$1 {
|
|
92
60
|
/** List of wallet options */
|
|
93
|
-
wallets: WalletOption[];
|
|
61
|
+
wallets: WalletOption$1[];
|
|
94
62
|
/** Title text for the wallet connect screen */
|
|
95
63
|
title?: string;
|
|
96
64
|
/** Subtitle text for the wallet connect screen */
|
|
@@ -102,27 +70,11 @@ interface ConnectWalletListProps {
|
|
|
102
70
|
* ConnectWalletList - Displays a list of wallet options for connection
|
|
103
71
|
* Includes title, subtitle, and clickable wallet items
|
|
104
72
|
*/
|
|
105
|
-
declare function ConnectWalletList({ wallets, className, }: ConnectWalletListProps): react_jsx_runtime.JSX.Element;
|
|
73
|
+
declare function ConnectWalletList({ wallets, className, }: ConnectWalletListProps$1): react_jsx_runtime.JSX.Element;
|
|
106
74
|
|
|
107
|
-
interface WalletItemProps {
|
|
108
|
-
/** Unique identifier for the wallet */
|
|
109
|
-
id: string;
|
|
110
|
-
/** Display name of the wallet */
|
|
111
|
-
name: string;
|
|
112
|
-
/** Wallet icon - can be an image URL or React component */
|
|
113
|
-
icon: string | React.ReactNode;
|
|
114
|
-
/** Click handler for wallet selection */
|
|
115
|
-
onClick?: () => void;
|
|
116
|
-
/** Additional CSS class names */
|
|
117
|
-
className?: string;
|
|
118
|
-
}
|
|
119
|
-
/**
|
|
120
|
-
* WalletItem - Individual wallet button component
|
|
121
|
-
* Displays a clickable wallet option with icon, name, and chevron
|
|
122
|
-
*/
|
|
123
75
|
declare function WalletItem({ id, name, icon, onClick, className, }: WalletItemProps): react_jsx_runtime.JSX.Element;
|
|
124
76
|
|
|
125
|
-
interface WalletListContainerProps {
|
|
77
|
+
interface WalletListContainerProps$1 {
|
|
126
78
|
/** Child components (typically WalletItem components) */
|
|
127
79
|
children: ReactNode;
|
|
128
80
|
/** Additional CSS class names */
|
|
@@ -132,7 +84,39 @@ interface WalletListContainerProps {
|
|
|
132
84
|
* WalletListContainer - Container wrapper for wallet list items
|
|
133
85
|
* Provides consistent spacing and layout for wallet options
|
|
134
86
|
*/
|
|
135
|
-
declare function WalletListContainer({ children, className, }: WalletListContainerProps): react_jsx_runtime.JSX.Element;
|
|
87
|
+
declare function WalletListContainer({ children, className, }: WalletListContainerProps$1): react_jsx_runtime.JSX.Element;
|
|
88
|
+
|
|
89
|
+
interface ListItemProps extends ComponentProps<'li'> {
|
|
90
|
+
containerClassName?: string;
|
|
91
|
+
onClick?: () => void;
|
|
92
|
+
}
|
|
93
|
+
interface ListItemLeftSideProps extends ComponentProps<'div'> {
|
|
94
|
+
}
|
|
95
|
+
interface ListItemContentProps extends ComponentProps<'div'> {
|
|
96
|
+
}
|
|
97
|
+
interface ListItemRightSideProps extends ComponentProps<'div'> {
|
|
98
|
+
}
|
|
99
|
+
interface WalletOption {
|
|
100
|
+
id: string;
|
|
101
|
+
name: string;
|
|
102
|
+
icon: string | ReactNode;
|
|
103
|
+
onClick?: () => void;
|
|
104
|
+
}
|
|
105
|
+
interface ConnectWalletListProps {
|
|
106
|
+
wallets: WalletOption[];
|
|
107
|
+
title?: string;
|
|
108
|
+
subtitle?: string;
|
|
109
|
+
className?: string;
|
|
110
|
+
}
|
|
111
|
+
interface WalletItemProps {
|
|
112
|
+
id: string;
|
|
113
|
+
name: string;
|
|
114
|
+
icon: string | ReactNode;
|
|
115
|
+
onClick?: () => void;
|
|
116
|
+
className?: string;
|
|
117
|
+
}
|
|
118
|
+
interface WalletListContainerProps extends ComponentProps<'ul'> {
|
|
119
|
+
}
|
|
136
120
|
|
|
137
121
|
/** Flexible currency display component supporting fiat and crypto */
|
|
138
122
|
declare function Currency(props: CurrencyProps | FiatProps): react_jsx_runtime.JSX.Element;
|
|
@@ -199,6 +183,20 @@ interface CurrencyProps {
|
|
|
199
183
|
className?: string;
|
|
200
184
|
}
|
|
201
185
|
|
|
186
|
+
declare const TextAccent: React$1.ForwardRefExoticComponent<TextAccentProps & React$1.RefAttributes<HTMLElement>>;
|
|
187
|
+
|
|
188
|
+
declare const TextBody: React$1.ForwardRefExoticComponent<TextBodyProps & React$1.RefAttributes<HTMLElement>>;
|
|
189
|
+
|
|
190
|
+
declare const TextHeading: React$1.ForwardRefExoticComponent<TextHeadingProps & React$1.RefAttributes<HTMLElement>>;
|
|
191
|
+
|
|
192
|
+
declare function Link({ children, href, className, target, disabled, prefetch: _prefetch, replace: _replace, scroll: _scroll, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
193
|
+
|
|
194
|
+
/**
|
|
195
|
+
* Title component for headings and page titles
|
|
196
|
+
* This is an alias for TextHeading with h1 variant as default
|
|
197
|
+
*/
|
|
198
|
+
declare function Title({ variant, className, ...props }: TextHeadingProps): react_jsx_runtime.JSX.Element;
|
|
199
|
+
|
|
202
200
|
interface TextProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
203
201
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
204
202
|
variantClass?: string;
|
|
@@ -209,64 +207,26 @@ interface TextProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
|
209
207
|
*/
|
|
210
208
|
declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
|
|
211
209
|
|
|
212
|
-
declare const accentVariants: {
|
|
213
|
-
readonly 'accent-large': "text-[15px] leading-[140%] font-semibold";
|
|
214
|
-
readonly 'accent-medium': "text-[14px] leading-[140%] font-semibold";
|
|
215
|
-
readonly 'accent-small': "text-[12px] leading-[140%] font-semibold";
|
|
216
|
-
};
|
|
217
210
|
interface TextAccentProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
218
|
-
variant?:
|
|
211
|
+
variant?: 'accent-large' | 'accent-medium' | 'accent-small';
|
|
219
212
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
220
213
|
}
|
|
221
|
-
declare const TextAccent: React$1.ForwardRefExoticComponent<TextAccentProps & React$1.RefAttributes<HTMLElement>>;
|
|
222
|
-
|
|
223
|
-
declare const bodyVariants: {
|
|
224
|
-
readonly 'text-large': "text-[15px] leading-[140%] font-normal";
|
|
225
|
-
readonly 'text-medium': "text-[14px] leading-[140%] font-normal";
|
|
226
|
-
readonly 'text-small': "text-[12px] leading-[140%] font-normal";
|
|
227
|
-
};
|
|
228
214
|
interface TextBodyProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
229
|
-
variant?:
|
|
215
|
+
variant?: 'text-large' | 'text-medium' | 'text-small';
|
|
230
216
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
231
217
|
}
|
|
232
|
-
declare const TextBody: React$1.ForwardRefExoticComponent<TextBodyProps & React$1.RefAttributes<HTMLElement>>;
|
|
233
|
-
|
|
234
|
-
declare const headingVariants: {
|
|
235
|
-
readonly 'h-large': "text-[56px] leading-[100%] tracking-[0] font-extrabold";
|
|
236
|
-
readonly h1: "text-[40px] leading-[110%] font-extrabold";
|
|
237
|
-
readonly h2: "text-[28px] leading-[130%] font-extrabold";
|
|
238
|
-
readonly h3: "text-[22px] leading-[120%] font-extrabold";
|
|
239
|
-
readonly h4: "text-[18px] leading-[120%] font-extrabold";
|
|
240
|
-
readonly h5: "text-[16px] leading-[120%] font-bold";
|
|
241
|
-
};
|
|
242
218
|
interface TextHeadingProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
243
|
-
variant?:
|
|
219
|
+
variant?: 'h-large' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
|
|
244
220
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
245
221
|
}
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
/** Link component for navigation and external links */
|
|
249
|
-
declare function Link({ children, href, className, target, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
250
|
-
|
|
251
|
-
/**
|
|
252
|
-
* Title component for headings and page titles
|
|
253
|
-
* This is an alias for TextHeading with h1 variant as default
|
|
254
|
-
*/
|
|
255
|
-
declare function Title({ variant, ...props }: TextHeadingProps): react_jsx_runtime.JSX.Element;
|
|
256
|
-
|
|
257
|
-
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
258
|
-
/**
|
|
259
|
-
* The URL to link to
|
|
260
|
-
*/
|
|
222
|
+
interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
261
223
|
href: string;
|
|
262
|
-
|
|
263
|
-
* The content of the link
|
|
264
|
-
*/
|
|
265
|
-
children: React.ReactNode;
|
|
266
|
-
/**
|
|
267
|
-
* Additional CSS class names
|
|
268
|
-
*/
|
|
224
|
+
children: React$1.ReactNode;
|
|
269
225
|
className?: string;
|
|
226
|
+
disabled?: boolean;
|
|
227
|
+
prefetch?: boolean;
|
|
228
|
+
replace?: boolean;
|
|
229
|
+
scroll?: boolean;
|
|
270
230
|
}
|
|
271
231
|
|
|
272
232
|
type TabsVariant = 'primary' | 'secondary' | 'default' | 'light' | 'medium' | 'dark' | 'header';
|
|
@@ -344,29 +304,23 @@ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
344
304
|
}
|
|
345
305
|
declare const Skeleton: React$1.FC<SkeletonProps>;
|
|
346
306
|
|
|
347
|
-
|
|
348
|
-
|
|
307
|
+
declare function BannerNotification({ type, variant, title, message, position, autoHideDuration, show, onClose, showIcon, icon, className, ...props }: BannerNotificationProps): react_jsx_runtime.JSX.Element | null;
|
|
308
|
+
declare namespace BannerNotification {
|
|
309
|
+
var displayName: string;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
interface BannerNotificationProps extends ComponentProps<'div'> {
|
|
349
313
|
type?: 'inline' | 'toast';
|
|
350
|
-
/** Variant type that determines colors and icon */
|
|
351
314
|
variant?: 'info' | 'warning' | 'error' | 'success';
|
|
352
|
-
/** The title of the banner */
|
|
353
315
|
title?: string;
|
|
354
|
-
/** The message to display in the banner */
|
|
355
316
|
message: string;
|
|
356
|
-
/** Position for toast notifications */
|
|
357
317
|
position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
358
|
-
/** Auto hide duration in milliseconds (default: 5000, set to 0 to disable) */
|
|
359
318
|
autoHideDuration?: number;
|
|
360
|
-
/** Control visibility for toast notifications */
|
|
361
319
|
show?: boolean;
|
|
362
|
-
/** Callback when notification is closed */
|
|
363
320
|
onClose?: () => void;
|
|
364
|
-
/** Whether to show the icon (default: true) */
|
|
365
321
|
showIcon?: boolean;
|
|
366
|
-
/** Custom icon to display */
|
|
367
322
|
icon?: React$1.ReactNode;
|
|
368
323
|
}
|
|
369
|
-
declare const BannerNotification: React$1.FC<BannerNotificationProps>;
|
|
370
324
|
|
|
371
325
|
interface AddressDisplayProps {
|
|
372
326
|
/** The full address to display */
|
|
@@ -1241,4 +1195,4 @@ interface ChooseAnAssetSwapViewProps {
|
|
|
1241
1195
|
}
|
|
1242
1196
|
declare const ChooseAnAssetSwapView: React__default.FC<ChooseAnAssetSwapViewProps>;
|
|
1243
1197
|
|
|
1244
|
-
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, type DetailItem, DetailsHeader, type DetailsHeaderProps, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsViewProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, PercentageButton, PrimaryButton, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAmountInputView, type SwapAmountInputViewProps, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type
|
|
1198
|
+
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, type DetailItem, DetailsHeader, type DetailsHeaderProps, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsViewProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, PercentageButton, PrimaryButton, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAmountInputView, type SwapAmountInputViewProps, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type ThemeMode, type ThemePreset, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, cryptocontrolThemeColors, darkThemeColors, defaultThemeColors, themeToCSS };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { ReactNode } from 'react';
|
|
2
|
+
import React__default, { ReactNode, ComponentProps } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
|
|
5
5
|
/** Primary UI component for user interaction */
|
|
@@ -31,54 +31,22 @@ interface ButtonProps {
|
|
|
31
31
|
onClick?: () => void;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
declare function Input({ label, error, placeholder, type, repassword, disabled, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
34
|
+
declare function Input({ label, error, placeholder, type, repassword, href, disabled, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
35
35
|
|
|
36
|
-
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
37
|
-
/**
|
|
38
|
-
* Label for the input (optional, for accessibility)
|
|
39
|
-
*/
|
|
36
|
+
interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
|
|
40
37
|
label?: string;
|
|
41
|
-
/**
|
|
42
|
-
* Error message to display below
|
|
43
|
-
*/
|
|
44
38
|
error?: string;
|
|
45
|
-
/**
|
|
46
|
-
* Helper text (non-error)
|
|
47
|
-
*/
|
|
48
|
-
helperText?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Link for repassword
|
|
51
|
-
*/
|
|
52
39
|
repassword?: string;
|
|
40
|
+
href?: string;
|
|
53
41
|
}
|
|
54
42
|
|
|
55
|
-
|
|
56
|
-
children: React__default.ReactNode;
|
|
57
|
-
/**
|
|
58
|
-
* Applies to the inner content wrapper
|
|
59
|
-
*/
|
|
60
|
-
className?: string;
|
|
61
|
-
/**
|
|
62
|
-
* Applies to the outer bordered container
|
|
63
|
-
*/
|
|
64
|
-
containerClassName?: string;
|
|
65
|
-
onClick?: () => void;
|
|
66
|
-
}
|
|
67
|
-
declare const ListItem: React__default.FC<ListItemProps>;
|
|
68
|
-
declare const ListItemLeftSide: React__default.FC<{
|
|
69
|
-
children: React__default.ReactNode;
|
|
70
|
-
className?: string;
|
|
71
|
-
}>;
|
|
72
|
-
declare const ListItemContent: React__default.FC<{
|
|
73
|
-
children: React__default.ReactNode;
|
|
74
|
-
className?: string;
|
|
75
|
-
}>;
|
|
76
|
-
declare const ListItemRightSide: React__default.FC<{
|
|
77
|
-
children: React__default.ReactNode;
|
|
78
|
-
className?: string;
|
|
79
|
-
}>;
|
|
43
|
+
declare function ListItem({ children, className, containerClassName, onClick, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
|
|
80
44
|
|
|
81
|
-
|
|
45
|
+
declare function ListItemLeftSide({ children, className, ...props }: ListItemLeftSideProps): react_jsx_runtime.JSX.Element;
|
|
46
|
+
declare function ListItemContent({ children, className, ...props }: ListItemContentProps): react_jsx_runtime.JSX.Element;
|
|
47
|
+
declare function ListItemRightSide({ children, className, ...props }: ListItemRightSideProps): react_jsx_runtime.JSX.Element;
|
|
48
|
+
|
|
49
|
+
interface WalletOption$1 {
|
|
82
50
|
/** Unique identifier for the wallet */
|
|
83
51
|
id: string;
|
|
84
52
|
/** Display name of the wallet */
|
|
@@ -88,9 +56,9 @@ interface WalletOption {
|
|
|
88
56
|
/** Click handler for wallet selection */
|
|
89
57
|
onClick?: () => void;
|
|
90
58
|
}
|
|
91
|
-
interface ConnectWalletListProps {
|
|
59
|
+
interface ConnectWalletListProps$1 {
|
|
92
60
|
/** List of wallet options */
|
|
93
|
-
wallets: WalletOption[];
|
|
61
|
+
wallets: WalletOption$1[];
|
|
94
62
|
/** Title text for the wallet connect screen */
|
|
95
63
|
title?: string;
|
|
96
64
|
/** Subtitle text for the wallet connect screen */
|
|
@@ -102,27 +70,11 @@ interface ConnectWalletListProps {
|
|
|
102
70
|
* ConnectWalletList - Displays a list of wallet options for connection
|
|
103
71
|
* Includes title, subtitle, and clickable wallet items
|
|
104
72
|
*/
|
|
105
|
-
declare function ConnectWalletList({ wallets, className, }: ConnectWalletListProps): react_jsx_runtime.JSX.Element;
|
|
73
|
+
declare function ConnectWalletList({ wallets, className, }: ConnectWalletListProps$1): react_jsx_runtime.JSX.Element;
|
|
106
74
|
|
|
107
|
-
interface WalletItemProps {
|
|
108
|
-
/** Unique identifier for the wallet */
|
|
109
|
-
id: string;
|
|
110
|
-
/** Display name of the wallet */
|
|
111
|
-
name: string;
|
|
112
|
-
/** Wallet icon - can be an image URL or React component */
|
|
113
|
-
icon: string | React.ReactNode;
|
|
114
|
-
/** Click handler for wallet selection */
|
|
115
|
-
onClick?: () => void;
|
|
116
|
-
/** Additional CSS class names */
|
|
117
|
-
className?: string;
|
|
118
|
-
}
|
|
119
|
-
/**
|
|
120
|
-
* WalletItem - Individual wallet button component
|
|
121
|
-
* Displays a clickable wallet option with icon, name, and chevron
|
|
122
|
-
*/
|
|
123
75
|
declare function WalletItem({ id, name, icon, onClick, className, }: WalletItemProps): react_jsx_runtime.JSX.Element;
|
|
124
76
|
|
|
125
|
-
interface WalletListContainerProps {
|
|
77
|
+
interface WalletListContainerProps$1 {
|
|
126
78
|
/** Child components (typically WalletItem components) */
|
|
127
79
|
children: ReactNode;
|
|
128
80
|
/** Additional CSS class names */
|
|
@@ -132,7 +84,39 @@ interface WalletListContainerProps {
|
|
|
132
84
|
* WalletListContainer - Container wrapper for wallet list items
|
|
133
85
|
* Provides consistent spacing and layout for wallet options
|
|
134
86
|
*/
|
|
135
|
-
declare function WalletListContainer({ children, className, }: WalletListContainerProps): react_jsx_runtime.JSX.Element;
|
|
87
|
+
declare function WalletListContainer({ children, className, }: WalletListContainerProps$1): react_jsx_runtime.JSX.Element;
|
|
88
|
+
|
|
89
|
+
interface ListItemProps extends ComponentProps<'li'> {
|
|
90
|
+
containerClassName?: string;
|
|
91
|
+
onClick?: () => void;
|
|
92
|
+
}
|
|
93
|
+
interface ListItemLeftSideProps extends ComponentProps<'div'> {
|
|
94
|
+
}
|
|
95
|
+
interface ListItemContentProps extends ComponentProps<'div'> {
|
|
96
|
+
}
|
|
97
|
+
interface ListItemRightSideProps extends ComponentProps<'div'> {
|
|
98
|
+
}
|
|
99
|
+
interface WalletOption {
|
|
100
|
+
id: string;
|
|
101
|
+
name: string;
|
|
102
|
+
icon: string | ReactNode;
|
|
103
|
+
onClick?: () => void;
|
|
104
|
+
}
|
|
105
|
+
interface ConnectWalletListProps {
|
|
106
|
+
wallets: WalletOption[];
|
|
107
|
+
title?: string;
|
|
108
|
+
subtitle?: string;
|
|
109
|
+
className?: string;
|
|
110
|
+
}
|
|
111
|
+
interface WalletItemProps {
|
|
112
|
+
id: string;
|
|
113
|
+
name: string;
|
|
114
|
+
icon: string | ReactNode;
|
|
115
|
+
onClick?: () => void;
|
|
116
|
+
className?: string;
|
|
117
|
+
}
|
|
118
|
+
interface WalletListContainerProps extends ComponentProps<'ul'> {
|
|
119
|
+
}
|
|
136
120
|
|
|
137
121
|
/** Flexible currency display component supporting fiat and crypto */
|
|
138
122
|
declare function Currency(props: CurrencyProps | FiatProps): react_jsx_runtime.JSX.Element;
|
|
@@ -199,6 +183,20 @@ interface CurrencyProps {
|
|
|
199
183
|
className?: string;
|
|
200
184
|
}
|
|
201
185
|
|
|
186
|
+
declare const TextAccent: React$1.ForwardRefExoticComponent<TextAccentProps & React$1.RefAttributes<HTMLElement>>;
|
|
187
|
+
|
|
188
|
+
declare const TextBody: React$1.ForwardRefExoticComponent<TextBodyProps & React$1.RefAttributes<HTMLElement>>;
|
|
189
|
+
|
|
190
|
+
declare const TextHeading: React$1.ForwardRefExoticComponent<TextHeadingProps & React$1.RefAttributes<HTMLElement>>;
|
|
191
|
+
|
|
192
|
+
declare function Link({ children, href, className, target, disabled, prefetch: _prefetch, replace: _replace, scroll: _scroll, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
193
|
+
|
|
194
|
+
/**
|
|
195
|
+
* Title component for headings and page titles
|
|
196
|
+
* This is an alias for TextHeading with h1 variant as default
|
|
197
|
+
*/
|
|
198
|
+
declare function Title({ variant, className, ...props }: TextHeadingProps): react_jsx_runtime.JSX.Element;
|
|
199
|
+
|
|
202
200
|
interface TextProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
203
201
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
204
202
|
variantClass?: string;
|
|
@@ -209,64 +207,26 @@ interface TextProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
|
209
207
|
*/
|
|
210
208
|
declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
|
|
211
209
|
|
|
212
|
-
declare const accentVariants: {
|
|
213
|
-
readonly 'accent-large': "text-[15px] leading-[140%] font-semibold";
|
|
214
|
-
readonly 'accent-medium': "text-[14px] leading-[140%] font-semibold";
|
|
215
|
-
readonly 'accent-small': "text-[12px] leading-[140%] font-semibold";
|
|
216
|
-
};
|
|
217
210
|
interface TextAccentProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
218
|
-
variant?:
|
|
211
|
+
variant?: 'accent-large' | 'accent-medium' | 'accent-small';
|
|
219
212
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
220
213
|
}
|
|
221
|
-
declare const TextAccent: React$1.ForwardRefExoticComponent<TextAccentProps & React$1.RefAttributes<HTMLElement>>;
|
|
222
|
-
|
|
223
|
-
declare const bodyVariants: {
|
|
224
|
-
readonly 'text-large': "text-[15px] leading-[140%] font-normal";
|
|
225
|
-
readonly 'text-medium': "text-[14px] leading-[140%] font-normal";
|
|
226
|
-
readonly 'text-small': "text-[12px] leading-[140%] font-normal";
|
|
227
|
-
};
|
|
228
214
|
interface TextBodyProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
229
|
-
variant?:
|
|
215
|
+
variant?: 'text-large' | 'text-medium' | 'text-small';
|
|
230
216
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
231
217
|
}
|
|
232
|
-
declare const TextBody: React$1.ForwardRefExoticComponent<TextBodyProps & React$1.RefAttributes<HTMLElement>>;
|
|
233
|
-
|
|
234
|
-
declare const headingVariants: {
|
|
235
|
-
readonly 'h-large': "text-[56px] leading-[100%] tracking-[0] font-extrabold";
|
|
236
|
-
readonly h1: "text-[40px] leading-[110%] font-extrabold";
|
|
237
|
-
readonly h2: "text-[28px] leading-[130%] font-extrabold";
|
|
238
|
-
readonly h3: "text-[22px] leading-[120%] font-extrabold";
|
|
239
|
-
readonly h4: "text-[18px] leading-[120%] font-extrabold";
|
|
240
|
-
readonly h5: "text-[16px] leading-[120%] font-bold";
|
|
241
|
-
};
|
|
242
218
|
interface TextHeadingProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
243
|
-
variant?:
|
|
219
|
+
variant?: 'h-large' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
|
|
244
220
|
as?: keyof React$1.JSX.IntrinsicElements;
|
|
245
221
|
}
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
/** Link component for navigation and external links */
|
|
249
|
-
declare function Link({ children, href, className, target, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
250
|
-
|
|
251
|
-
/**
|
|
252
|
-
* Title component for headings and page titles
|
|
253
|
-
* This is an alias for TextHeading with h1 variant as default
|
|
254
|
-
*/
|
|
255
|
-
declare function Title({ variant, ...props }: TextHeadingProps): react_jsx_runtime.JSX.Element;
|
|
256
|
-
|
|
257
|
-
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
258
|
-
/**
|
|
259
|
-
* The URL to link to
|
|
260
|
-
*/
|
|
222
|
+
interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
261
223
|
href: string;
|
|
262
|
-
|
|
263
|
-
* The content of the link
|
|
264
|
-
*/
|
|
265
|
-
children: React.ReactNode;
|
|
266
|
-
/**
|
|
267
|
-
* Additional CSS class names
|
|
268
|
-
*/
|
|
224
|
+
children: React$1.ReactNode;
|
|
269
225
|
className?: string;
|
|
226
|
+
disabled?: boolean;
|
|
227
|
+
prefetch?: boolean;
|
|
228
|
+
replace?: boolean;
|
|
229
|
+
scroll?: boolean;
|
|
270
230
|
}
|
|
271
231
|
|
|
272
232
|
type TabsVariant = 'primary' | 'secondary' | 'default' | 'light' | 'medium' | 'dark' | 'header';
|
|
@@ -344,29 +304,23 @@ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
344
304
|
}
|
|
345
305
|
declare const Skeleton: React$1.FC<SkeletonProps>;
|
|
346
306
|
|
|
347
|
-
|
|
348
|
-
|
|
307
|
+
declare function BannerNotification({ type, variant, title, message, position, autoHideDuration, show, onClose, showIcon, icon, className, ...props }: BannerNotificationProps): react_jsx_runtime.JSX.Element | null;
|
|
308
|
+
declare namespace BannerNotification {
|
|
309
|
+
var displayName: string;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
interface BannerNotificationProps extends ComponentProps<'div'> {
|
|
349
313
|
type?: 'inline' | 'toast';
|
|
350
|
-
/** Variant type that determines colors and icon */
|
|
351
314
|
variant?: 'info' | 'warning' | 'error' | 'success';
|
|
352
|
-
/** The title of the banner */
|
|
353
315
|
title?: string;
|
|
354
|
-
/** The message to display in the banner */
|
|
355
316
|
message: string;
|
|
356
|
-
/** Position for toast notifications */
|
|
357
317
|
position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
358
|
-
/** Auto hide duration in milliseconds (default: 5000, set to 0 to disable) */
|
|
359
318
|
autoHideDuration?: number;
|
|
360
|
-
/** Control visibility for toast notifications */
|
|
361
319
|
show?: boolean;
|
|
362
|
-
/** Callback when notification is closed */
|
|
363
320
|
onClose?: () => void;
|
|
364
|
-
/** Whether to show the icon (default: true) */
|
|
365
321
|
showIcon?: boolean;
|
|
366
|
-
/** Custom icon to display */
|
|
367
322
|
icon?: React$1.ReactNode;
|
|
368
323
|
}
|
|
369
|
-
declare const BannerNotification: React$1.FC<BannerNotificationProps>;
|
|
370
324
|
|
|
371
325
|
interface AddressDisplayProps {
|
|
372
326
|
/** The full address to display */
|
|
@@ -1241,4 +1195,4 @@ interface ChooseAnAssetSwapViewProps {
|
|
|
1241
1195
|
}
|
|
1242
1196
|
declare const ChooseAnAssetSwapView: React__default.FC<ChooseAnAssetSwapViewProps>;
|
|
1243
1197
|
|
|
1244
|
-
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, type DetailItem, DetailsHeader, type DetailsHeaderProps, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsViewProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, PercentageButton, PrimaryButton, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAmountInputView, type SwapAmountInputViewProps, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type
|
|
1198
|
+
export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, type DeframeThemeConfig, type DetailItem, DetailsHeader, type DetailsHeaderProps, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsViewProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input, type InputFieldRegistration, type InputProps, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, Navbar, type NavbarProps, PercentageButton, PrimaryButton, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAmountInputView, type SwapAmountInputViewProps, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, SwapNetworkSelectorView, type SwapNetworkSelectorViewProps, SwapOutputAmountView, type SwapOutputAmountViewProps, SwapProcessingView, type SwapProcessingViewProps, SwapQuoteBlockchainCostsView, type SwapQuoteBlockchainCostsViewProps, SwapQuoteErrorsView, type SwapQuoteErrorsViewProps, SwapQuoteHeaderView, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSlippageToleranceButtonsView, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapTokenSelectorView, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, type ThemeMode, type ThemePreset, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, cryptocontrolThemeColors, darkThemeColors, defaultThemeColors, themeToCSS };
|