@0xsquid/ui 3.1.0 → 3.2.0

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 (37) hide show
  1. package/dist/cjs/index.js +106 -45
  2. package/dist/cjs/types/components/buttons/CopyButton.d.ts +7 -0
  3. package/dist/cjs/types/components/buttons/LinkButton.d.ts +5 -0
  4. package/dist/cjs/types/components/icons/Arrow.d.ts +5 -0
  5. package/dist/cjs/types/components/icons/Timeline.d.ts +1 -1
  6. package/dist/cjs/types/components/layout/AnimationWrapper.d.ts +1 -1
  7. package/dist/cjs/types/components/layout/HashLink.d.ts +2 -2
  8. package/dist/cjs/types/components/layout/PipeSeparator.d.ts +6 -2
  9. package/dist/cjs/types/components/lists/TransactionAction/FeesAction.d.ts +2 -1
  10. package/dist/cjs/types/components/lists/TransactionAction/SuccessAction.d.ts +1 -1
  11. package/dist/cjs/types/components/lists/TransactionAction/TransactionAction.d.ts +1 -1
  12. package/dist/cjs/types/components/views/SwapProgressView.d.ts +2 -1
  13. package/dist/cjs/types/components/views/TransactionView/BridgeTransactionView.d.ts +12 -4
  14. package/dist/cjs/types/components/views/TransactionView/SwapTransactionView.d.ts +4 -2
  15. package/dist/cjs/types/components/views/TransactionView/TransactionView.d.ts +2 -2
  16. package/dist/cjs/types/stories/views/SwapProgressView.stories.d.ts +1 -0
  17. package/dist/cjs/types/stories/views/TransactionView.stories.d.ts +12 -6
  18. package/dist/esm/index.js +106 -46
  19. package/dist/esm/types/components/buttons/CopyButton.d.ts +7 -0
  20. package/dist/esm/types/components/buttons/LinkButton.d.ts +5 -0
  21. package/dist/esm/types/components/icons/Arrow.d.ts +5 -0
  22. package/dist/esm/types/components/icons/Timeline.d.ts +1 -1
  23. package/dist/esm/types/components/layout/AnimationWrapper.d.ts +1 -1
  24. package/dist/esm/types/components/layout/HashLink.d.ts +2 -2
  25. package/dist/esm/types/components/layout/PipeSeparator.d.ts +6 -2
  26. package/dist/esm/types/components/lists/TransactionAction/FeesAction.d.ts +2 -1
  27. package/dist/esm/types/components/lists/TransactionAction/SuccessAction.d.ts +1 -1
  28. package/dist/esm/types/components/lists/TransactionAction/TransactionAction.d.ts +1 -1
  29. package/dist/esm/types/components/views/SwapProgressView.d.ts +2 -1
  30. package/dist/esm/types/components/views/TransactionView/BridgeTransactionView.d.ts +12 -4
  31. package/dist/esm/types/components/views/TransactionView/SwapTransactionView.d.ts +4 -2
  32. package/dist/esm/types/components/views/TransactionView/TransactionView.d.ts +2 -2
  33. package/dist/esm/types/stories/views/SwapProgressView.stories.d.ts +1 -0
  34. package/dist/esm/types/stories/views/TransactionView.stories.d.ts +12 -6
  35. package/dist/index.css +1 -1
  36. package/dist/index.d.ts +37 -17
  37. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -271,7 +271,7 @@ interface NumericInputProps {
271
271
  containerClassName?: string;
272
272
  inputClassName?: string;
273
273
  }
274
- interface Props$1 extends NumericInputProps, React.InputHTMLAttributes<HTMLInputElement> {
274
+ interface Props$2 extends NumericInputProps, React.InputHTMLAttributes<HTMLInputElement> {
275
275
  direction?: SwapDirection;
276
276
  showDetails?: boolean;
277
277
  isLoading?: boolean;
@@ -282,7 +282,7 @@ interface Props$1 extends NumericInputProps, React.InputHTMLAttributes<HTMLInput
282
282
  message: string;
283
283
  };
284
284
  }
285
- 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;
285
+ 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$2): react_jsx_runtime.JSX.Element;
286
286
 
287
287
  declare function LargeNumericInput({ balance, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, inputModeButton, balanceButton, debounceInput, }: NumericInputProps): react_jsx_runtime.JSX.Element;
288
288
 
@@ -453,6 +453,11 @@ declare function ChevronGrabberVerticalIcon({ size, className, }: {
453
453
  size?: string;
454
454
  className?: string;
455
455
  }): react_jsx_runtime.JSX.Element;
