@0xsquid/ui 2.2.2 → 2.2.4

package/dist/index.d.ts

@@ -20,7 +20,7 @@ interface BadgeImageProps {
      */
     placeholderImageUrl?: string;
 }
-type BadgeSize = "sm" | "md";
+type BadgeSize = "sm" | "md" | "lg";
 declare function BadgeImage({ imageUrl: _imageUrl, badgeUrl, size, extraMarginForBadge, rounded, placeholderImageUrl, }: BadgeImageProps): react_jsx_runtime.JSX.Element | null;
 
 type TextSize = "small" | "medium" | "large";
@@ -167,13 +167,13 @@ interface TooltipProps {
 }
 declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 
-interface Token$1 {
+interface Token$2 {
     price: number;
     symbol: string;
     decimals: number;
 }
 interface NumericInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    token: Token$1;
+    token: Token$2;
     onAmountChange: (tokenAmount: string) => void;
     forcedAmount?: string;
     formatIfVerySmall?: {
@@ -496,11 +496,28 @@ declare function Copy({ size, strokeWidth, ...props }: {
     strokeWidth?: string;
 } & ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function CrossAnimatedIcon({ size, isOpen, transitionDuration, className, }: {
+    size?: number;
+    isOpen?: boolean;
+    transitionDuration?: React.CSSProperties["transitionDuration"];
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare function DashboardFast({ size, className, }: {
     size?: string;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface DockIconProps {
+    isSelected?: boolean;
+}
+declare function DockIconSwap({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconCheckout({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconScan({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconAnalytics({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconProfile({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconHelp({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+
 declare function DotGrid1x3HorizontalIcon({ className, size, }: {
     className?: string;
     size?: string;
@@ -521,8 +538,98 @@ declare function SmileIcon({ size, className, }: {
 
 declare function EthereumIcon(): react_jsx_runtime.JSX.Element;
 
+declare function FavouriteFilterIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare function FilterIcon(): react_jsx_runtime.JSX.Element;
 
+declare function GhostIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SettingsSliderIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function EyeOpenIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function BellAlarmIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function LimitIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PoopIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CatSquareIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FilterAscendingIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ImageIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FilterTimelineIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function NewspaperIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function AtomIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SunriseSmallIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CoinsOutlinedIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PhoneIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function LaptopIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CopyIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FileDownloadIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CodeSolidSquareIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CodeBracketsIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CommandIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare function EmptyHeartIcon({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
@@ -592,6 +699,15 @@ interface LoaderProps extends ComponentProps<"svg"> {
 }
 declare function Loader({ size, strokeWidth, className, rotateDuration, ...props }: LoaderProps): react_jsx_runtime.JSX.Element;
 
+declare function MarketCapIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function HighestPriceRangeIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare function MaxIcon(): react_jsx_runtime.JSX.Element;
 
 declare function NotAllowedIcon(): react_jsx_runtime.JSX.Element;
@@ -697,13 +813,6 @@ declare function WalletFilledIcon({ size }: {
     size?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare function CrossAnimatedIcon({ size, isOpen, transitionDuration, className, }: {
-    size?: number;
-    isOpen?: boolean;
-    transitionDuration?: React.CSSProperties["transitionDuration"];
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
 declare function SunriseIcon({ size, className, }: {
     size?: string;
     className?: string;
@@ -725,101 +834,6 @@ declare function CrossedOutSunSolidIcon({ size, className, }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-interface DockIconProps {
-    isSelected?: boolean;
-}
-declare function DockIconSwap({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
-declare function DockIconCheckout({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
-declare function DockIconScan({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
-declare function DockIconAnalytics({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
-declare function DockIconProfile({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
-declare function DockIconHelp({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
-
-declare function GhostIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function SettingsSliderIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function EyeOpenIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function BellAlarmIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function LimitIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function PoopIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function CatSquareIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function FilterAscendingIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function ImageIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function FilterTimelineIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function NewspaperIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function AtomIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function SunriseSmallIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function CoinsOutlinedIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function PhoneIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function LaptopIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function CopyIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function FileDownloadIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function CodeSolidSquareIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function CodeBracketsIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function CommandIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
 interface Props extends React.ComponentProps<typeof Player> {
 }
 declare const AnimationWrapper: (playerProps: Props) => react_jsx_runtime.JSX.Element;
@@ -1379,6 +1393,25 @@ interface SizeTransitionProps extends ComponentProps<"div"> {
 }
 declare function SizeTransition({ children, className, ...props }: SizeTransitionProps): react_jsx_runtime.JSX.Element;
 
+interface CollapsibleMenuProps {
+    menuRef: React.MutableRefObject<HTMLDivElement | null>;
+    size: {
+        open: {
+            width: string;
+            height: string;
+        };
+        closed: {
+            width: string;
+            height: string;
+        };
+    };
+    children?: React.ReactNode;
+    isOpen?: boolean;
+    transitionDuration?: React.CSSProperties["transitionDuration"];
+    className?: string;
+}
+declare function CollapsibleMenu({ children, menuRef, isOpen, transitionDuration, size, className, }: CollapsibleMenuProps): react_jsx_runtime.JSX.Element;
+
 interface DescriptionBlocksProps extends ComponentProps<"div"> {
     blocks: DescriptionBlock[] | string;
 }
@@ -1513,25 +1546,6 @@ declare function NavigationBar({ title, displayBackButton, logoUrl, transparent,
 
 declare function PipeSeparator(props: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
-interface CollapsibleMenuProps {
-    menuRef: React.MutableRefObject<HTMLDivElement | null>;
-    size: {
-        open: {
-            width: string;
-            height: string;
-        };
-        closed: {
-            width: string;
-            height: string;
-        };
-    };
-    children?: React.ReactNode;
-    isOpen?: boolean;
-    transitionDuration?: React.CSSProperties["transitionDuration"];
-    className?: string;
-}
-declare function CollapsibleMenu({ children, menuRef, isOpen, transitionDuration, size, className, }: CollapsibleMenuProps): react_jsx_runtime.JSX.Element;
-
 declare function ProductCard({ children }: React.PropsWithChildren): react_jsx_runtime.JSX.Element;
 declare function BorderedContainer({ children, className, }: {
     children: React.ReactNode;
@@ -1613,6 +1627,53 @@ declare const SwapStepsCollapsed: react.ForwardRefExoticComponent<SwapStepsColla
     handleToggleRouteSteps: () => void;
 }>>;
 
+interface ToastProps {
+    title: string;
+    description: string;
+    headerContent?: React.ReactNode;
+    actionsContent?: React.ReactNode;
+    chipLabel?: string;
+}
+declare function Toast({ headerContent, actionsContent, description, chipLabel, title, }: ToastProps): react_jsx_runtime.JSX.Element;
+
+interface Token$1 {
+    address: string;
+    name: string;
+    symbol: string;
+    image: string;
+    color: string;
+    textColor: string;
+    chainId: string;
+}
+interface Chain {
+    name: string;
+    image: string;
+}
+type Timeframe = "1H" | "1D" | "1W" | "1Y";
+interface TokenDetailsViewProps {
+    isOpen: boolean;
+    onClose: () => void;
+    token: Token$1;
+    chain: Chain;
+    tokenPrice: number;
+    priceChange: number;
+    balance: number;
+    balanceUSD: number;
+    volume24h: string;
+    marketCap: string;
+    totalSupply: string;
+    loading: boolean;
+    onLikeToken: () => void;
+    Chart?: React.ComponentType<{
+        timeframe: Timeframe;
+    }>;
+    initialTimeframe?: Timeframe;
+    onTimeframeChange?: (timeframe: Timeframe) => void;
+    onSwapFrom: (token: Pick<Token$1, "address" | "chainId">) => void;
+    onSwapTo: (token: Pick<Token$1, "address" | "chainId">) => void;
+}
+declare const TokenDetailsView: ({ isOpen, onClose, token, chain, tokenPrice, priceChange, balance, balanceUSD, volume24h, marketCap, totalSupply, loading, onLikeToken, Chart, initialTimeframe, onTimeframeChange, onSwapFrom, onSwapTo, }: TokenDetailsViewProps) => react_jsx_runtime.JSX.Element;
+
 interface TokenPairProps {
     firstToken?: {
         logoURI: string;
@@ -1860,15 +1921,6 @@ interface FromToProps {
 }
 declare function Transfer({ isLoading, from, to, className }: FromToProps): react_jsx_runtime.JSX.Element;
 
-interface ToastProps {
-    title: string;
-    description: string;
-    headerContent?: React.ReactNode;
-    actionsContent?: React.ReactNode;
-    chipLabel?: string;
-}
-declare function Toast({ headerContent, actionsContent, description, chipLabel, title, }: ToastProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Utility type to allow for a type to be either all of the properties of another type, or none of them
  * @example
@@ -1924,6 +1976,10 @@ interface PublicTheme extends Omit<InternalTheme, "color"> {
     color: // Remove the hidden colors and the optional colors
     Omit<InternalTheme["color"], HiddenColorsKeys | OptionalColorsKeys> & Partial<Pick<InternalTheme["color"], OptionalColorsKeys>>;
 }
+/**
+ * The theme interface exposed for the end user
+ * Everything is optional, any missing config will be generated internally
+ */
 type Theme = DeepPartial<PublicTheme>;
 interface Settings {
     showProgressAnimation: boolean;
@@ -2405,13 +2461,22 @@ interface BodyTextProps extends React.HTMLAttributes<HTMLSpanElement> {
     size: TextSize;
     bold?: boolean;
     tight?: boolean;
+    loading?: {
+        isLoading?: boolean;
+        width?: string;
+    };
 }
-declare function BodyText({ size, children, bold, tight, ...props }: BodyTextProps): react_jsx_runtime.JSX.Element;
+declare function BodyText({ size, children, bold, tight, loading, ...props }: BodyTextProps): react_jsx_runtime.JSX.Element;
 
 interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
     bold?: boolean;
+    loading?: {
+        isLoading?: boolean;
+        width?: string;
+    };
 }
-declare function CaptionText({ children, bold, ...props }: CaptionProps): react_jsx_runtime.JSX.Element;
+declare function CaptionText({ children, bold, loading, ...props }: CaptionProps): react_jsx_runtime.JSX.Element;
 
 interface HeadingTextProps {
     children?: ReactNode;
@@ -2794,8 +2859,9 @@ declare function hexToRgb(hex: string): {
     a: number;
 } | null;
 declare function rgbToHex(r: number, g: number, b: number): string;
-declare function blendColors(foreground: string, background: string): string | null;
+declare function blendColors(foreground: string, background: string, factor?: number): string | null;
 declare const isValidHexColor: (hex: string) => boolean;
+declare const getColorBrightness: (color: string) => number;
 
 declare const transactionPendingAnimation: {
     v: string;
@@ -16768,4 +16834,4 @@ declare const transactionRejectedAnimation: {
     markers: never[];
 };
 
-export { type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AssetsView, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button, type ButtonSize, type ButtonVariant, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, CoinsOutlinedIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy, CopyIcon, CrossAnimatedIcon, CrossedOutSunSolidIcon, DashboardFast, type DeepPartial, 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, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, IconLabel, Image, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LightningIcon, LimitIcon, LinkIcon, List, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NewspaperIcon, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PlusIcon, PoopIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type PublicTheme, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, 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, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapDetailsView, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProgressViewHeader, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, TagIcon, TagIconFilled, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, Timeline, Timestamp, Toast, 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, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WalletsView, WrapAction, XSocial, baseTailwindConfig, blendColors, cn, darkTheme, getContrastColor, getHexColorFromOpacityPercentage, hexToRgb, isValidHexColor, lightTheme, linkActionTimelineProps, parseSquidTheme, pxToRem, remToPx, rgbToHex, spacing, statusTextClassMap, transactionErrorPauseAnimation, transactionFailureAnimation, transactionHalfSuccessAnimation, transactionPendingAnimation, transactionProcessingAnimation, transactionRejectedAnimation, transactionSuccessAnimation, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useUserTheme, useVersion };
+export { type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AssetsView, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button, type ButtonSize, type ButtonVariant, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, CoinsOutlinedIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy, CopyIcon, CrossAnimatedIcon, CrossedOutSunSolidIcon, DashboardFast, type DeepPartial, 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, 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, IconLabel, Image, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LightningIcon, LimitIcon, LinkIcon, List, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NewspaperIcon, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PlusIcon, PoopIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type PublicTheme, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, 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, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapDetailsView, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProgressViewHeader, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, TagIcon, TagIconFilled, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, type Timeframe, Timeline, Timestamp, Toast, TokenDetailsView, 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, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WalletsView, WrapAction, XSocial, baseTailwindConfig, blendColors, cn, darkTheme, getColorBrightness, getContrastColor, getHexColorFromOpacityPercentage, hexToRgb, isValidHexColor, lightTheme, linkActionTimelineProps, parseSquidTheme, pxToRem, remToPx, rgbToHex, spacing, statusTextClassMap, transactionErrorPauseAnimation, transactionFailureAnimation, transactionHalfSuccessAnimation, transactionPendingAnimation, transactionProcessingAnimation, transactionRejectedAnimation, transactionSuccessAnimation, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useUserTheme, useVersion };

package/package.json

@@ -5,7 +5,7 @@
     "url": "git+https://github.com/0xsquid/squid-ui.git"
   },
   "description": "Squid's UI components",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "author": "",
   "license": "MIT",
   "resolutions": {