@0xsquid/ui 2.2.4 → 2.2.5-beta.0

package/dist/index.d.ts

@@ -8,21 +8,6 @@ import { motion } from 'framer-motion';
 import { Config } from 'tailwindcss';
 import { ClassValue } from 'clsx';
 
-interface BadgeImageProps {
-    imageUrl?: string;
-    badgeUrl?: string;
-    size?: BadgeSize;
-    extraMarginForBadge?: boolean;
-    rounded?: boolean;
-    /**
-     * The URL of the placeholder image. Will be displayed while the images are loading
-     * or if there's an error loading them.
-     */
-    placeholderImageUrl?: string;
-}
-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";
 type SwitchSize = "small" | "large";
 type ButtonVariant = "primary" | "secondary" | "tertiary";
@@ -58,28 +43,50 @@ type ActionStatus = "pending" | "waiting" | "ongoing" | "executed" | "success" |
 type TransactionStateVariant = "full" | "compact" | "small";
 type TokenPairVariant = "horizontal" | "vertical";
 type TokenPairSize = "small" | "medium";
-type ImageVariant = "square" | "round" | "proportional";
-type ImageSize = "small" | "medium" | "large" | "xlarge";
+type ImageSize = "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type ImageRoundedSize = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "full" | "none";
+type ImageBorder = "none" | "gradient" | "inset" | "outline-sm" | "outline-lg";
 type ChainTypeFilter = "source" | "destination";
 type StatusFilter = "success" | "ongoing" | "error";
 type AssetsButtonVariant = "primary" | "accent";
 type PropertyListItemSize = "small" | "large";
