@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.
Files changed (45) hide show
  1. package/dist/cjs/index.js +272 -88
  2. package/dist/cjs/types/components/badges/PriceChange.d.ts +3 -1
  3. package/dist/cjs/types/components/badges/index.d.ts +1 -1
  4. package/dist/cjs/types/components/buttons/Button.d.ts +2 -1
  5. package/dist/cjs/types/components/controls/NumericInput.d.ts +8 -1
  6. package/dist/cjs/types/components/feedback/LoadingText.d.ts +7 -0
  7. package/dist/cjs/types/components/icons/Loader.d.ts +1 -1
  8. package/dist/cjs/types/components/icons/PaymentIcons.d.ts +12 -0
  9. package/dist/cjs/types/components/icons/index.d.ts +1 -0
  10. package/dist/cjs/types/components/layout/SwapConfiguration.d.ts +17 -1
  11. package/dist/cjs/types/core/index.d.ts +1 -1
  12. package/dist/cjs/types/core/utils.d.ts +16 -0
  13. package/dist/cjs/types/hooks/index.d.ts +3 -2
  14. package/dist/cjs/types/hooks/useNumericInput.d.ts +2 -1
  15. package/dist/cjs/types/services/internal/colorService.d.ts +0 -2
  16. package/dist/cjs/types/stories/buttons/Button.stories.d.ts +3 -0
  17. package/dist/cjs/types/stories/controls/NumericInput.stories.d.ts +17 -0
  18. package/dist/{esm/types/stories/badges → cjs/types/stories/feedback}/Loader.stories.d.ts +1 -1
  19. package/dist/cjs/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
  20. package/dist/cjs/types/stories/feedback/LoadingText.stories.d.ts +6 -0
  21. package/dist/esm/index.js +250 -71
  22. package/dist/esm/types/components/badges/PriceChange.d.ts +3 -1
  23. package/dist/esm/types/components/badges/index.d.ts +1 -1
  24. package/dist/esm/types/components/buttons/Button.d.ts +2 -1
  25. package/dist/esm/types/components/controls/NumericInput.d.ts +8 -1
  26. package/dist/esm/types/components/feedback/LoadingText.d.ts +7 -0
  27. package/dist/esm/types/components/icons/Loader.d.ts +1 -1
  28. package/dist/esm/types/components/icons/PaymentIcons.d.ts +12 -0
  29. package/dist/esm/types/components/icons/index.d.ts +1 -0
  30. package/dist/esm/types/components/layout/SwapConfiguration.d.ts +17 -1
  31. package/dist/esm/types/core/index.d.ts +1 -1
  32. package/dist/esm/types/core/utils.d.ts +16 -0
  33. package/dist/esm/types/hooks/index.d.ts +3 -2
  34. package/dist/esm/types/hooks/useNumericInput.d.ts +2 -1
  35. package/dist/esm/types/services/internal/colorService.d.ts +0 -2
  36. package/dist/esm/types/stories/buttons/Button.stories.d.ts +3 -0
  37. package/dist/esm/types/stories/controls/NumericInput.stories.d.ts +17 -0
  38. package/dist/{cjs/types/stories/badges → esm/types/stories/feedback}/Loader.stories.d.ts +1 -1
  39. package/dist/esm/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
  40. package/dist/esm/types/stories/feedback/LoadingText.stories.d.ts +6 -0
  41. package/dist/index.css +1 -1
  42. package/dist/index.d.ts +87 -16
  43. package/package.json +1 -1
  44. /package/dist/cjs/types/components/{badges → feedback}/LoadingSkeleton.d.ts +0 -0
  45. /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
@@ -5,7 +5,7 @@
5
5
  "url": "git+https://github.com/0xsquid/squid-ui.git"
6
6
  },
7
7
  "description": "Squid's UI components",
8
- "version": "2.6.8-send-beta.0",
8
+ "version": "2.6.8",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {