@0xsquid/ui 0.26.0-beta.0 → 0.26.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 (43) hide show
  1. package/dist/cjs/index.js +826 -920
  2. package/dist/cjs/types/components/icons/Arrow.d.ts +0 -12
  3. package/dist/cjs/types/components/icons/CompassRound.d.ts +1 -5
  4. package/dist/cjs/types/components/layout/DetailsToolbar.d.ts +11 -3
  5. package/dist/cjs/types/components/lists/DropdownMenuItem.d.ts +1 -2
  6. package/dist/cjs/types/components/lists/HistoryItem.d.ts +1 -1
  7. package/dist/cjs/types/components/lists/ListItem.d.ts +1 -5
  8. package/dist/cjs/types/components/lists/PropertyListItem.d.ts +1 -5
  9. package/dist/cjs/types/components/lists/index.d.ts +0 -1
  10. package/dist/cjs/types/hooks/useDropdownMenu.d.ts +2 -9
  11. package/dist/cjs/types/stories/layout/DetailsToolbar.stories.d.ts +3 -3
  12. package/dist/cjs/types/stories/lists/DropdownMenuItem.stories.d.ts +0 -1
  13. package/dist/cjs/types/stories/lists/ListItem.stories.d.ts +0 -1
  14. package/dist/cjs/types/stories/lists/PropertyListItem.stories.d.ts +0 -2
  15. package/dist/cjs/types/types/components.d.ts +0 -1
  16. package/dist/cjs/types/types/config.d.ts +1 -1
  17. package/dist/esm/index.js +826 -914
  18. package/dist/esm/types/components/icons/Arrow.d.ts +0 -12
  19. package/dist/esm/types/components/icons/CompassRound.d.ts +1 -5
  20. package/dist/esm/types/components/layout/DetailsToolbar.d.ts +11 -3
  21. package/dist/esm/types/components/lists/DropdownMenuItem.d.ts +1 -2
  22. package/dist/esm/types/components/lists/HistoryItem.d.ts +1 -1
  23. package/dist/esm/types/components/lists/ListItem.d.ts +1 -5
  24. package/dist/esm/types/components/lists/PropertyListItem.d.ts +1 -5
  25. package/dist/esm/types/components/lists/index.d.ts +0 -1
  26. package/dist/esm/types/hooks/useDropdownMenu.d.ts +2 -9
  27. package/dist/esm/types/stories/layout/DetailsToolbar.stories.d.ts +3 -3
  28. package/dist/esm/types/stories/lists/DropdownMenuItem.stories.d.ts +0 -1
  29. package/dist/esm/types/stories/lists/ListItem.stories.d.ts +0 -1
  30. package/dist/esm/types/stories/lists/PropertyListItem.stories.d.ts +0 -2
  31. package/dist/esm/types/types/components.d.ts +0 -1
  32. package/dist/esm/types/types/config.d.ts +1 -1
  33. package/dist/index.css +1 -1
  34. package/dist/index.d.ts +18 -58
  35. package/package.json +1 -1
  36. package/dist/cjs/types/components/buttons/StopsButton.d.ts +0 -13
  37. package/dist/cjs/types/components/lists/RouteStep.d.ts +0 -9
  38. package/dist/cjs/types/stories/buttons/StopsButton.stories.d.ts +0 -10
  39. package/dist/cjs/types/stories/lists/RouteStep.stories.d.ts +0 -7
  40. package/dist/esm/types/components/buttons/StopsButton.d.ts +0 -13
  41. package/dist/esm/types/components/lists/RouteStep.d.ts +0 -9
  42. package/dist/esm/types/stories/buttons/StopsButton.stories.d.ts +0 -10
  43. package/dist/esm/types/stories/lists/RouteStep.stories.d.ts +0 -7
package/dist/index.d.ts CHANGED
@@ -63,7 +63,6 @@ type ChainTypeFilter = 'source' | 'destination';
63
63
  type StatusFilter = 'success' | 'ongoing' | 'error';
64
64
  type AssetsButtonVariant = 'primary' | 'accent';
65
65
  type PropertyListItemSize = 'small' | 'large';
66
- type DropdownPosition = 'top' | 'bottom' | 'center';
67
66
 
