@0xsquid/ui 2.6.8-send-beta.0 → 2.6.8
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/cjs/index.js +272 -88
- package/dist/cjs/types/components/badges/PriceChange.d.ts +3 -1
- package/dist/cjs/types/components/badges/index.d.ts +1 -1
- package/dist/cjs/types/components/buttons/Button.d.ts +2 -1
- package/dist/cjs/types/components/controls/NumericInput.d.ts +8 -1
- package/dist/cjs/types/components/feedback/LoadingText.d.ts +7 -0
- package/dist/cjs/types/components/icons/Loader.d.ts +1 -1
- package/dist/cjs/types/components/icons/PaymentIcons.d.ts +12 -0
- package/dist/cjs/types/components/icons/index.d.ts +1 -0
- package/dist/cjs/types/components/layout/SwapConfiguration.d.ts +17 -1
- package/dist/cjs/types/core/index.d.ts +1 -1
- package/dist/cjs/types/core/utils.d.ts +16 -0
- package/dist/cjs/types/hooks/index.d.ts +3 -2
- package/dist/cjs/types/hooks/useNumericInput.d.ts +2 -1
- package/dist/cjs/types/services/internal/colorService.d.ts +0 -2
- package/dist/cjs/types/stories/buttons/Button.stories.d.ts +3 -0
- package/dist/cjs/types/stories/controls/NumericInput.stories.d.ts +17 -0
- package/dist/{esm/types/stories/badges → cjs/types/stories/feedback}/Loader.stories.d.ts +1 -1
- package/dist/cjs/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
- package/dist/cjs/types/stories/feedback/LoadingText.stories.d.ts +6 -0
- package/dist/esm/index.js +250 -71
- package/dist/esm/types/components/badges/PriceChange.d.ts +3 -1
- package/dist/esm/types/components/badges/index.d.ts +1 -1
- package/dist/esm/types/components/buttons/Button.d.ts +2 -1
- package/dist/esm/types/components/controls/NumericInput.d.ts +8 -1
- package/dist/esm/types/components/feedback/LoadingText.d.ts +7 -0
- package/dist/esm/types/components/icons/Loader.d.ts +1 -1
- package/dist/esm/types/components/icons/PaymentIcons.d.ts +12 -0
- package/dist/esm/types/components/icons/index.d.ts +1 -0
- package/dist/esm/types/components/layout/SwapConfiguration.d.ts +17 -1
- package/dist/esm/types/core/index.d.ts +1 -1
- package/dist/esm/types/core/utils.d.ts +16 -0
- package/dist/esm/types/hooks/index.d.ts +3 -2
- package/dist/esm/types/hooks/useNumericInput.d.ts +2 -1
- package/dist/esm/types/services/internal/colorService.d.ts +0 -2
- package/dist/esm/types/stories/buttons/Button.stories.d.ts +3 -0
- package/dist/esm/types/stories/controls/NumericInput.stories.d.ts +17 -0
- package/dist/{cjs/types/stories/badges → esm/types/stories/feedback}/Loader.stories.d.ts +1 -1
- package/dist/esm/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
- package/dist/esm/types/stories/feedback/LoadingText.stories.d.ts +6 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +87 -16
- package/package.json +1 -1
- /package/dist/cjs/types/components/{badges → feedback}/LoadingSkeleton.d.ts +0 -0
- /package/dist/esm/types/components/{badges → feedback}/LoadingSkeleton.d.ts +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
3
|
import * as react from 'react';
|
|
4
|
-
import react__default, { ReactNode, ComponentProps } from 'react';
|
|
4
|
+
import react__default, { ReactNode, ComponentProps, ChangeEvent } from 'react';
|
|
5
5
|
import { Player } from '@lottiefiles/react-lottie-player';
|
|
6
6
|
import * as framer_motion from 'framer-motion';
|
|
7
7
|
import { motion } from 'framer-motion';
|
|
@@ -115,8 +115,10 @@ declare function BlockSkeleton({ isLoading, className, children, ...props }: Loa
|
|
|
115
115
|
interface PriceChangeProps {
|
|
116
116
|
variant?: "small" | "large";
|
|
117
117
|
value: string | number;
|
|
118
|
+
highlightText?: boolean;
|
|
119
|
+
triangle?: "none" | "prefix" | "suffix";
|
|
118
120
|
}
|
|
119
|
-
declare function PriceChange({ value: rawValue, variant, }: PriceChangeProps): react_jsx_runtime.JSX.Element;
|
|
121
|
+
declare function PriceChange({ value: rawValue, variant, highlightText, triangle, }: PriceChangeProps): react_jsx_runtime.JSX.Element;
|
|
120
122
|
|
|
121
123
|
declare const statusTextClassMap: Record<ActionStatus, string>;
|
|
122
124
|
interface TransactionStateProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -174,6 +176,39 @@ interface InputActionButtonProps {
|
|
|
174
176
|
label?: string;
|
|
175
177
|
}
|
|
176
178
|
|
|
179
|
+
declare enum UserInputType {
|
|
180
|
+
TOKEN = 0,
|
|
181
|
+
USD = 1
|
|
182
|
+
}
|
|
183
|
+
interface UseNumericInputOptions {
|
|
184
|
+
token: Pick<Token$3, "decimals" | "price">;
|
|
185
|
+
onAmountChange: (tokenAmount: string) => void;
|
|
186
|
+
forcedAmount?: string;
|
|
187
|
+
formatIfVerySmall: {
|
|
188
|
+
token: string;
|
|
189
|
+
usd: string;
|
|
190
|
+
};
|
|
191
|
+
balance: string;
|
|
192
|
+
inputModeButton?: {
|
|
193
|
+
amountUsd?: string;
|
|
194
|
+
};
|
|
195
|
+
maxUsdDecimals?: number;
|
|
196
|
+
debounceInput?: boolean;
|
|
197
|
+
direction?: "from" | "to";
|
|
198
|
+
initialInputMode?: UserInputType;
|
|
199
|
+
}
|
|
200
|
+
declare function useNumericInput({ onAmountChange, token, balance, debounceInput, forcedAmount, formatIfVerySmall, inputModeButton, maxUsdDecimals, direction, initialInputMode, }: UseNumericInputOptions): {
|
|
201
|
+
userInputType: UserInputType;
|
|
202
|
+
inputValue: string;
|
|
203
|
+
handleInputChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
204
|
+
handleSwitchInputMode: () => void;
|
|
205
|
+
isTokenAmountVerySmall: boolean;
|
|
206
|
+
isUsdAmountVerySmall: boolean;
|
|
207
|
+
amountFormatted: string;
|
|
208
|
+
onBalanceButtonClick: () => void;
|
|
209
|
+
balanceFormatted: string;
|
|
210
|
+
};
|
|
211
|
+
|
|
177
212
|
type TooltipWidth = "max" | "container";
|
|
178
213
|
type TooltipThreshold = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
|
|
179
214
|
interface TooltipProps {
|
|
@@ -215,6 +250,12 @@ interface NumericInputProps {
|
|
|
215
250
|
hideMaxChip?: boolean;
|
|
216
251
|
};
|
|
217
252
|
debounceInput?: boolean;
|
|
253
|
+
initialInputMode?: UserInputType;
|
|
254
|
+
customSymbol?: string;
|
|
255
|
+
hideControls?: boolean;
|
|
256
|
+
hideBalance?: boolean;
|
|
257
|
+
containerClassName?: string;
|
|
258
|
+
inputClassName?: string;
|
|
218
259
|
}
|
|
219
260
|
interface Props$1 extends NumericInputProps, React.InputHTMLAttributes<HTMLInputElement> {
|
|
220
261
|
direction?: SwapDirection;
|
|
@@ -227,7 +268,7 @@ interface Props$1 extends NumericInputProps, React.InputHTMLAttributes<HTMLInput
|
|
|
227
268
|
message: string;
|
|
228
269
|
};
|
|
229
270
|
}
|
|
230
|
-
declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, debounceInput, ...props }: Props$1): react_jsx_runtime.JSX.Element;
|
|
271
|
+
declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, debounceInput, initialInputMode, customSymbol, hideControls, hideBalance, containerClassName, inputClassName, ...props }: Props$1): react_jsx_runtime.JSX.Element;
|
|
231
272
|
|
|
232
273
|
declare function LargeNumericInput({ balance, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, inputModeButton, balanceButton, debounceInput, }: NumericInputProps): react_jsx_runtime.JSX.Element;
|
|
233
274
|
|
|
@@ -301,6 +342,7 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
|
301
342
|
disabled?: boolean;
|
|
302
343
|
link?: string;
|
|
303
344
|
isLoading?: boolean;
|
|
345
|
+
isShimmering?: boolean;
|
|
304
346
|
showLoader?: boolean;
|
|
305
347
|
loaderSize?: LoaderSize;
|
|
306
348
|
chip?: ChipProps;
|
|
@@ -310,7 +352,7 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
|
310
352
|
}
|
|
311
353
|
type LoaderSize = "sm" | "md" | "lg";
|
|
312
354
|
declare const buttonRoundedClassMap: Record<ButtonSize, Record<ButtonVariant, string>>;
|
|
313
|
-
declare function Button({ label, disabled, size, variant, icon, link, isLoading, showLoader, loaderSize, chip, containerClassName, anchorRef, buttonRef, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
355
|
+
declare function Button({ label, disabled, size, variant, icon, link, isLoading, isShimmering, showLoader, loaderSize, chip, containerClassName, anchorRef, buttonRef, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
314
356
|
|
|
315
357
|
interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
316
358
|
feeInUsd?: string;
|
|
@@ -791,6 +833,19 @@ declare function MaxIcon(): react_jsx_runtime.JSX.Element;
|
|
|
791
833
|
|
|
792
834
|
declare function NotAllowedIcon(): react_jsx_runtime.JSX.Element;
|
|
793
835
|
|
|
836
|
+
declare function GooglePayIcon({ className, size, }: {
|
|
837
|
+
className?: string;
|
|
838
|
+
size?: string;
|
|
839
|
+
}): react_jsx_runtime.JSX.Element;
|
|
840
|
+
declare function ApplePayIcon({ className, size, }: {
|
|
841
|
+
className?: string;
|
|
842
|
+
size?: string;
|
|
843
|
+
}): react_jsx_runtime.JSX.Element;
|
|
844
|
+
declare function CreditCardIcon({ className, size, }: {
|
|
845
|
+
className?: string;
|
|
846
|
+
size?: string;
|
|
847
|
+
}): react_jsx_runtime.JSX.Element;
|
|
848
|
+
|
|
794
849
|
declare function PercentIcon({ size, className, }: {
|
|
795
850
|
size?: string;
|
|
796
851
|
className?: string;
|
|
@@ -1690,6 +1745,19 @@ declare function BorderedContainer({ children, className, }: {
|
|
|
1690
1745
|
|
|
1691
1746
|
declare function ProfileHeaderBackground(): react_jsx_runtime.JSX.Element;
|
|
1692
1747
|
|
|
1748
|
+
interface AddressHeaderProps {
|
|
1749
|
+
direction: SwapDirection;
|
|
1750
|
+
onClick?: () => void;
|
|
1751
|
+
isDisabled?: boolean;
|
|
1752
|
+
tooltip?: TooltipProps["tooltipContent"];
|
|
1753
|
+
label: string;
|
|
1754
|
+
walletIconUrl?: string | null;
|
|
1755
|
+
isLoading?: boolean;
|
|
1756
|
+
displayLabel?: boolean;
|
|
1757
|
+
highlightLabel?: boolean;
|
|
1758
|
+
showIcon?: boolean;
|
|
1759
|
+
}
|
|
1760
|
+
declare const AddressHeader: ({ direction, onClick, isDisabled, tooltip, label, walletIconUrl, isLoading, displayLabel, highlightLabel, showIcon, }: AddressHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
1693
1761
|
interface SwapConfigurationProps {
|
|
1694
1762
|
direction: SwapDirection;
|
|
1695
1763
|
priceImpactPercentage?: string;
|
|
@@ -1736,12 +1804,15 @@ interface SwapConfigurationProps {
|
|
|
1736
1804
|
address?: string;
|
|
1737
1805
|
emptyAddressLabel?: string;
|
|
1738
1806
|
disabled?: boolean;
|
|
1807
|
+
walletIconUrl?: string | null;
|
|
1808
|
+
showIcon?: boolean;
|
|
1739
1809
|
};
|
|
1740
1810
|
showNumericInputDetails?: boolean;
|
|
1741
1811
|
fullHeight?: boolean;
|
|
1742
1812
|
debounceInput?: boolean;
|
|
1813
|
+
showWalletButtonHeader?: boolean;
|
|
1743
1814
|
}
|
|
1744
|
-
declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, maxUsdDecimals, isInputInteractive, isLoading, inputModeButton, balanceButton, assetsButton, walletButton, showNumericInputDetails, fullHeight, debounceInput, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
|
|
1815
|
+
declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, maxUsdDecimals, isInputInteractive, isLoading, inputModeButton, balanceButton, assetsButton, walletButton, showNumericInputDetails, fullHeight, debounceInput, showWalletButtonHeader, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
|
|
1745
1816
|
|
|
1746
1817
|
interface SwapStepsCollapsedFooterButton {
|
|
1747
1818
|
label: string;
|
|
@@ -2916,6 +2987,12 @@ interface ThemeProviderProps extends React.ComponentProps<"div"> {
|
|
|
2916
2987
|
}
|
|
2917
2988
|
declare function ThemeProvider({ theme, children, themeType, settings, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
2918
2989
|
|
|
2990
|
+
declare function useCollapsibleMenu(): {
|
|
2991
|
+
isMenuOpen: boolean;
|
|
2992
|
+
toggleMenu: () => void;
|
|
2993
|
+
menuRef: react.RefObject<HTMLDivElement>;
|
|
2994
|
+
};
|
|
2995
|
+
|
|
2919
2996
|
interface DropdownStyles {
|
|
2920
2997
|
position: DropdownPosition;
|
|
2921
2998
|
maxHeight: number | null;
|
|
@@ -2961,17 +3038,9 @@ type UseMediaQueryOptions = {
|
|
|
2961
3038
|
*/
|
|
2962
3039
|
declare function useMediaQuery(query: string, { defaultValue, initializeWithValue, }?: UseMediaQueryOptions): boolean;
|
|
2963
3040
|
|
|
2964
|
-
declare function useCollapsibleMenu(): {
|
|
2965
|
-
isMenuOpen: boolean;
|
|
2966
|
-
toggleMenu: () => void;
|
|
2967
|
-
menuRef: react.RefObject<HTMLDivElement>;
|
|
2968
|
-
};
|
|
2969
|
-
|
|
2970
3041
|
declare function useOnResize(ref: React.RefObject<HTMLElement>, callback: (rect: DOMRectReadOnly) => void): void;
|
|
2971
3042
|
declare function useRect(ref: React.RefObject<HTMLElement>): DOMRectReadOnly;
|
|
2972
3043
|
|
|
2973
|
-
declare function useVersion<T>(value: T, equal?: (a: T, b: T) => boolean): number;
|
|
2974
|
-
|
|
2975
3044
|
declare const useTimer: ({ immediateStart, }: {
|
|
2976
3045
|
immediateStart?: boolean;
|
|
2977
3046
|
}) => {
|
|
@@ -2993,6 +3062,8 @@ declare function useUserTheme(): {
|
|
|
2993
3062
|
isDarkMode: boolean;
|
|
2994
3063
|
};
|
|
2995
3064
|
|
|
3065
|
+
declare function useVersion<T>(value: T, equal?: (a: T, b: T) => boolean): number;
|
|
3066
|
+
|
|
2996
3067
|
declare const CSS_VARS: {
|
|
2997
3068
|
MOVE_WITH_SPRING_BOUNCE_DURATION: string;
|
|
2998
3069
|
DISPLAY_DELAYED_DURATION: string;
|
|
@@ -3054,6 +3125,8 @@ declare const baseTailwindConfig: Config;
|
|
|
3054
3125
|
* @returns The combined class names as a string.
|
|
3055
3126
|
*/
|
|
3056
3127
|
declare const cn: (...inputs: ClassValue[]) => string;
|
|
3128
|
+
declare const remToPx: (rem: string | number, baseFontSize?: number) => number;
|
|
3129
|
+
declare const pxToRem: (px: string | number, baseFontSize?: number) => number;
|
|
3057
3130
|
|
|
3058
3131
|
interface RGB {
|
|
3059
3132
|
r: number;
|
|
@@ -3067,8 +3140,6 @@ interface RGB {
|
|
|
3067
3140
|
* @param style
|
|
3068
3141
|
*/
|
|
3069
3142
|
declare const parseSquidTheme: (userTheme: Theme, themeType: ThemeType) => Record<string, string | undefined> | undefined;
|
|
3070
|
-
declare const remToPx: (rem: string | number, baseFontSize?: number) => number;
|
|
3071
|
-
declare const pxToRem: (px: string | number, baseFontSize?: number) => number;
|
|
3072
3143
|
declare function getContrastColor({ r, g, b, }: {
|
|
3073
3144
|
r: number;
|
|
3074
3145
|
g: number;
|
|
@@ -17069,4 +17140,4 @@ declare const transactionRejectedAnimation: {
|
|
|
17069
17140
|
markers: never[];
|
|
17070
17141
|
};
|
|
17071
17142
|
|
|
17072
|
-
export { ANIMATION_DURATIONS, AccountListItem, AccountsButton, type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationCard, AnimationWrapper, Announcement, type AnnouncementProps, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowExpandIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BrokenHeartIcon, BubblesIcon, Button, type ButtonSize, type ButtonVariant, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, CelebrateIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleCheckIcon, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, CoinsOutlinedIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy2Icon, CopyOutlinedIcon, CrossAnimatedIcon, CrossedOutSunSolidIcon, DashboardFast, type DeepPartial, DepositAddressView, type DescriptionBlock, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuTitle, type DropdownPosition, type DropdownStyles, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, EyeOpenIcon, FarcasterIcon, FavouriteFilterIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HighestPriceRangeIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, type IconButtonProps, IconLabel, Image, ImageGroup, ImageIcon, type ImageProps, ImageSparkle, ImageStack, ImageState, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LargeNumericInput, LightningIcon, LimitIcon, LinkIcon, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, ModalTitle, MoneyBagIcon, MoonIcon, NavigationBar, NewsIcon, NewspaperIcon, NotAllowedIcon, NumericInput, type NumericInputProps, PathSquareIcon, PauseIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PluginIcon, PlusIcon, PoopIcon, PowerIcon, PriceChange, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type Props$1 as Props, type PublicTheme, PunkIcon, QrCodeIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, type Settings, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, SettingsSliderIcon, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileFilledIcon, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, SquidVector, StakeAction, StarLinesIcon, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, Tab, Tabs, TagIcon, TagIconFilled, TelegramIcon, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, type Timeframe, Timeline, Timestamp, Toast, type Token$3 as Token, TokenDetailsView, TokenGroup, type TokenGroupProps, type TokenGroupVariant, TokenGroups, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TradingViewStepsIcon, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeader, TransactionHeaderLayout, type TransactionHeaderProps, type TransactionHeaderType, TransactionItem, TransactionProperties, type TransactionPropertiesProps, type TransactionPropertiesType, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, type TransactionViewType, Transfer, TranslateIcon, TriangleExclamation, TxProgressViewHeader, UnsupportedPairNotice, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WrapAction, XSocialIcon, adjustColorForContrast, baseTailwindConfig, blendColors, buttonRoundedClassMap, cn, darkTheme, getColorBrightness, getContrastColor, getHexColorFromOpacityPercentage, getWalletCardBackground, hexToRgb, isValidHexColor, lightTheme, linkActionTimelineProps, parseColor, parseSquidTheme, pxToRem, remToPx, rgbToHex, spacing, statusTextClassMap, themeKeysToCssVariables, transactionErrorPauseAnimation, transactionFailureAnimation, transactionHalfSuccessAnimation, transactionPendingAnimation, transactionProcessingAnimation, transactionRejectedAnimation, transactionSuccessAnimation, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useUserTheme, useVersion };
|
|
17143
|
+
export { ANIMATION_DURATIONS, AccountListItem, AccountsButton, type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, AddressHeader, type AllOrNone, AnimationCard, AnimationWrapper, Announcement, type AnnouncementProps, AppContainer, ApplePayIcon, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowExpandIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BrokenHeartIcon, BubblesIcon, Button, type ButtonSize, type ButtonVariant, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, CelebrateIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleCheckIcon, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, CoinsOutlinedIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy2Icon, CopyOutlinedIcon, CreditCardIcon, CrossAnimatedIcon, CrossedOutSunSolidIcon, DashboardFast, type DeepPartial, DepositAddressView, type DescriptionBlock, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuTitle, type DropdownPosition, type DropdownStyles, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, EyeOpenIcon, FarcasterIcon, FavouriteFilterIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, GooglePayIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HighestPriceRangeIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, type IconButtonProps, IconLabel, Image, ImageGroup, ImageIcon, type ImageProps, ImageSparkle, ImageStack, ImageState, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LargeNumericInput, LightningIcon, LimitIcon, LinkIcon, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, ModalTitle, MoneyBagIcon, MoonIcon, NavigationBar, NewsIcon, NewspaperIcon, NotAllowedIcon, NumericInput, type NumericInputProps, PathSquareIcon, PauseIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PluginIcon, PlusIcon, PoopIcon, PowerIcon, PriceChange, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type Props$1 as Props, type PublicTheme, PunkIcon, QrCodeIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, type Settings, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, SettingsSliderIcon, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileFilledIcon, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, SquidVector, StakeAction, StarLinesIcon, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, Tab, Tabs, TagIcon, TagIconFilled, TelegramIcon, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, type Timeframe, Timeline, Timestamp, Toast, type Token$3 as Token, TokenDetailsView, TokenGroup, type TokenGroupProps, type TokenGroupVariant, TokenGroups, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TradingViewStepsIcon, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeader, TransactionHeaderLayout, type TransactionHeaderProps, type TransactionHeaderType, TransactionItem, TransactionProperties, type TransactionPropertiesProps, type TransactionPropertiesType, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, type TransactionViewType, Transfer, TranslateIcon, TriangleExclamation, TxProgressViewHeader, UnsupportedPairNotice, UsdAmount, UserInputType, WalletFilledIcon, WalletIcon, WalletLink, WrapAction, XSocialIcon, adjustColorForContrast, baseTailwindConfig, blendColors, buttonRoundedClassMap, cn, darkTheme, getColorBrightness, getContrastColor, getHexColorFromOpacityPercentage, getWalletCardBackground, hexToRgb, isValidHexColor, lightTheme, linkActionTimelineProps, parseColor, parseSquidTheme, pxToRem, remToPx, rgbToHex, spacing, statusTextClassMap, themeKeysToCssVariables, transactionErrorPauseAnimation, transactionFailureAnimation, transactionHalfSuccessAnimation, transactionPendingAnimation, transactionProcessingAnimation, transactionRejectedAnimation, transactionSuccessAnimation, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useNumericInput, useOnResize, useRect, useTimer, useUserTheme, useVersion };
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|