-
-interface IconLabelProps {
-    isLoading?: boolean;
-    src?: string;
-    children?: ReactNode;
-    variant?: ImageVariant;
+interface PriceChange$1 {
+    value: string;
+    sign: "positive" | "negative" | "neutral";
 }
-declare function IconLabel({ src, children, variant }: IconLabelProps): react_jsx_runtime.JSX.Element;
 
-interface ImageProps {
+declare enum ImageState {
+    LOADING = 0,
+    LOADED = 1,
+    ERROR = 2
+}
+interface ImageProps extends React.ComponentProps<"img"> {
     src?: string;
-    variant?: ImageVariant;
+    children?: React.ReactNode;
     size?: ImageSize;
     className?: string;
+    placeholderImageUrl?: string;
+    border?: ImageBorder;
+    rounded?: ImageRoundedSize;
+    shadow?: boolean;
+    containerProps?: React.ComponentProps<"div">;
+}
+declare function Image({ src, size, className: propsClassName, placeholderImageUrl, border, rounded, shadow, children, containerProps, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
+
+interface BadgeImageProps {
+    badge?: ImageProps;
+    image?: ImageProps;
+    extraMarginForBadge?: boolean;
+    className?: string;
+}
+declare function BadgeImage({ image, badge, extraMarginForBadge, className, }: BadgeImageProps): false | react_jsx_runtime.JSX.Element;
+
+interface IconLabelProps {
+    src?: string;
+    children?: ReactNode;
+    rounded?: ImageRoundedSize;
 }
-declare function Image({ src, variant, size, className: propsClassName, }: ImageProps): react_jsx_runtime.JSX.Element;
+declare function IconLabel({ src, children, rounded }: IconLabelProps): react_jsx_runtime.JSX.Element;
 
 declare const LoadingProvider: react.Provider<boolean | null>;
 interface LoadingSkeletonProps {
@@ -100,6 +107,10 @@ interface LoadingBlockProps extends ComponentProps<"div"> {
 }
 declare function BlockSkeleton({ isLoading, className, children, ...props }: LoadingBlockProps): string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 
+interface PriceChangeProps extends PriceChange$1 {
+}
+declare function PriceChange({ sign, value }: PriceChangeProps): react_jsx_runtime.JSX.Element;
+
 declare const statusTextClassMap: Record<ActionStatus, string>;
 interface TransactionStateProps extends React.HTMLAttributes<HTMLDivElement> {
     status: ActionStatus;
@@ -318,6 +329,10 @@ declare function ChevronArrowIcon({ size, className, }: {
 declare function ArrowTriangle({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
+declare function PauseIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
 declare function ChevronTopSmallIcon(): react_jsx_runtime.JSX.Element;
 declare function ChevronLargeDownIcon({ size, className, }: {
     size?: string;
@@ -389,7 +404,8 @@ declare function ArrowSplit({ size, className, }: {
 
 declare function ArrowRotate(): react_jsx_runtime.JSX.Element;
 
-declare function PunkIcon({ size }: {
+declare function PunkIcon({ className, size, }: {
+    className?: string;
     size?: string;
 }): react_jsx_runtime.JSX.Element;
 
@@ -723,7 +739,10 @@ declare function PathSquareIcon({ size, className, }: {
 
 declare function PieChartIcon(): react_jsx_runtime.JSX.Element;
 
-declare function PlusIcon(): react_jsx_runtime.JSX.Element;
+declare function PlusIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
 
 declare function RefreshIcon(): react_jsx_runtime.JSX.Element;
 
@@ -762,6 +781,10 @@ declare function SquidLogo({ size, className, }: {
     size?: string;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
+declare function SquidVector({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
 
 declare function SwapInputsIcon(): react_jsx_runtime.JSX.Element;
 declare function SwapIcon({ size, className, }: {
@@ -844,9 +867,9 @@ interface AppContainerProps extends ComponentProps<typeof motion.div> {
 declare function AppContainer({ children, className, layoutKey, ...props }: AppContainerProps): react_jsx_runtime.JSX.Element;
 declare namespace AppContainer {
     var Nav: ({ className, children, ...props }: {
+        color?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
-        color?: string | undefined;
         hidden?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         className?: string | undefined;
@@ -856,7 +879,7 @@ declare namespace AppContainer {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -871,7 +894,7 @@ declare namespace AppContainer {
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
@@ -942,7 +965,7 @@ declare namespace AppContainer {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal" | undefined;
+        inputMode?: "none" | "search" | "text" | "numeric" | "email" | "tel" | "url" | "decimal" | undefined;
         is?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -1105,9 +1128,9 @@ declare namespace AppContainer {
         onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
     } & framer_motion.MotionProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
     var Content: (props: {
+        color?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
-        color?: string | undefined;
         hidden?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         className?: string | undefined;
@@ -1117,7 +1140,7 @@ declare namespace AppContainer {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -1132,7 +1155,7 @@ declare namespace AppContainer {
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
@@ -1203,7 +1226,7 @@ declare namespace AppContainer {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal" | undefined;
+        inputMode?: "none" | "search" | "text" | "numeric" | "email" | "tel" | "url" | "decimal" | undefined;
         is?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -1387,8 +1410,9 @@ interface CollapseProps extends ComponentProps<"div"> {
     collapsed: boolean;
     collapsedHeight?: number;
     duration?: number;
+    contentsClassName?: string;
 }
-declare function Collapse({ collapsed, collapsedHeight, children, className, duration, ...props }: CollapseProps): react_jsx_runtime.JSX.Element;
+declare function Collapse({ collapsed, collapsedHeight, children, className, duration, contentsClassName, ...props }: CollapseProps): react_jsx_runtime.JSX.Element;
 interface SizeTransitionProps extends ComponentProps<"div"> {
 }
 declare function SizeTransition({ children, className, ...props }: SizeTransitionProps): react_jsx_runtime.JSX.Element;
@@ -1699,10 +1723,10 @@ interface TransactionFiltersProps {
     setToDate: (toDate?: Date) => void;
     status?: StatusFilter[];
     setStatus: (status?: StatusFilter[]) => void;
-    chains: {
+    chains: Array<{
         name: string;
         logoURI: string;
-    }[];
+    }>;
 }
 declare function TransactionFilters({ chainType, setChainType, chain, setChain, fromDate, setFromDate, toDate, setToDate, status, setStatus, chains, }: TransactionFiltersProps): react_jsx_runtime.JSX.Element;
 
@@ -1936,7 +1960,7 @@ type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
 };
 
-declare const THEME_COLOR_KEYS: readonly ["grey-100", "grey-200", "grey-300", "grey-400", "grey-500", "grey-600", "grey-700", "grey-800", "grey-900", "royal-300", "royal-400", "royal-500", "royal-700", "highlight-700", "status-positive", "status-negative", "status-partial", "button-lg-primary-bg", "button-lg-primary-text", "button-lg-secondary-bg", "button-lg-secondary-text", "button-lg-tertiary-bg", "button-lg-tertiary-text", "button-md-primary-bg", "button-md-primary-text", "button-md-secondary-bg", "button-md-secondary-text", "button-md-tertiary-bg", "button-md-tertiary-text", "input-placeholder", "input-text", "input-selection", "input-bg", "animation-bg", "animation-text", "modal-backdrop", "menu-bg", "menu-text", "menu-backdrop", "material-light-thin", "material-light-average", "material-light-thick", "material-dark-thin", "material-dark-average", "material-dark-thick", "grey-100-005", "material-light-blend-grey-900", "material-light-blend-grey-800"];
+declare const THEME_COLOR_KEYS: readonly ["grey-100", "grey-200", "grey-300", "grey-400", "grey-500", "grey-600", "grey-700", "grey-800", "grey-900", "royal-300", "royal-400", "royal-500", "royal-600", "royal-700", "highlight-700", "status-positive", "status-negative", "status-partial", "button-lg-primary-bg", "button-lg-primary-text", "button-lg-secondary-bg", "button-lg-secondary-text", "button-lg-tertiary-bg", "button-lg-tertiary-text", "button-md-primary-bg", "button-md-primary-text", "button-md-secondary-bg", "button-md-secondary-text", "button-md-tertiary-bg", "button-md-tertiary-text", "input-placeholder", "input-text", "input-selection", "input-bg", "animation-bg", "animation-text", "modal-backdrop", "menu-bg", "menu-text", "menu-backdrop", "material-light-thin", "material-light-average", "material-light-thick", "material-dark-thin", "material-dark-average", "material-dark-thick", "grey-100-005", "material-light-blend-grey-900", "material-light-blend-grey-800"];
 declare const THEME_BORDER_RADIUS_KEYS: readonly ["button-lg-primary", "button-lg-secondary", "button-lg-tertiary", "button-md-primary", "button-md-secondary", "button-md-tertiary", "container", "input", "menu-sm", "menu-lg", "modal"];
 declare const THEME_FONT_SIZE_KEYS: readonly ["caption", "body-large", "body-medium", "body-small", "heading-small", "heading-medium", "heading-large"];
 declare const THEME_FONT_WEIGHT_KEYS: readonly ["caption", "body-small", "body-medium", "body-large", "heading-small", "heading-medium", "heading-large"];
@@ -2038,7 +2062,7 @@ interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
     className?: string;
     onDetailClick?: () => void;
     showDetailOnHoverOnly?: boolean;
-    rounded?: boolean;
+    rounded?: ImageRoundedSize;
     detailButtonClassName?: string;
     loading?: {
         subtitle?: boolean | string;
@@ -2418,10 +2442,10 @@ declare function TransactionAction({ type, props }: TransactionActionProps): rea
 declare function linkActionTimelineProps(actions: TransactionActionProps[], collapsed: boolean): TransactionActionProps[];
 
 type TransactionItemVariant = "compact" | "full";
-type TransactionItemType = {
+interface TransactionItemType {
     icon?: ReactNode;
     name: string;
-};
+}
 interface TransactionItemProps {
     className?: string;
     isLoading?: boolean;
@@ -2471,12 +2495,13 @@ declare function BodyText({ size, children, bold, tight, loading, ...props }: Bo
 interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
     children: ReactNode;
     bold?: boolean;
+    tight?: boolean;
     loading?: {
         isLoading?: boolean;
         width?: string;
     };
 }
-declare function CaptionText({ children, bold, loading, ...props }: CaptionProps): react_jsx_runtime.JSX.Element;
+declare function CaptionText({ children, bold, loading, tight, ...props }: CaptionProps): react_jsx_runtime.JSX.Element;
 
 interface HeadingTextProps {
     children?: ReactNode;
@@ -2829,6 +2854,12 @@ declare const baseTailwindConfig: Config;
  */
 declare const cn: (...inputs: ClassValue[]) => string;
 
+interface RGB {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
 /**
  * Parses the user readable config to css variables
  * and adds the material-* variants
@@ -2861,7 +2892,9 @@ declare function hexToRgb(hex: string): {
 declare function rgbToHex(r: number, g: number, b: number): string;
 declare function blendColors(foreground: string, background: string, factor?: number): string | null;
 declare const isValidHexColor: (hex: string) => boolean;
+declare function parseColor(color: string): RGB | null;
 declare const getColorBrightness: (color: string) => number;
+declare const getWalletCardBackground: (colors: string[]) => string | undefined;
 
 declare const transactionPendingAnimation: {
     v: string;
@@ -16834,4 +16867,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, 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 };
+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, type ImageProps, ImageSparkle, ImageState, 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, PauseIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PlusIcon, PoopIcon, PowerIcon, PriceChange, 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, SquidVector, 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, getWalletCardBackground, hexToRgb, isValidHexColor, lightTheme, linkActionTimelineProps, parseColor, 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.4",
+  "version": "2.2.5-beta.0",
   "author": "",
   "license": "MIT",
   "resolutions": {
@@ -53,7 +53,7 @@
   "homepage": "https://github.com/0xsquid/squid-ui#readme",
   "devDependencies": {
     "@chromatic-com/storybook": "^1.2.22",
-    "@release-it/conventional-changelog": "github:release-it/conventional-changelog",
+    "@release-it/conventional-changelog": "8.0.2-next.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",

package/dist/cjs/types/stories/badges/ImageIcon.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Image } from "../../components/badges/Image";
-declare const meta: Meta<typeof Image>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Square: Story;
-export declare const Round: Story;

package/dist/esm/types/stories/badges/ImageIcon.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Image } from "../../components/badges/Image";
-declare const meta: Meta<typeof Image>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Square: Story;
-export declare const Round: Story;