68
67
  interface IconLabelProps {
69
68
  isLoading?: boolean;
@@ -366,18 +365,6 @@ declare function ArrowCornerDownRightIcon({ size, className, }: {
366
365
  size?: string;
367
366
  className?: string;
368
367
  }): react_jsx_runtime.JSX.Element;
369
- declare function ChevronDownSmallIcon({ size, className, }: {
370
- size?: string;
371
- className?: string;
372
- }): react_jsx_runtime.JSX.Element;
373
- declare function ArrowDownIcon({ size, className, }: {
374
- size?: string;
375
- className?: string;
376
- }): react_jsx_runtime.JSX.Element;
377
- declare function ArrowSplit({ size, className, }: {
378
- size?: string;
379
- className?: string;
380
- }): react_jsx_runtime.JSX.Element;
381
368
 
382
369
  declare function ArrowRotate(): react_jsx_runtime.JSX.Element;
383
370
 
@@ -446,11 +433,7 @@ declare function StocksIcon({ size, className, }: {
446
433
 
447
434
  declare function CollectionIcon(): react_jsx_runtime.JSX.Element;
448
435
 
449
- declare function CompassRoundOutlinedIcon({ size, className, }: {
450
- size?: string;
451
- className?: string;
452
- }): react_jsx_runtime.JSX.Element;
453
- declare function CompassRoundSolidIcon({ size, className, }: {
436
+ declare function CompassRound({ size, className, }: {
454
437
  size?: string;
455
438
  className?: string;
456
439
  }): react_jsx_runtime.JSX.Element;
@@ -1280,16 +1263,6 @@ interface DescriptionBlocksProps extends ComponentProps<'div'> {
1280
1263
  declare function DescriptionBlocks({ className, blocks: blocksProp, ...props }: DescriptionBlocksProps): react_jsx_runtime.JSX.Element;
1281
1264
  declare function Inline({ className, children, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
1282
1265
 
1283
- interface StopsProps extends React.ComponentProps<'button'> {
1284
- stopsCount?: string | number;
1285
- estimatedTime?: string;
1286
- tooltip?: Omit<TooltipProps, 'children'>;
1287
- providers: Provider[];
1288
- }
1289
- type Provider = {
1290
- logoUrl: string;
1291
- };
1292
-
1293
1266
  interface DetailsToolbarProps {
1294
1267
  errorMessage?: string;
1295
1268
  flipButton?: {
@@ -1302,15 +1275,23 @@ interface DetailsToolbarProps {
1302
1275
  tooltip?: Omit<TooltipProps, 'children'>;
1303
1276
  onClick: () => void;
1304
1277
  };
1278
+ estimatedTime?: string;
1305
1279
  isLoading?: boolean;
1306
1280
  isEmpty?: boolean;
1307
1281
  helpButton?: {
1308
1282
  label: string;
1309
1283
  onClick: () => void;
1310
1284
  };
1311
- stopsButton?: StopsProps;
1285
+ boostButton?: {
1286
+ tooltip?: Omit<TooltipProps, 'children'>;
1287
+ onClick?: ({ boostMode }: {
1288
+ boostMode: BoostMode;
1289
+ }) => void;
1290
+ canToggleBoostMode?: boolean;
1291
+ boostMode?: BoostMode;
1292
+ };
1312
1293
  }
1313
- declare function DetailsToolbar({ errorMessage, helpButton, isLoading, isEmpty, flipButton, feeButton, stopsButton, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
1294
+ declare function DetailsToolbar({ errorMessage, estimatedTime, helpButton, isLoading, isEmpty, flipButton, feeButton, boostButton, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
1314
1295
 
1315
1296
  interface DropdownMenuItemProps {
1316
1297
  label: string;
@@ -1318,9 +1299,8 @@ interface DropdownMenuItemProps {
1318
1299
  imageUrl?: string;
1319
1300
  icon?: React.ReactNode;
1320
1301
  onClick?: () => void;
1321
- link?: string;
1322
1302
  }
1323
- declare function DropdownMenuItem({ label, imageUrl, icon, labelClassName, onClick, link, }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
1303
+ declare function DropdownMenuItem({ label, imageUrl, icon, labelClassName, onClick, }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
1324
1304
 
1325
1305
  interface HistoryItemProps {
1326
1306
  firstImageUrl: string;
@@ -1336,7 +1316,7 @@ interface HistoryItemProps {
1336
1316
  onClick?: () => void;
1337
1317
  warningLabel?: string;
1338
1318
  }
1339
- declare function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuItems: _dropdownMenuItemsProp, itemsContainerRef, status, warningLabel, onClick, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
1319
+ declare function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuItems, itemsContainerRef, status, warningLabel, onClick, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
1340
1320
 
1341
1321
  interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
1342
1322
  itemTitle: string | React.ReactNode;
@@ -1361,12 +1341,9 @@ interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
1361
1341
  containerProps?: React.HTMLAttributes<HTMLLIElement>;
1362
1342
  compactOnMobile?: boolean;
1363
1343
  extraPadding?: boolean;
1364
- dropdownMenuItems?: DropdownMenuItemProps[];
1365
- itemsContainerRef?: React.RefObject<HTMLElement>;
1366
1344
  }
1367
1345
  type ListItemSize = 'small' | 'large';
1368
- declare function ListItem({ itemTitle, mainImageUrl, subtitle, subtitleOnHover, detail, icon, secondaryImageUrl, placeholderImageUrl, size, mainIcon, className, isSelected, onDetailClick, showDetailOnHoverOnly, rounded, detailButtonClassName, loading, containerProps, compactOnMobile, extraPadding, itemsContainerRef, dropdownMenuItems: _dropdownMenuItemsProp, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
1369
- declare const ListItemActionsButton: (props: React.ComponentProps<'button'>) => react_jsx_runtime.JSX.Element;
1346
+ declare function ListItem({ itemTitle, mainImageUrl, subtitle, subtitleOnHover, detail, icon, secondaryImageUrl, placeholderImageUrl, size, mainIcon, className, isSelected, onDetailClick, showDetailOnHoverOnly, rounded, detailButtonClassName, loading, containerProps, compactOnMobile, extraPadding, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
1370
1347
 
1371
1348
  interface MenuItemProps {
1372
1349
  label: string;
@@ -1381,12 +1358,8 @@ interface PropertyListItemProps extends ComponentProps<'li'> {
1381
1358
  icon?: React.ReactNode;
1382
1359
  detail?: React.ReactNode;
1383
1360
  variant?: PropertyListItemSize;
1384
- showGradientBg?: boolean;
1385
- labelClassName?: string;
1386
- iconClassName?: string;
1387
- detailClassName?: string;
1388
1361
  }
1389
- declare function PropertyListItem({ isLoading, label, detail, icon, className, variant, showGradientBg, labelClassName, iconClassName, detailClassName, ...props }: PropertyListItemProps): react_jsx_runtime.JSX.Element;
1362
+ declare function PropertyListItem({ isLoading, label, detail, icon, className, variant, ...props }: PropertyListItemProps): react_jsx_runtime.JSX.Element;
1390
1363
 
1391
1364
  interface SectionTitleProps extends React.HTMLAttributes<HTMLDivElement> {
1392
1365
  title: string;
@@ -1757,14 +1730,6 @@ interface TransactionItemProps {
1757
1730
  }
1758
1731
  declare function TransactionItem({ className, isLoading, status, image, type, hash, fromChain, toChain, fromAmount, toAmount, timestamp, variant, }: TransactionItemProps): react_jsx_runtime.JSX.Element;
1759
1732
 
1760
- interface RouteStepProps {
1761
- imageUrl: string;
1762
- descriptionBlocks: DescriptionBlock[];
1763
- subtitle: string;
1764
- showStepSeparator?: boolean;
1765
- }
1766
- declare function RouteStep({ imageUrl, descriptionBlocks, subtitle, showStepSeparator, }: RouteStepProps): react_jsx_runtime.JSX.Element;
1767
-
1768
1733
  interface DropdownMenuProps {
1769
1734
  dropdownRef?: React.RefObject<HTMLDivElement>;
1770
1735
  menuRef?: React.RefObject<HTMLDivElement>;
@@ -2461,19 +2426,14 @@ declare function SquidConfigProvider({ theme, children, themeType, }: {
2461
2426
  themeType?: ThemeType;
2462
2427
  }): react_jsx_runtime.JSX.Element;
2463
2428
 
2464
- interface UseDropdownMenuParams {
2429
+ declare function useDropdownMenu(props?: {
2465
2430
  initialIsModalOpen?: boolean;
2466
- itemsContainerRef?: React.RefObject<HTMLElement>;
2467
- }
2468
- declare function useDropdownMenu(props?: UseDropdownMenuParams): {
2431
+ }): {
2469
2432
  isDropdownOpen: boolean;
2470
2433
  openDropdown: () => void;
2471
2434
  closeDropdown: () => void;
2472
2435
  dropdownRef: React.RefObject<HTMLDivElement>;
2473
2436
  openDropdownButtonRef: React.RefObject<HTMLButtonElement>;
2474
- dropdownPosition: DropdownPosition | null;
2475
- itemRef: React.RefObject<HTMLLIElement>;
2476
- menuRef: React.RefObject<HTMLDivElement>;
2477
2437
  };
2478
2438
 
2479
2439
  type UseMediaQueryOptions = {
@@ -2564,4 +2524,4 @@ declare const baseTailwindConfig: Config;
2564
2524
  */
2565
2525
  declare const cn: (...inputs: ClassValue[]) => string;
2566
2526
 
2567
- export { type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, 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, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockIcon, ClockOutlineIcon, CoinsAddIcon, CoinsIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy, CrossAnimatedIcon, DashboardFast, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, Dollar, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FilledHeartIcon, FilterButton, FilterIcon, GasIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, IconLabel, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LightningIcon, LinkIcon, List, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PieChartIcon, PipeSeparator, PlusIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidConfigProvider, SquidLogo, type SquidTheme, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunriseIcon, 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, TagIcon, TagIconFilled, TextSkeleton, 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, cn, darkTheme, lightTheme, linkActionTimelineProps, statusTextClassMap, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useVersion };
2527
+ export { type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AssetsView, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockIcon, ClockOutlineIcon, CoinsAddIcon, CoinsIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CompassRound, ConsoleIcon, Copy, CrossAnimatedIcon, DashboardFast, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, Dollar, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FilledHeartIcon, FilterButton, FilterIcon, GasIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, IconLabel, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LightningIcon, LinkIcon, List, ListItem, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PieChartIcon, PipeSeparator, PlusIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, RefreshIcon, ReorderIcon, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidConfigProvider, SquidLogo, type SquidTheme, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunriseIcon, 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, TagIcon, TagIconFilled, TextSkeleton, 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, cn, darkTheme, lightTheme, linkActionTimelineProps, statusTextClassMap, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, 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": "0.26.0-beta.0",
8
+ "version": "0.26.0",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { TooltipProps } from '../controls';
3
- export interface StopsProps extends React.ComponentProps<'button'> {
4
- stopsCount?: string | number;
5
- estimatedTime?: string;
6
- tooltip?: Omit<TooltipProps, 'children'>;
7
- providers: Provider[];
8
- }
9
- export declare function StopsButton({ stopsCount, estimatedTime, tooltip, providers, ...props }: StopsProps): import("react/jsx-runtime").JSX.Element;
10
- type Provider = {
11
- logoUrl: string;
12
- };
13
- export {};
@@ -1,9 +0,0 @@
1
- import { DescriptionBlock } from '../../types/components';
2
- interface RouteStepProps {
3
- imageUrl: string;
4
- descriptionBlocks: DescriptionBlock[];
5
- subtitle: string;
6
- showStepSeparator?: boolean;
7
- }
8
- export declare function RouteStep({ imageUrl, descriptionBlocks, subtitle, showStepSeparator, }: RouteStepProps): import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,10 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { StopsButton } from '../../components/buttons/StopsButton';
3
- declare const meta: Meta<typeof StopsButton>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const OneProvider: Story;
7
- export declare const TwoProviders: Story;
8
- export declare const ThreeProviders: Story;
9
- export declare const FourProviders: Story;
10
- export declare const TenProviders: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { RouteStep } from '../../components/lists/RouteStep';
3
- declare const meta: Meta<typeof RouteStep>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const WithStepSeparator: Story;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { TooltipProps } from '../controls';
3
- export interface StopsProps extends React.ComponentProps<'button'> {
4
- stopsCount?: string | number;
5
- estimatedTime?: string;
6
- tooltip?: Omit<TooltipProps, 'children'>;
7
- providers: Provider[];
8
- }
9
- export declare function StopsButton({ stopsCount, estimatedTime, tooltip, providers, ...props }: StopsProps): import("react/jsx-runtime").JSX.Element;
10
- type Provider = {
11
- logoUrl: string;
12
- };
13
- export {};
@@ -1,9 +0,0 @@
1
- import { DescriptionBlock } from '../../types/components';
2
- interface RouteStepProps {
3
- imageUrl: string;
4
- descriptionBlocks: DescriptionBlock[];
5
- subtitle: string;
6
- showStepSeparator?: boolean;
7
- }
8
- export declare function RouteStep({ imageUrl, descriptionBlocks, subtitle, showStepSeparator, }: RouteStepProps): import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,10 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { StopsButton } from '../../components/buttons/StopsButton';
3
- declare const meta: Meta<typeof StopsButton>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const OneProvider: Story;
7
- export declare const TwoProviders: Story;
8
- export declare const ThreeProviders: Story;
9
- export declare const FourProviders: Story;
10
- export declare const TenProviders: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { RouteStep } from '../../components/lists/RouteStep';
3
- declare const meta: Meta<typeof RouteStep>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const WithStepSeparator: Story;