456
+ declare function SquareArrowTopRightIcon({ className, size, strokeWidth, }: {
457
+ className?: string;
458
+ size?: string;
459
+ strokeWidth?: string;
460
+ }): react_jsx_runtime.JSX.Element;
456
461
  declare function SquareArrowTopRight2Icon({ className, size, strokeWidth, }: {
457
462
  className?: string;
458
463
  size?: string;
@@ -1007,13 +1012,13 @@ declare function CrossedOutSunSolidIcon({ size, className, }: {
1007
1012
  className?: string;
1008
1013
  }): react_jsx_runtime.JSX.Element;
1009
1014
 
1010
- interface Props extends Omit<LottieComponentProps, "src"> {
1015
+ interface Props$1 extends Omit<LottieComponentProps, "src" | "animationData"> {
1011
1016
  style?: React.CSSProperties;
1012
1017
  autoplay?: boolean;
1013
1018
  loop?: boolean;
1014
1019
  src: unknown;
1015
1020
  }
1016
- declare const AnimationWrapper: ({ src, ...playerProps }: Props) => react_jsx_runtime.JSX.Element;
1021
+ declare const AnimationWrapper: ({ src, ...playerProps }: Props$1) => react_jsx_runtime.JSX.Element;
1017
1022
  declare function AnimationCard({ children }: {
1018
1023
  children?: React.ReactNode;
1019
1024
  }): react_jsx_runtime.JSX.Element;
@@ -1147,9 +1152,9 @@ interface HashLinkProps {
1147
1152
  url?: string;
1148
1153
  className?: string;
1149
1154
  formattedHash?: string;
1150
- copyIconSize?: string;
1155
+ size?: "default" | "small";
1151
1156
  }
1152
- declare function HashLink({ showTx, hash, showCopyButton, url, children, className, formattedHash, copyIconSize, }: HashLinkProps): react_jsx_runtime.JSX.Element;
1157
+ declare function HashLink({ showTx, hash, showCopyButton, url, children, className, formattedHash, size, }: HashLinkProps): react_jsx_runtime.JSX.Element;
1153
1158
 
1154
1159
  interface ImageStackProps extends ImageProps {
1155
1160
  imageUrls: string[];
@@ -1237,7 +1242,10 @@ interface NavigationBarProps extends React.ComponentProps<"nav"> {
1237
1242
  }
1238
1243
  declare function NavigationBar({ title, displayBackButton, logoUrl, transparent, displayButtonShadows, onBackButtonClick, actions, isLoading, subtitle, paddingRight, ...props }: NavigationBarProps): react_jsx_runtime.JSX.Element;
1239
1244
 
1240
- declare function PipeSeparator(props: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1245
+ interface Props extends ComponentProps<"div"> {
1246
+ size?: "default" | "small" | "large";
1247
+ }
1248
+ declare function PipeSeparator({ className, size, ...props }: Props): react_jsx_runtime.JSX.Element;
1241
1249
 
1242
1250
  declare function ProductCard({ children }: React.PropsWithChildren): react_jsx_runtime.JSX.Element;
1243
1251
  declare function BorderedContainer({ children, className, }: {
@@ -1883,13 +1891,14 @@ interface FeesLinesProps {
1883
1891
  lines?: FeesRowProps[];
1884
1892
  showTimeline?: boolean;
1885
1893
  }
1886
- declare function FeesLines({ status, lines, showTimeline, }: FeesLinesProps): react_jsx_runtime.JSX.Element;
1894
+ declare function FeesLines({ status, lines }: FeesLinesProps): react_jsx_runtime.JSX.Element;
1887
1895
  interface FeesRowProps {
1888
1896
  label: string;
1889
1897
  amount: number | string;
1890
1898
  symbol: string;
1891
1899
  usd: number | string;
1892
1900
  collapsed?: boolean;
1901
+ className?: string;
1893
1902
  }
1894
1903
 
1895
1904
  interface IncompleteActionProps extends BaseActionProps {
@@ -2188,7 +2197,7 @@ interface Token {
2188
2197
  logoUrl: string;
2189
2198
  bgColor: string;
2190
2199
  }
2191
- declare function SwapProgressView({ steps, isOpen, handleClose, handleComplete, supportLink, fromAmount, fromChain, fromToken, toAmount, toChain, toToken, fromAddressFormatted, toAddressFormatted, swapState, estimatedTimeToComplete, footerButton, refundTokenSymbol, addGasLink, shareSwapDropdownContent, isSendTransaction, }: {
2200
+ declare function SwapProgressView({ steps, isOpen, handleClose, handleComplete, supportLink, fromAmount, fromChain, fromToken, toAmount, toChain, toToken, fromAddressFormatted, toAddressFormatted, swapState, estimatedTimeToComplete, footerButton, refundTokenSymbol, addGasLink, shareSwapDropdownContent, isSendTransaction, isBridgeTransaction, }: {
2192
2201
  steps: SwapStep[];
2193
2202
  handleClose?: (swapState: SwapState) => void;
2194
2203
  handleComplete?: () => void;
@@ -2209,6 +2218,7 @@ declare function SwapProgressView({ steps, isOpen, handleClose, handleComplete,
2209
2218
  refundTokenSymbol?: string;
2210
2219
  addGasLink?: string;
2211
2220
  isSendTransaction?: boolean;
2221
+ isBridgeTransaction?: boolean;
2212
2222
  }): react_jsx_runtime.JSX.Element;
2213
2223
 
2214
2224
  interface NFT {
@@ -2304,6 +2314,8 @@ interface BaseSwapTransactionViewProps extends BaseTransactionViewProps {
2304
2314
  logoURI: string;
2305
2315
  name: string;
2306
2316
  };
2317
+ fromLink?: string;
2318
+ toLink?: string;
2307
2319
  fromAddress: string;
2308
2320
  toAddress: string;
2309
2321
  exchangeRate: string;
@@ -2315,11 +2327,15 @@ type SwapTransactionViewProps = (BaseSwapTransactionViewProps & {
2315
2327
  }) | (Partial<Omit<BaseSwapTransactionViewProps, keyof BaseTransactionViewProps>> & BaseTransactionViewProps & {
2316
2328
  isLoading: true;
2317
2329
  });
2318
- declare function SwapTransactionView({ title, hash, status, url, fromAmount, fromToken, toAmount, toToken, fromChain, toChain, fromAddress, toAddress, exchangeRate, boosted, timeToComplete, actions, fees, isLoading, }: SwapTransactionViewProps): react_jsx_runtime.JSX.Element;
2330
+ declare function SwapTransactionView({ title, hash, toLink, fromLink, status, url, fromAmount, fromToken, toAmount, toToken, fromChain, toChain, fromAddress, toAddress, exchangeRate, boosted, timeToComplete, actions, fees, isLoading, }: SwapTransactionViewProps): react_jsx_runtime.JSX.Element;
2319
2331
 
2320
2332
  interface BaseBridgeTransactionViewProps extends BaseTransactionViewProps {
2321
- amount: string;
2322
- token: {
2333
+ fromToken: {
2334
+ logoURI: string;
2335
+ bgColor: string;
2336
+ symbol: string;
2337
+ };
2338
+ toToken: {
2323
2339
  logoURI: string;
2324
2340
  bgColor: string;
2325
2341
  symbol: string;
@@ -2337,13 +2353,17 @@ interface BaseBridgeTransactionViewProps extends BaseTransactionViewProps {
2337
2353
  address: string;
2338
2354
  boosted?: boolean;
2339
2355
  timeToComplete: string;
2356
+ fromLink?: string;
2357
+ toLink?: string;
2358
+ fromAmount: string;
2359
+ toAmount: string;
2340
2360
  }
2341
2361
  type BridgeTransactionViewProps = (BaseBridgeTransactionViewProps & {
2342
2362
  isLoading?: false;
2343
- }) | (Partial<BaseBridgeTransactionViewProps> & BaseTransactionViewProps & {
2363
+ }) | (Partial<Omit<BaseBridgeTransactionViewProps, keyof BaseTransactionViewProps>> & BaseTransactionViewProps & {
2344
2364
  isLoading: true;
2345
2365
  });
2346
- declare function BridgeTransactionView({ title, hash, status, url, amount, token, fromChain, toChain, address, actions, fees, boosted, timeToComplete, isLoading, }: BridgeTransactionViewProps): react_jsx_runtime.JSX.Element;
2366
+ declare function BridgeTransactionView({ title, hash, fromLink, toLink, status, url, fromAmount, toAmount, fromToken, toToken, fromChain, toChain, address, actions, fees, boosted, timeToComplete, isLoading, }: BridgeTransactionViewProps): react_jsx_runtime.JSX.Element;
2347
2367
 
2348
2368
  declare const componentMap: {
2349
2369
  readonly swap: typeof SwapTransactionView;
@@ -2356,11 +2376,11 @@ type TransactionViewProps = {
2356
2376
  [Type in TransactionType]: {
2357
2377
  type: Type;
2358
2378
  isLoading?: false;
2359
- data: ComponentProps<TransactionViewComponents[Type]>;
2379
+ data: Omit<Partial<ComponentProps<TransactionViewComponents[Type]>>, "isLoading">;
2360
2380
  } | {
2361
2381
  type: Type;
2362
2382
  isLoading: true;
2363
- data?: Partial<ComponentProps<TransactionViewComponents[Type]>>;
2383
+ data?: Omit<Partial<ComponentProps<TransactionViewComponents[Type]>>, "isLoading">;
2364
2384
  };
2365
2385
  }[TransactionType];
2366
2386
  declare function TransactionView({ type, isLoading, data, }: TransactionViewProps): react_jsx_runtime.JSX.Element | null;
@@ -16535,4 +16555,4 @@ declare const transactionRejectedAnimation: {
16535
16555
  markers: never[];
16536
16556
  };
16537
16557
 
16538
- export { ANIMATION_DURATIONS, AccountListItem, AccountsButton, type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, AddressHeader, type AllOrNone, AnimateNumber, AnimationCard, AnimationWrapper, Announcement, type AnnouncementProps, AppContainer, ApplePayIcon, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowExpandIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleFilledIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, BoostBadge, BorderedContainer, Breadcrumb, BridgeAction, BrokenHeartIcon, BubblesIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, Card, 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, type Collection, 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, Drip, 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, GhostCircleIcon, 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, InteractionTransactionView, Join, LaptopIcon, LargeNumericInput, LimitIcon, LinkIcon, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, LoadingText, MEDIA_QUERIES, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, ModalTitle, MoneyBagIcon, MoonIcon, type NFT, NavigationBar, NewsIcon, NewspaperIcon, NotAllowedIcon, NumericInput, type NumericInputProps, PathSquareIcon, PauseIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PluginIcon, PlusIcon, PoopIcon, PowerIcon, PriceChange, ProductCard, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type Props$1 as Props, type PublicTheme, PunkIcon, QrCode, QrCodeIcon, QrCodeModal, 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, StakeAction, StarLinesIcon, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapErrorIcon, SwapIcon, SwapInputsIcon, SwapProgressView, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, type SwapTransactionViewProps, SwapWarningIcon, Switch, type SwitchProps, Tab, Tabs, TagIcon, TagIconFilled, TelegramIcon, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, type Timeframe, Timeline, Timestamp, Toast, TokenDetailsView, TokenGroup, type TokenGroupProps, type TokenGroupVariant, TokenGroups, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TradingViewStepsIcon, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeaderLayout, TransactionItem, type TransactionItemProps, TransactionItemSkeleton, TransactionNotFoundView, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, Transfer, TranslateIcon, TriangleExclamation, TxProgressViewHeader, UnsupportedPairNotice, UsdAmount, UserInputType, WalletFilledIcon, WalletIcon, WalletLink, WrapAction, XSocialIcon, adjustColorForContrast, baseTailwindConfig, blendColors, buttonRoundedClassMap, cn, darkTheme, getColorBrightness, getContrastColor, getHexColorFromOpacityPercentage, 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 };
16558
+ export { ANIMATION_DURATIONS, AccountListItem, AccountsButton, type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, AddressHeader, type AllOrNone, AnimateNumber, AnimationCard, AnimationWrapper, Announcement, type AnnouncementProps, AppContainer, ApplePayIcon, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowExpandIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleFilledIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, BoostBadge, BorderedContainer, Breadcrumb, BridgeAction, BrokenHeartIcon, BubblesIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, Card, 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, type Collection, 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, Drip, 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, GhostCircleIcon, 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, InteractionTransactionView, Join, LaptopIcon, LargeNumericInput, LimitIcon, LinkIcon, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, LoadingText, MEDIA_QUERIES, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, ModalTitle, MoneyBagIcon, MoonIcon, type NFT, NavigationBar, NewsIcon, NewspaperIcon, NotAllowedIcon, NumericInput, type NumericInputProps, PathSquareIcon, PauseIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PluginIcon, PlusIcon, PoopIcon, PowerIcon, PriceChange, ProductCard, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type Props$2 as Props, type PublicTheme, PunkIcon, QrCode, QrCodeIcon, QrCodeModal, 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, SquareArrowTopRightIcon, SquidLogo, StakeAction, StarLinesIcon, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapErrorIcon, SwapIcon, SwapInputsIcon, SwapProgressView, 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, TokenDetailsView, TokenGroup, type TokenGroupProps, type TokenGroupVariant, TokenGroups, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TradingViewStepsIcon, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeaderLayout, TransactionItem, type TransactionItemProps, TransactionItemSkeleton, TransactionNotFoundView, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, Transfer, TranslateIcon, TriangleExclamation, TxProgressViewHeader, UnsupportedPairNotice, UsdAmount, UserInputType, WalletFilledIcon, WalletIcon, WalletLink, WrapAction, XSocialIcon, adjustColorForContrast, baseTailwindConfig, blendColors, buttonRoundedClassMap, cn, darkTheme, getColorBrightness, getContrastColor, getHexColorFromOpacityPercentage, 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": "3.1.0",
8
+ "version": "3.2.0",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {