@revolut/ui-kit-miniapp 0.1.2 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolut/ui-kit-miniapp",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "license": "Apache-2.0",
   "main": "",
   "types": "types/index.d.ts",

package/types/index.d.ts

@@ -3,16 +3,20 @@ import * as React__default from 'react';
 import React__default__default from 'react';
 import * as ReactTable from 'react-table';
 import { IdType, UseTableOptions, UseExpandedOptions, UseFiltersOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions, UseGroupByOptions, UseExpandedHooks, UseGroupByHooks, UseRowSelectHooks, UseSortByHooks, UseColumnOrderInstanceProps, UseExpandedInstanceProps, UseFiltersInstanceProps, UseGlobalFiltersInstanceProps, UsePaginationInstanceProps, UseRowSelectInstanceProps, UseRowStateInstanceProps, UseSortByInstanceProps, Row, UseColumnOrderState, UseExpandedState, UseFiltersState, UseGlobalFiltersState, UseGroupByState, UsePaginationState, UseResizeColumnsState, UseRowSelectState, UseRowStateState, UseSortByState, UseFiltersColumnProps, UseGroupByColumnProps, UseResizeColumnsColumnProps, UseSortByColumnProps, UseGroupByCellProps, UseRowStateCellProps, UseExpandedRowProps, UseGroupByRowProps, UseRowSelectRowProps, UseRowStateRowProps } from 'react-table';
-import * as csstype from 'csstype';
+import * as CSS from 'csstype';
 import { MessageBubblePlacement } from '@revolut-internal/ui-kit-unstable';
 
-interface LooseCurrencyDefinition {
-    code?: string;
+type CurrencyDefinition = {
+    code: string;
     symbol?: string;
     fractionalPart: number;
-    crypto?: boolean;
-}
-type CurrencyDefinition = Required<Omit<LooseCurrencyDefinition, 'crypto'>> & Pick<LooseCurrencyDefinition, 'crypto'>;
+    crypto?: false;
+} | {
+    code: string;
+    symbol: string;
+    fractionalPart: number;
+    crypto: true;
+};
 interface LooseMoney {
     amount: number;
     currency?: string;
@@ -103,6 +107,8 @@ declare const DEFAULT_MESSAGES: {
     readonly 'label.toggle-navigation': "Collapse/Expand navigation";
     readonly 'label.menu-navigation': "Menu navigation";
     readonly 'label.navigate-menu-item': "Navigate to menu item";
+    readonly 'label.global-search-navigate': "Navigate";
+    readonly 'label.global-search-select': "Go";
 };
 type IntlMessages = Record<keyof typeof DEFAULT_MESSAGES, string>;
 
@@ -254,6 +260,7 @@ declare const color: {
     readonly ultraLight: "var(--rui-color-ultra-light)";
     readonly ultraLightBlue: "var(--rui-color-ultra-light-blue)";
     readonly ultraMid: "var(--rui-color-ultra-mid)";
+    readonly reflectiveSmallUIOverlay: "var(--rui-color-reflective-small-ui-overlay)";
     readonly groupedBackgroundReflective: "var(--rui-color-grouped-background-reflective, var(--rui-color-grouped-background))";
     readonly popoverBackgroundReflective: "var(--rui-color-popover-background-reflective, var(--rui-color-popover-background))";
     readonly widgetBackgroundReflective: "var(--rui-color-widget-background-reflective, var(--rui-color-widget-background))";
@@ -1512,7 +1519,7 @@ type ImageSetWithFallback = {
 } & ImageSet;
 type ImageProp$1 = ImageURL | ImageSetWithFallback;
 
-type IconName = 'Aani' | 'Accessibility' | 'AccountActions' | 'AccountRefused' | 'Activities' | 'AddContact' | 'AddProduct' | 'Ai' | 'AirplaneArrival' | 'AirplaneCar' | 'AirplaneDeparture' | 'Airtel' | 'Alipay' | 'AllTime' | 'AmexPay|image' | 'AndroidFace' | 'Animals' | 'Anonymous' | 'ApplePay|image' | 'AppNotifications' | 'Apps' | 'Archive' | 'ArrowBackspace' | 'ArrowBulk' | 'ArrowBulkRequest' | 'ArrowCollapsed' | 'ArrowDown' | 'ArrowDowngrade' | 'ArrowDropdown' | 'ArrowExchange' | 'ArrowExpanded' | 'ArrowFastForward' | 'ArrowHookLeft' | 'ArrowHookRight' | 'ArrowHookUp' | 'ArrowMove' | 'ArrowNavigation' | 'ArrowPinAbove' | 'ArrowPinBelow' | 'ArrowPinBetween' | 'ArrowPinLeft' | 'ArrowPinRight' | 'ArrowRates' | 'ArrowRatesDown' | 'ArrowRepeat' | 'ArrowRequest' | 'ArrowRightLeft' | 'ArrowSend' | 'ArrowShuffle' | 'ArrowSplit' | 'ArrowsSort' | 'ArrowTabKey' | 'ArrowThinDown' | 'ArrowThinDownLeft' | 'ArrowThinLeft' | 'ArrowThinRight' | 'ArrowThinTopRight' | 'ArrowThinUp' | 'ArrowTopDown' | 'ArrowUp' | 'ArrowUpgrade' | 'Atm' | 'AutoExchange' | 'AutoTopup' | 'AvatarGrid' | 'BackButtonArrow' | 'Backpack' | 'BalanceSheet' | 'Bank' | 'BankAfterHours' | 'BankId' | 'BarChart' | 'BarChartDecreasing' | 'BarChartPercent' | 'BarChartSearch' | 'BarChartWaterfall' | 'Basketball' | 'Battery0' | 'Battery15' | 'Battery25' | 'Battery35' | 'Battery50' | 'Battery65' | 'Battery85' | 'Battery100' | 'BatteryCharging' | 'BatteryWarning' | 'Bell' | 'BellAdd' | 'BellAddOutline' | 'BellCrossed' | 'BellOutline' | 'Bicycle' | 'Binoculars' | 'Bitcoin' | 'Bizum' | 'BKash' | 'Blik' | 'BlikCircle' | 'Bluetooth' | 'Bnpl' | 'Boost' | 'BottomNavigation' | 'BottomTab' | 'Bpay' | 'BreB' | 'BreBFull' | 'BriefcaseCoins' | 'BriefcasePercent' | 'BrokenHeart' | 'Browser' | 'Bug' | 'BulkSelection' | 'Bullet1' | 'Bullet2' | 'Bullet3' | 'Bullet4' | 'Bullet5' | 'Bullet6' | 'Bullet7' | 'Bullet8' | 'Bullet9' | 'Bullet10' | 'BulletA' | 'BulletB' | 'BulletC' | 'BulletD' | 'BusinessBasic' | 'BusinessEnterprise' | 'BusinessGrow' | 'BusinessScale' | 'CabinBag' | 'Cake' | 'Calculator' | 'Calendar' | 'CalendarCheck' | 'CalendarCoins' | 'CalendarDate' | 'CalendarNextEvent' | 'CalendarQuarter' | 'CalendarRecurring' | 'CalendarWeek' | 'Call' | 'Camera' | 'CameraAdd' | 'Candle' | 'CandlestickChart' | 'Captions' | 'CaptionsOn' | 'Card' | 'CardBank' | 'CardCheck' | 'CardCode|image' | 'CardExpired' | 'CardExpiry|image' | 'CardNumber|image' | 'CardReader' | 'CardSecurity' | 'CardShield' | 'CardTerminal' | 'Carousel' | 'Cart' | 'Cash' | 'Cashback' | 'CashBlocked' | 'CashFlow' | 'CashIncome' | 'Celebration' | 'Cellular' | 'CenterPoint' | 'Cfd' | 'Chair' | 'ChangePasscode' | 'ChartExclude' | 'Chat' | 'ChatOutline' | 'Check' | 'CheckboxMultiple' | 'CheckboxOff' | 'CheckboxOn' | 'CheckSuccess' | 'CheckVerification' | 'Cheque' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'Children' | 'Cinema' | 'CircleProfile' | 'Claim' | 'Cleaning' | 'Click2Pay' | 'ClickUp|image' | 'Clip' | 'Clipboard' | 'Cloud' | 'CloudCrossed' | 'CloudSql' | 'CloudStorage' | 'CodeRepository' | 'Coffee' | 'Coins' | 'CoinsEarning' | 'CoinsSearch' | 'CoinsShield' | 'Commodities' | 'Communication' | 'CompanyFilled' | 'CompanyOutline' | 'Compare' | 'Concierge' | 'Confluence' | 'ConnectionGrid' | 'Contactless' | 'Contrast' | 'Controls' | 'Cookie' | 'Copy' | 'CormorantGaramond' | 'Credit' | 'CreditBag' | 'CreditCard' | 'CreditOverdraft' | 'CreditPart' | 'CreditPartBalance' | 'Cross' | 'CrossCircle' | 'CrossSmall' | 'CrossVoid' | 'Crutch' | 'CryptoBlockchain' | 'CryptoBrick' | 'CryptoLayer' | 'CryptoLayers' | 'CryptoStablecoin' | 'CrystalBall' | 'Dap' | 'Data' | 'Database' | 'DataLimit' | 'DataLimitCompactFull' | 'DataLimitCompactLow' | 'DataLimitCompactMid' | 'DataLimitFull' | 'DataLimitHalf' | 'DataLimitLow' | 'Delete' | 'DeliveryCar' | 'DepositProtection' | 'DesktopShop' | 'DesktopTerminal' | 'DeviceDown' | 'Document' | 'DocumentChecked' | 'DocumentPending' | 'DocumentRevolut' | 'DocumentSearch' | 'DocumentsPair' | 'DollarsAndShares' | 'Dot' | 'DoubleThumbs' | 'Download' | 'DoXGetY' | 'Drag' | 'Draw' | 'DrawFibonacciTime' | 'DrawHorizontalLine' | 'Drawing' | 'DrawParallelChannel' | 'DrawPriceRange' | 'DrawTrendline' | 'DrawVerticalLine' | 'DrivingLicence' | 'Drone' | 'Drop' | 'Duplicate' | 'EditorUnderline' | 'Ellipsis' | 'Emoji' | 'Entertainment' | 'Envelope' | 'EnvelopeSearch' | 'Eraser' | 'ESimInstallation' | 'ESimNoData' | 'ESimPreparation' | 'Excel' | 'ExclamationMark' | 'ExclamationMarkOutline' | 'ExclamationTriangle' | 'ExitFullscreen' | 'Expand' | 'EyeDropper' | 'EyeHide' | 'EyeOutline' | 'EyeShow' | 'FaceId' | 'FamilyPortrait' | 'Fashion' | 'Fastfood' | 'Fees' | 'Figma' | 'Filter' | 'Fingerprint' | 'Fitness' | 'Flag' | 'FlagSwitzerland' | 'Flame' | 'FloatingModal' | 'Folder' | 'Football' | 'Form' | 'Fruit' | 'Fscs' | 'GameCube' | 'Gear' | 'Generate' | 'Ghost' | 'Gia' | 'Gift' | 'Globe' | 'GlobeP2P' | 'GooglePay|image' | 'Groceries' | 'GroupVault' | 'GrowthHub' | 'Hammer' | 'Hand' | 'Handle' | 'Hash' | 'Heart' | 'HeartOutline' | 'HeartRecurring' | 'HelpChat' | 'HelpChatOutline' | 'HiBob' | 'History' | 'Home' | 'Hotel' | 'HotelArrowsLeftRight' | 'IdBackSide' | 'Ideal' | 'Image' | 'Inbox' | 'InboxAdd' | 'IndustrialGear' | 'Info' | 'InfoOutline' | 'InfoSign' | 'Insurance' | 'Invest' | 'InviteEmoji' | 'Iris' | 'Isa' | 'Issue' | 'JackOLantern' | 'Jira|image' | 'JiraBug|image' | 'JiraEpic|image' | 'JiraOther|image' | 'JiraStory|image' | 'JiraSubtask|image' | 'JiraTask|image' | 'Joint' | 'Karma|image' | 'Key' | 'Keyboard' | 'KubernetesEngine' | 'Lab' | 'Language' | 'Laptop' | 'Laugh' | 'LayoutLeft' | 'LayoutRight' | 'LayoutVertical' | 'Lever' | 'Library' | 'LibraryOff' | 'Lifestyle' | 'Lightbulb' | 'Lightning' | 'LightningAuto' | 'LightningOff' | 'LightningOutline' | 'LikeDislike' | 'Limit' | 'LineChart' | 'Link' | 'LinkExternal' | 'LinkExternalSimple' | 'ListClose' | 'ListSearch' | 'LiveActivity' | 'Loading' | 'LoanChecked' | 'LocationArrow' | 'LocationArrowOutline' | 'LocationPin' | 'LockClosed' | 'LockOpened' | 'Logo2Fa' | 'Logo5G' | 'LogoAirplus|image' | 'LogoAirplusColour|image' | 'LogoAmazon' | 'LogoAmex|image' | 'LogoAmexColour|image' | 'LogoAndroid' | 'LogoAppleTapToPay' | 'LogoAppleTapToPayFilled' | 'LogoChatGpt' | 'LogoClaude|image' | 'LogoDinersClub|image' | 'LogoDinersClubColour|image' | 'LogoDiscover|image' | 'LogoDiscoverColour|image' | 'LogoFacebook' | 'LogoFacebookMessenger' | 'LogoGithub' | 'LogoGoogle|image' | 'LogoGoogleGemini|image' | 'LogoInstagram' | 'LogoInstagramFilled' | 'LogoIOs' | 'LogoJcb|image' | 'LogoJcbColour|image' | 'LogoLinkedIn' | 'LogoMa|image' | 'LogoMc|image' | 'LogoMcMetal|image' | 'LogoMcPremium|image' | 'LogoMicrosoft|image' | 'LogoMicrosoftCopilot|image' | 'LogoPix|image' | 'LogoPixFilled' | 'LogoPixOutline' | 'LogoRevolut' | 'LogoRevolutColour|image' | 'LogoRupay' | 'LogoSlack' | 'LogoTikTok' | 'LogoTwitter' | 'LogoutDoor' | 'LogoVisa' | 'LogoVisaColour|image' | 'LogoWhatsApp' | 'LogoYahoo|image' | 'LogoYoutube' | 'Lounges' | 'Map' | 'MapMarkerHide' | 'MapMarkerShow' | 'MapPoint' | 'MarketOrder' | 'Materials' | 'MbWay' | 'MedicalBed' | 'MedicalCross' | 'Medkit' | 'Megaphone' | 'Meme' | 'MemoryStore' | 'Menu' | 'Merchant' | 'Merge' | 'MergeBranch' | 'Message' | 'Microphone' | 'Minus' | 'MinusCircle' | 'Moon' | 'MoreAndroid' | 'MoreIOs' | 'Mortgage' | 'Mpesa' | 'Mtn' | 'NationalId' | 'NavigationBack' | 'NavigationDown' | 'NavigationForward' | 'NavigationSwipe' | 'NavigationUp' | 'NearMe' | 'NewAccount' | 'Newspaper' | 'Nft' | 'NoBoost' | 'NoCall' | 'NoCamera' | 'NoClip' | 'NoMail' | 'NoMicrophone' | 'NoSmartphone' | 'NoVideoCall' | 'OrangeMoney' | 'OrderDownwards' | 'OrderUpwards' | 'Outdoor' | 'Overdraft' | 'PagoPa' | 'Palette' | 'Paragraph' | 'Parisienne' | 'Parking' | 'Passkey' | 'Passport' | 'PassportChip' | 'Pause' | 'PayId' | 'PaymentsRecurring' | 'PayNow' | 'PayNowBrandMark' | 'PayrollFolder' | 'PayTo' | 'Peakon|image' | 'Pencil' | 'PencilSpark' | 'People' | 'Percent' | 'Performance' | 'PersonChecked' | 'PhoneBook' | 'PhoneCall' | 'Pickup' | 'PieChart' | 'PieChartCircle' | 'Pin' | 'PlaneArrowsLeftRight' | 'PlaneSeat' | 'PlanPlus' | 'PlanPremium' | 'PlanTitan' | 'PlanUltra' | 'Play' | 'PlayOutline' | 'Plug' | 'Plus' | 'PlusCircle' | 'PnL' | 'Pocket' | 'Pointer' | 'Pointsback' | 'Pool' | 'PortfolioAggrasive' | 'PortfolioAggressiveGrowth' | 'PortfolioBalanced' | 'PortfolioBalancedBundle' | 'PortfolioBoldStack' | 'PortfolioConservative' | 'PortfolioDefensive' | 'PortfolioGrowth' | 'PortfolioModerate' | 'PortfolioSlowAndSteady' | 'PosTablet' | 'Premium' | 'Present' | 'PresentPlus' | 'PriceTag' | 'Printer' | 'Profile' | 'Pse' | 'Push' | 'Puzzle' | 'Qr' | 'Question' | 'Questionnaire' | 'QuestionOutline' | 'QuestionSign' | 'Qvik' | 'RadiobuttonOff' | 'RadiobuttonOn' | 'Rainbow' | 'RatesCircle' | 'RatesConverter' | 'RatesConverterPage' | 'Receipt' | 'Recurring' | 'Refinancing' | 'RefinancingCard' | 'RefinancingHome' | 'RegionAfrica' | 'RegionAsiaPacific' | 'RegionEurope' | 'RegionGlobal' | 'RegionMiddleEast' | 'RegionNorthAmerica' | 'RegionSouthAmerica' | 'RepairTool' | 'Repayment' | 'ResidencePermit' | 'Resort' | 'Restaurants' | 'Retry' | 'Reverted' | 'RevertLeft' | 'RevertRight' | 'RevolutIdProtected' | 'RevolutIdUser' | 'RevolutU18' | 'RevPoints' | 'RoboAdvisor' | 'RobotoCondensed' | 'RobotoRegular' | 'Rocket' | 'RPoint' | 'RulerOutline' | 'RulerSolid' | 'Salary' | 'SavingsVault' | 'ScanCard' | 'ScanQr' | 'Scatter' | 'Scissors' | 'Search' | 'SecureSeal' | 'SelfieStick' | 'SendMessage' | 'SensitiveInfo' | 'Services' | 'ShakeDevice' | 'ShareAndroid' | 'ShareIOs' | 'Shield' | 'Shopping' | 'ShoppingShield' | 'Shower' | 'SidePanel' | 'SidePanelLeft' | 'SimCard' | 'Siren' | 'Size' | 'SmartDelay' | 'Smartphone' | 'SmartphoneBroken' | 'SmartphoneConfirm' | 'SmartphoneShield' | 'SmartphoneUmbrella' | 'SmartphoneWarning' | 'Smoking' | 'Snowflake' | 'SocialDislike' | 'SocialDislikeStroke' | 'SocialLike' | 'SocialLikeStroke' | 'Sound' | 'SoundOff' | 'Spa' | 'Spin' | 'SportEquipment' | 'Stamp' | 'StarEmpty' | 'StarFilled' | 'StarSemi' | 'Statement' | 'Sticker' | 'StickerFilled' | 'Stop' | 'Student' | 'Suitcase' | 'SuitcaseInsurance' | 'Sun' | 'Sunrise' | 'SunriseOutline' | 'Surprise' | 'Swish' | 'Switches' | 'SwitchOff' | 'SwitchOn' | 'SwitchToRevolut' | 'SymbolChange' | 'Sympathizing' | 'Table' | 'Tablet' | 'Target' | 'TargetDarts' | 'Tech' | 'Television' | 'Text' | 'ThankYou' | 'Thread' | 'Time' | 'TimeAndMoney' | 'Timeline' | 'TimeOutline' | 'Tooth' | 'TotalValue' | 'Toy' | 'Transcript' | 'Translation' | 'Transport' | 'Travel' | 'TravelCashback' | 'Trophy' | 'TrophyHalf' | 'TurboTransfer' | 'Unarchive' | 'Unknown' | 'Unlimited' | 'Unlink' | 'Unmerge' | 'Unpin' | 'Upi' | 'Upi2' | 'Upload' | 'UsersSearch' | 'Utilities' | 'Variable' | 'Vault' | 'Vegan' | 'VerifiedService' | 'VerticalExpand' | 'ViaVerde' | 'VideoCall' | 'ViewGrid' | 'ViewListLarge' | 'ViewListMedium' | 'ViewListSmall' | 'VirtualMachine' | 'VisaDocument' | 'Voucher' | 'Wallet' | 'Watch' | 'Wealth' | 'WealthDown' | 'WealthProtection' | 'Webhook' | 'Wero' | 'WeroFull' | 'Wheelchair' | 'Widgets' | 'Wine' | 'WizardHat' | 'Workflow' | 'Yellowtail' | 'ZoomIn' | 'ZoomOut' | '10/BadgeLeft' | '10/BadgeRight' | '10/StocksArrowDown' | '10/StocksArrowUp' | '10/StocksDividend' | '10/StocksTax' | '10/StocksTopup' | '10/StocksWithdraw' | '16/AddProduct' | '16/AlignCenter' | '16/AlignLeft' | '16/AlignRight' | '16/ArrowRates' | '16/ArrowRecurring' | '16/ArrowRepeat' | '16/ArrowThinUp' | '16/BadgeLeft' | '16/BadgeRight' | '16/Bullet' | '16/BulletFilled' | '16/BulletSquare' | '16/BulletSquareFilled' | '16/Canceled' | '16/ChartBarWithArrow' | '16/Check' | '16/CheckCircle' | '16/ChevronDown' | '16/ChevronDownSmall' | '16/ChevronLeft' | '16/ChevronLeftSmall' | '16/ChevronRight' | '16/ChevronRightSmall' | '16/ChevronUp' | '16/ChevronUpSmall' | '16/Clip' | '16/Code' | '16/CommentAdd' | '16/Compare' | '16/Contactless' | '16/Cross' | '16/CrossCircle' | '16/CrossSmall' | '16/Delete' | '16/DepthChart' | '16/Dots' | '16/EditorBold' | '16/EditorH1' | '16/EditorH2' | '16/EditorH3' | '16/EditorH4' | '16/EditorH5' | '16/EditorH6' | '16/EditorItalic' | '16/EditorTable' | '16/EditorTableHeaderColumn' | '16/EditorTableHeaderRow' | '16/EditorTextColour' | '16/EditorUnderline' | '16/ExclamationMark' | '16/ExclamationMarkOutline' | '16/ExclamationMarkSign' | '16/Expand' | '16/FilterViewFilled' | '16/FilterViewOutlined' | '16/GanttChart' | '16/GoogleChrome' | '16/IndentDecrease' | '16/IndentIncrease' | '16/InfoOutline' | '16/Link' | '16/LinkExternal' | '16/List' | '16/ListBullet' | '16/ListLetters' | '16/ListNumber' | '16/ListRomanNumerals' | '16/Live' | '16/LockClosed' | '16/LockOpened' | '16/LockOutline' | '16/MarkdownDownload' | '16/Minus' | '16/MinusCircle' | '16/Palette' | '16/Paragraph' | '16/Plus' | '16/PlusCircle' | '16/QuestionOutline' | '16/Receipt' | '16/Redo' | '16/Revolut' | '16/RevPoints' | '16/SandWatch' | '16/SecureSeal' | '16/SimCard' | '16/StatusActive' | '16/StatusCheck' | '16/StatusClockArrows' | '16/StatusRefund' | '16/Sticker' | '16/StickerFilled' | '16/SwitchOff' | '16/SwitchOn' | '16/Time' | '16/Timeline' | '16/TopupAuto' | '16/TriangleDown' | '16/TriangleRight' | '16/Warning' | '16/Write' | '20/AccountJoint' | '20/AccountPocket' | '20/AccountPro' | '20/AutoExchange' | '20/AutoTopUp' | '20/BulkPayment' | '20/Cashback' | '20/Compare' | '20/Credit' | '20/CryptoNetworkAlgorand' | '20/CryptoNetworkArbitrum' | '20/CryptoNetworkAvalanche' | '20/CryptoNetworkBitcoin' | '20/CryptoNetworkBitcoinCash' | '20/CryptoNetworkBsc' | '20/CryptoNetworkCardano' | '20/CryptoNetworkCelo' | '20/CryptoNetworkCosmos' | '20/CryptoNetworkCronos' | '20/CryptoNetworkDash' | '20/CryptoNetworkDogecoin' | '20/CryptoNetworkEos' | '20/CryptoNetworkEtc' | '20/CryptoNetworkEthereum' | '20/CryptoNetworkFallback' | '20/CryptoNetworkFantom' | '20/CryptoNetworkHarmony' | '20/CryptoNetworkHeco' | '20/CryptoNetworkHedera' | '20/CryptoNetworkKava' | '20/CryptoNetworkKusama' | '20/CryptoNetworkLighting' | '20/CryptoNetworkLitecoin' | '20/CryptoNetworkMoonbeam' | '20/CryptoNetworkNear' | '20/CryptoNetworkOptimism' | '20/CryptoNetworkPolkadot' | '20/CryptoNetworkPolygon' | '20/CryptoNetworkRipple' | '20/CryptoNetworkRonin' | '20/CryptoNetworkSolana' | '20/CryptoNetworkStarkNet' | '20/CryptoNetworkStellar' | '20/CryptoNetworkTezos' | '20/CryptoNetworkTon' | '20/CryptoNetworkTron' | '20/CryptoNetworkZkSync' | '20/Description' | '20/Dividend' | '20/Draft' | '20/Ea' | '20/Email' | '20/ExcludedAnalytics' | '20/Expense' | '20/Gif' | '20/Groups' | '20/Heart' | '20/IncomeSorter' | '20/Isa' | '20/Iso' | '20/KeyboardEmoji' | '20/KeyboardGif' | '20/KeyboardSticker' | '20/Linked' | '20/MoveMoney' | '20/Reccuring' | '20/Resort' | '20/Rewards' | '20/Scheduled' | '20/SpareChange' | '20/SpendLimit' | '20/SplitBill' | '20/Statement' | '20/Travel' | '20/Vault' | '40/SubtractApps' | '40/SubtractBackpack' | '40/SubtractBank' | '40/SubtractBitcoin' | '40/SubtractBoost' | '40/SubtractBudget' | '40/SubtractCalendar' | '40/SubtractCalendarRecurring' | '40/SubtractCard' | '40/SubtractCash' | '40/SubtractCashback' | '40/SubtractChat' | '40/SubtractCloud' | '40/SubtractCoins' | '40/SubtractCommodities' | '40/SubtractCompare' | '40/SubtractConcierge' | '40/SubtractCredit' | '40/SubtractCreditBag' | '40/SubtractCreditCard' | '40/SubtractDocument' | '40/SubtractDrop' | '40/SubtractEntertainment' | '40/SubtractExchange' | '40/SubtractFastfood' | '40/SubtractGift' | '40/SubtractGlobe' | '40/SubtractGlobeP2P' | '40/SubtractGroceries' | '40/SubtractGroupVault' | '40/SubtractHealth' | '40/SubtractIndustrialGear' | '40/SubtractInsurance' | '40/SubtractLightning' | '40/SubtractLink' | '40/SubtractLogoRevolut' | '40/SubtractLounges' | '40/SubtractMaterials' | '40/SubtractMedicalCross' | '40/SubtractMerchant' | '40/SubtractNoBoost' | '40/SubtractPassportChip' | '40/SubtractPeople' | '40/SubtractPocket' | '40/SubtractPremium' | '40/SubtractPresent' | '40/SubtractProfile' | '40/SubtractRestaurants' | '40/SubtractRocket' | '40/SubtractRPoint' | '40/SubtractSavingsVault' | '40/SubtractServices' | '40/SubtractShopping' | '40/SubtractSmartphoneUmbrella' | '40/SubtractStar' | '40/SubtractStatement' | '40/SubtractTech' | '40/SubtractTopUp' | '40/SubtractToy' | '40/SubtractTransfers' | '40/SubtractTransport' | '40/SubtractTravel' | '40/SubtractUtilities' | '40/SubtractVault' | '40/SubtractVegan' | '40/SubtractWealth' | '64/FileBacs|image' | '64/FileCsv|image' | '64/FileDoc|image' | '64/FileImg|image' | '64/FileLink|image' | '64/FileMp3|image' | '64/FilePdf|image' | '64/FileXls|image' | '104/Connection' | '104/Donation' | '104/Error' | '104/Loading' | '104/Pending' | '104/SoftFail' | '104/Success' | '104/Warning' | '108/ArrowExchange|image' | '108/ArrowRequest|image' | '108/ArrowSend|image' | '108/EyeShow|image' | '108/LinkExternal|image' | '108/Plus|image';
+type IconName = 'Aani' | 'Accessibility' | 'AccountActions' | 'AccountRefused' | 'Activities' | 'AddContact' | 'AddProduct' | 'Ai' | 'AirplaneArrival' | 'AirplaneCar' | 'AirplaneDeparture' | 'Airtel' | 'Alipay' | 'AllTime' | 'AmexPay|image' | 'AndroidFace' | 'Animals' | 'Anonymous' | 'ApplePay|image' | 'AppNotifications' | 'Apps' | 'Archive' | 'ArrowBackspace' | 'ArrowBulk' | 'ArrowBulkRequest' | 'ArrowCollapsed' | 'ArrowDown' | 'ArrowDowngrade' | 'ArrowDropdown' | 'ArrowExchange' | 'ArrowExchangeCrossed' | 'ArrowExpanded' | 'ArrowFastForward' | 'ArrowHookLeft' | 'ArrowHookRight' | 'ArrowHookUp' | 'ArrowMove' | 'ArrowNavigation' | 'ArrowPinAbove' | 'ArrowPinBelow' | 'ArrowPinBetween' | 'ArrowPinLeft' | 'ArrowPinRight' | 'ArrowRates' | 'ArrowRatesDown' | 'ArrowRepeat' | 'ArrowRequest' | 'ArrowRightLeft' | 'ArrowSend' | 'ArrowShuffle' | 'ArrowSplit' | 'ArrowsSort' | 'ArrowTabKey' | 'ArrowThinDown' | 'ArrowThinDownLeft' | 'ArrowThinLeft' | 'ArrowThinRight' | 'ArrowThinTopRight' | 'ArrowThinUp' | 'ArrowTopDown' | 'ArrowUp' | 'ArrowUpgrade' | 'ArrowWrap' | 'Atm' | 'AutoExchange' | 'AutoTopup' | 'AvatarGrid' | 'BackButtonArrow' | 'Backpack' | 'BalanceSheet' | 'Bank' | 'BankAfterHours' | 'BankId' | 'BarChart' | 'BarChartDecreasing' | 'BarChartPercent' | 'BarChartSearch' | 'BarChartWaterfall' | 'Basketball' | 'Battery0' | 'Battery15' | 'Battery25' | 'Battery35' | 'Battery50' | 'Battery65' | 'Battery85' | 'Battery100' | 'BatteryCharging' | 'BatteryWarning' | 'Bell' | 'BellAdd' | 'BellAddOutline' | 'BellCrossed' | 'BellOutline' | 'Bicycle' | 'Binoculars' | 'Bitcoin' | 'Bizum' | 'BKash' | 'Blik' | 'BlikCircle' | 'Bluetooth' | 'Bnpl' | 'Boost' | 'BottomNavigation' | 'BottomTab' | 'Bpay' | 'BreB' | 'BreBFull' | 'BriefcaseCoins' | 'BriefcasePercent' | 'BrokenHeart' | 'Browser' | 'Bug' | 'BulkSelection' | 'Bullet1' | 'Bullet2' | 'Bullet3' | 'Bullet4' | 'Bullet5' | 'Bullet6' | 'Bullet7' | 'Bullet8' | 'Bullet9' | 'Bullet10' | 'BulletA' | 'BulletB' | 'BulletC' | 'BulletD' | 'BusinessBasic' | 'BusinessEnterprise' | 'BusinessGrow' | 'BusinessScale' | 'CabinBag' | 'Cake' | 'Calculator' | 'Calendar' | 'CalendarCheck' | 'CalendarCoins' | 'CalendarDate' | 'CalendarNextEvent' | 'CalendarQuarter' | 'CalendarRecurring' | 'CalendarWeek' | 'Call' | 'Camera' | 'CameraAdd' | 'Candle' | 'CandlestickChart' | 'Captions' | 'CaptionsOn' | 'Card' | 'CardBank' | 'CardCheck' | 'CardCode|image' | 'CardExpired' | 'CardExpiry|image' | 'CardNumber|image' | 'CardReader' | 'CardSecurity' | 'CardShield' | 'CardTerminal' | 'Carousel' | 'Cart' | 'Cash' | 'Cashback' | 'CashBlocked' | 'CashFlow' | 'CashIncome' | 'Celebration' | 'Cellular' | 'CenterPoint' | 'Cfd' | 'Chair' | 'ChangePasscode' | 'ChartExclude' | 'Chat' | 'ChatOutline' | 'Check' | 'CheckboxMultiple' | 'CheckboxOff' | 'CheckboxOn' | 'CheckSuccess' | 'CheckVerification' | 'Cheque' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'Children' | 'Cinema' | 'CircleProfile' | 'Claim' | 'Cleaning' | 'Click2Pay' | 'ClickUp|image' | 'Clip' | 'Clipboard' | 'Cloud' | 'CloudCrossed' | 'CloudSql' | 'CloudStorage' | 'CodeRepository' | 'Coffee' | 'Coins' | 'CoinsEarning' | 'CoinsSearch' | 'CoinsShield' | 'Commodities' | 'Communication' | 'CompanyFilled' | 'CompanyOutline' | 'Compare' | 'Concierge' | 'Confluence' | 'ConnectionGrid' | 'Contactless' | 'Contrast' | 'Controls' | 'Cookie' | 'Copy' | 'CormorantGaramond' | 'Credit' | 'CreditBag' | 'CreditCard' | 'CreditOverdraft' | 'CreditPart' | 'CreditPartBalance' | 'Cross' | 'CrossCircle' | 'CrossSmall' | 'CrossVoid' | 'Crutch' | 'CryptoBlockchain' | 'CryptoBrick' | 'CryptoLayer' | 'CryptoLayers' | 'CryptoStablecoin' | 'CrystalBall' | 'Dap' | 'Data' | 'Database' | 'DataLimit' | 'DataLimitCompactFull' | 'DataLimitCompactLow' | 'DataLimitCompactMid' | 'DataLimitFull' | 'DataLimitHalf' | 'DataLimitLow' | 'Delete' | 'DeliveryCar' | 'DepositProtection' | 'DesktopShop' | 'DesktopTerminal' | 'DeviceDown' | 'Document' | 'DocumentChecked' | 'DocumentPending' | 'DocumentRevolut' | 'DocumentSearch' | 'DocumentsPair' | 'DollarsAndShares' | 'Dot' | 'DoubleThumbs' | 'Download' | 'DoXGetY' | 'Drag' | 'Draw' | 'DrawFibonacciTime' | 'DrawHorizontalLine' | 'Drawing' | 'DrawParallelChannel' | 'DrawPriceRange' | 'DrawTrendline' | 'DrawVerticalLine' | 'DrivingLicence' | 'Drone' | 'Drop' | 'Duplicate' | 'EditorUnderline' | 'Ellipsis' | 'Emoji' | 'Entertainment' | 'Envelope' | 'EnvelopeSearch' | 'Eraser' | 'ESimInstallation' | 'ESimNoData' | 'ESimPreparation' | 'Excel' | 'ExclamationMark' | 'ExclamationMarkOutline' | 'ExclamationTriangle' | 'ExitFullscreen' | 'Expand' | 'EyeDropper' | 'EyeHide' | 'EyeOutline' | 'EyeShow' | 'FaceId' | 'FamilyPortrait' | 'Fashion' | 'Fastfood' | 'Fees' | 'Figma' | 'Filter' | 'Fingerprint' | 'Fitness' | 'Flag' | 'FlagSwitzerland' | 'Flame' | 'FloatingModal' | 'Folder' | 'FolderOpen' | 'Football' | 'Form' | 'Fruit' | 'Fscs' | 'GameCube' | 'Gear' | 'Generate' | 'Ghost' | 'Gia' | 'Gift' | 'Globe' | 'GlobeP2P' | 'GooglePay|image' | 'Groceries' | 'GroupVault' | 'GrowthHub' | 'Hammer' | 'Hand' | 'Handle' | 'Hash' | 'Headset' | 'Heart' | 'HeartOutline' | 'HeartRecurring' | 'HelpChat' | 'HelpChatOutline' | 'HiBob' | 'History' | 'Home' | 'Hotel' | 'HotelArrowsLeftRight' | 'IdBackSide' | 'Ideal' | 'Image' | 'Inbox' | 'InboxAdd' | 'IndustrialGear' | 'Info' | 'InfoOutline' | 'InfoSign' | 'Insurance' | 'Invest' | 'InviteEmoji' | 'Iris' | 'Isa' | 'Issue' | 'JackOLantern' | 'Jira|image' | 'JiraBug|image' | 'JiraEpic|image' | 'JiraOther|image' | 'JiraStory|image' | 'JiraSubtask|image' | 'JiraTask|image' | 'Joint' | 'Karma|image' | 'Key' | 'Keyboard' | 'KubernetesEngine' | 'Lab' | 'Language' | 'Laptop' | 'Laugh' | 'LayoutLeft' | 'LayoutRight' | 'LayoutVertical' | 'Lever' | 'Library' | 'LibraryOff' | 'Lifestyle' | 'Lightbulb' | 'Lightning' | 'LightningAuto' | 'LightningOff' | 'LightningOutline' | 'LikeDislike' | 'LimitHigh' | 'LimitLow' | 'LineChart' | 'Link' | 'LinkExternal' | 'LinkExternalSimple' | 'ListClose' | 'ListSearch' | 'LiveActivity' | 'Loading' | 'LoanChecked' | 'LocationArrow' | 'LocationArrowOutline' | 'LocationPin' | 'LockClosed' | 'LockOpened' | 'Logo2Fa' | 'Logo5G' | 'LogoAirplus|image' | 'LogoAirplusColour|image' | 'LogoAmazon' | 'LogoAmex|image' | 'LogoAmexColour|image' | 'LogoAndroid' | 'LogoAppleTapToPay' | 'LogoAppleTapToPayFilled' | 'LogoChatGpt' | 'LogoClaude|image' | 'LogoDinersClub|image' | 'LogoDinersClubColour|image' | 'LogoDiscover|image' | 'LogoDiscoverColour|image' | 'LogoFacebook' | 'LogoFacebookMessenger' | 'LogoGithub' | 'LogoGoogle|image' | 'LogoGoogleGemini|image' | 'LogoInstagram' | 'LogoInstagramFilled' | 'LogoIOs' | 'LogoJcb|image' | 'LogoJcbColour|image' | 'LogoLinkedIn' | 'LogoMa|image' | 'LogoMc|image' | 'LogoMcMetal|image' | 'LogoMcPremium|image' | 'LogoMicrosoft|image' | 'LogoMicrosoftCopilot|image' | 'LogoPix|image' | 'LogoPixFilled' | 'LogoPixOutline' | 'LogoRevolut' | 'LogoRevolutColour|image' | 'LogoRupay' | 'LogoSlack' | 'LogoTikTok' | 'LogoTwitter' | 'LogoutDoor' | 'LogoVisa' | 'LogoVisaColour|image' | 'LogoWhatsApp' | 'LogoYahoo|image' | 'LogoYoutube' | 'Lounges' | 'Map' | 'MapMarkerHide' | 'MapMarkerShow' | 'MapPoint' | 'MarketOrder' | 'Materials' | 'MbWay' | 'MedicalBed' | 'MedicalCross' | 'Medkit' | 'Megaphone' | 'Meme' | 'MemoryStore' | 'Menu' | 'Merchant' | 'Merge' | 'MergeBranch' | 'Message' | 'Microphone' | 'Minus' | 'MinusCircle' | 'Moon' | 'MoreAndroid' | 'MoreIOs' | 'Mortgage' | 'Mpesa' | 'Mtn' | 'NationalId' | 'NavigationBack' | 'NavigationDown' | 'NavigationForward' | 'NavigationSwipe' | 'NavigationUp' | 'NearMe' | 'NewAccount' | 'Newspaper' | 'Nft' | 'NoBoost' | 'NoCall' | 'NoCamera' | 'NoClip' | 'NoMail' | 'NoMicrophone' | 'NoSmartphone' | 'NoVideoCall' | 'OrangeMoney' | 'OrderDownwards' | 'OrderUpwards' | 'Outdoor' | 'Overdraft' | 'PagoPa' | 'Palette' | 'Paragraph' | 'Parisienne' | 'Parking' | 'Passkey' | 'Passport' | 'PassportChip' | 'Pause' | 'PayId' | 'PaymentsRecurring' | 'PayNow' | 'PayNowBrandMark' | 'PayrollFolder' | 'PayTo' | 'Peakon|image' | 'Pencil' | 'PencilSpark' | 'People' | 'Percent' | 'Performance' | 'PersonChecked' | 'PhoneBook' | 'PhoneCall' | 'Pickup' | 'PieChart' | 'PieChartCircle' | 'Pin' | 'PlaneArrowsLeftRight' | 'PlaneSeat' | 'PlanPlus' | 'PlanPremium' | 'PlanTitan' | 'PlanUltra' | 'Play' | 'PlayOutline' | 'Plug' | 'Plus' | 'PlusCircle' | 'PnL' | 'Pocket' | 'Pointer' | 'Pointsback' | 'Pool' | 'PortfolioAggrasive' | 'PortfolioAggressiveGrowth' | 'PortfolioBalanced' | 'PortfolioBalancedBundle' | 'PortfolioBoldStack' | 'PortfolioConservative' | 'PortfolioDefensive' | 'PortfolioGrowth' | 'PortfolioModerate' | 'PortfolioSlowAndSteady' | 'PosTablet' | 'Premium' | 'Present' | 'PresentArrow' | 'PresentPlus' | 'PriceTag' | 'Printer' | 'Profile' | 'Pse' | 'Push' | 'Puzzle' | 'Qr' | 'Question' | 'Questionnaire' | 'QuestionOutline' | 'QuestionSign' | 'Qvik' | 'RadiobuttonOff' | 'RadiobuttonOn' | 'Rainbow' | 'RatesCircle' | 'RatesConverter' | 'RatesConverterPage' | 'Receipt' | 'Recurring' | 'Refinancing' | 'RefinancingCard' | 'RefinancingHome' | 'RegionAfrica' | 'RegionAsiaPacific' | 'RegionEurope' | 'RegionGlobal' | 'RegionMiddleEast' | 'RegionNorthAmerica' | 'RegionSouthAmerica' | 'RepairTool' | 'Repayment' | 'ResidencePermit' | 'Resort' | 'Restaurants' | 'Retry' | 'Reverted' | 'RevertLeft' | 'RevertRight' | 'RevolutIdProtected' | 'RevolutIdUser' | 'RevolutU18' | 'RevPoints' | 'RoboAdvisor' | 'RobotoCondensed' | 'RobotoRegular' | 'Rocket' | 'RPoint' | 'RulerOutline' | 'RulerSolid' | 'Salary' | 'SavingsVault' | 'ScanCard' | 'ScanQr' | 'Scatter' | 'Scissors' | 'Search' | 'SecureSeal' | 'SelfieStick' | 'SendMessage' | 'SensitiveInfo' | 'Services' | 'ShakeDevice' | 'ShareAndroid' | 'ShareIOs' | 'Shield' | 'Shopping' | 'ShoppingShield' | 'Shower' | 'SidePanel' | 'SidePanelLeft' | 'SimCard' | 'Siren' | 'Size' | 'SmartDelay' | 'Smartphone' | 'SmartphoneBroken' | 'SmartphoneConfirm' | 'SmartphoneShield' | 'SmartphoneUmbrella' | 'SmartphoneWarning' | 'Smoking' | 'Snowflake' | 'SocialDislike' | 'SocialDislikeStroke' | 'SocialLike' | 'SocialLikeStroke' | 'Sound' | 'SoundOff' | 'Spa' | 'Spin' | 'SportEquipment' | 'Stamp' | 'StarEmpty' | 'StarFilled' | 'StarSemi' | 'Statement' | 'Sticker' | 'StickerFilled' | 'Stop' | 'Student' | 'Suitcase' | 'SuitcaseInsurance' | 'Sun' | 'Sunrise' | 'SunriseOutline' | 'Surprise' | 'Swish' | 'Switches' | 'SwitchOff' | 'SwitchOn' | 'SwitchToRevolut' | 'SymbolChange' | 'Sympathizing' | 'Table' | 'Tablet' | 'Target' | 'TargetDarts' | 'Tech' | 'Television' | 'Text' | 'ThankYou' | 'Thread' | 'Time' | 'TimeAndMoney' | 'Timeline' | 'TimeOutline' | 'Tooth' | 'TotalValue' | 'Toy' | 'Transcript' | 'Translation' | 'Transport' | 'Travel' | 'TravelCashback' | 'Trophy' | 'TrophyHalf' | 'TurboTransfer' | 'Unarchive' | 'Unknown' | 'Unlimited' | 'Unlink' | 'Unmerge' | 'Unpin' | 'Upi' | 'Upi2' | 'Upload' | 'UsersSearch' | 'Utilities' | 'Variable' | 'Vault' | 'Vegan' | 'VerifiedService' | 'VerticalExpand' | 'ViaVerde' | 'VideoCall' | 'ViewGrid' | 'ViewListLarge' | 'ViewListMedium' | 'ViewListSmall' | 'VirtualMachine' | 'VisaDocument' | 'Voucher' | 'Wallet' | 'Watch' | 'Wealth' | 'WealthDown' | 'WealthProtection' | 'Webhook' | 'Wero' | 'WeroFull' | 'Wheelchair' | 'Widgets' | 'Wine' | 'WizardHat' | 'Workflow' | 'Yellowtail' | 'ZoomIn' | 'ZoomOut' | '10/BadgeLeft' | '10/BadgeRight' | '10/StocksArrowDown' | '10/StocksArrowUp' | '10/StocksDividend' | '10/StocksTax' | '10/StocksTopup' | '10/StocksWithdraw' | '16/AddProduct' | '16/AlignCenter' | '16/AlignLeft' | '16/AlignRight' | '16/ArrowRates' | '16/ArrowRecurring' | '16/ArrowRepeat' | '16/ArrowThinUp' | '16/BadgeLeft' | '16/BadgeRight' | '16/Bullet' | '16/BulletFilled' | '16/BulletSquare' | '16/BulletSquareFilled' | '16/Canceled' | '16/ChartBarWithArrow' | '16/Check' | '16/CheckCircle' | '16/ChevronDown' | '16/ChevronDownSmall' | '16/ChevronLeft' | '16/ChevronLeftSmall' | '16/ChevronRight' | '16/ChevronRightSmall' | '16/ChevronUp' | '16/ChevronUpSmall' | '16/Clip' | '16/Code' | '16/CommentAdd' | '16/Compare' | '16/Contactless' | '16/Cross' | '16/CrossCircle' | '16/CrossSmall' | '16/Delete' | '16/DepthChart' | '16/Dots' | '16/EditorBold' | '16/EditorH1' | '16/EditorH2' | '16/EditorH3' | '16/EditorH4' | '16/EditorH5' | '16/EditorH6' | '16/EditorItalic' | '16/EditorTable' | '16/EditorTableHeaderColumn' | '16/EditorTableHeaderRow' | '16/EditorTextColour' | '16/EditorUnderline' | '16/ExclamationMark' | '16/ExclamationMarkOutline' | '16/ExclamationMarkSign' | '16/Expand' | '16/FilterViewFilled' | '16/FilterViewOutlined' | '16/GanttChart' | '16/GoogleChrome' | '16/IndentDecrease' | '16/IndentIncrease' | '16/InfoOutline' | '16/Link' | '16/LinkExternal' | '16/List' | '16/ListBullet' | '16/ListLetters' | '16/ListNumber' | '16/ListRomanNumerals' | '16/Live' | '16/LockClosed' | '16/LockOpened' | '16/LockOutline' | '16/MarkdownDownload' | '16/Minus' | '16/MinusCircle' | '16/Palette' | '16/Paragraph' | '16/Plus' | '16/PlusCircle' | '16/QuestionOutline' | '16/Receipt' | '16/Redo' | '16/Revolut' | '16/RevPoints' | '16/SandWatch' | '16/SecureSeal' | '16/SimCard' | '16/StatusActive' | '16/StatusCheck' | '16/StatusClockArrows' | '16/StatusRefund' | '16/Sticker' | '16/StickerFilled' | '16/SwitchOff' | '16/SwitchOn' | '16/Time' | '16/Timeline' | '16/TopupAuto' | '16/TriangleDown' | '16/TriangleRight' | '16/Warning' | '16/Write' | '20/AccountJoint' | '20/AccountPocket' | '20/AccountPro' | '20/AutoExchange' | '20/AutoTopUp' | '20/BulkPayment' | '20/Cashback' | '20/Compare' | '20/Credit' | '20/CryptoNetworkAlgorand' | '20/CryptoNetworkArbitrum' | '20/CryptoNetworkAvalanche' | '20/CryptoNetworkBitcoin' | '20/CryptoNetworkBitcoinCash' | '20/CryptoNetworkBsc' | '20/CryptoNetworkCardano' | '20/CryptoNetworkCelo' | '20/CryptoNetworkCosmos' | '20/CryptoNetworkCronos' | '20/CryptoNetworkDash' | '20/CryptoNetworkDogecoin' | '20/CryptoNetworkEos' | '20/CryptoNetworkEtc' | '20/CryptoNetworkEthereum' | '20/CryptoNetworkFallback' | '20/CryptoNetworkFantom' | '20/CryptoNetworkHarmony' | '20/CryptoNetworkHeco' | '20/CryptoNetworkHedera' | '20/CryptoNetworkKava' | '20/CryptoNetworkKusama' | '20/CryptoNetworkLighting' | '20/CryptoNetworkLitecoin' | '20/CryptoNetworkMoonbeam' | '20/CryptoNetworkNear' | '20/CryptoNetworkOptimism' | '20/CryptoNetworkPolkadot' | '20/CryptoNetworkPolygon' | '20/CryptoNetworkRipple' | '20/CryptoNetworkRonin' | '20/CryptoNetworkSolana' | '20/CryptoNetworkStarkNet' | '20/CryptoNetworkStellar' | '20/CryptoNetworkTezos' | '20/CryptoNetworkTon' | '20/CryptoNetworkTron' | '20/CryptoNetworkZkSync' | '20/Description' | '20/Dividend' | '20/Draft' | '20/Ea' | '20/Email' | '20/ExcludedAnalytics' | '20/Expense' | '20/Gif' | '20/Groups' | '20/Heart' | '20/IncomeSorter' | '20/Isa' | '20/Iso' | '20/KeyboardEmoji' | '20/KeyboardGif' | '20/KeyboardSticker' | '20/Linked' | '20/MoveMoney' | '20/Reccuring' | '20/Resort' | '20/Rewards' | '20/Scheduled' | '20/SpareChange' | '20/SpendLimit' | '20/SplitBill' | '20/Statement' | '20/Travel' | '20/Vault' | '40/SubtractApps' | '40/SubtractBackpack' | '40/SubtractBank' | '40/SubtractBitcoin' | '40/SubtractBoost' | '40/SubtractBudget' | '40/SubtractCalendar' | '40/SubtractCalendarRecurring' | '40/SubtractCard' | '40/SubtractCash' | '40/SubtractCashback' | '40/SubtractChat' | '40/SubtractCloud' | '40/SubtractCoins' | '40/SubtractCommodities' | '40/SubtractCompare' | '40/SubtractConcierge' | '40/SubtractCredit' | '40/SubtractCreditBag' | '40/SubtractCreditCard' | '40/SubtractDocument' | '40/SubtractDrop' | '40/SubtractEntertainment' | '40/SubtractExchange' | '40/SubtractFastfood' | '40/SubtractGift' | '40/SubtractGlobe' | '40/SubtractGlobeP2P' | '40/SubtractGroceries' | '40/SubtractGroupVault' | '40/SubtractHealth' | '40/SubtractIndustrialGear' | '40/SubtractInsurance' | '40/SubtractLightning' | '40/SubtractLink' | '40/SubtractLogoRevolut' | '40/SubtractLounges' | '40/SubtractMaterials' | '40/SubtractMedicalCross' | '40/SubtractMerchant' | '40/SubtractNoBoost' | '40/SubtractPassportChip' | '40/SubtractPeople' | '40/SubtractPocket' | '40/SubtractPremium' | '40/SubtractPresent' | '40/SubtractProfile' | '40/SubtractRestaurants' | '40/SubtractRocket' | '40/SubtractRPoint' | '40/SubtractSavingsVault' | '40/SubtractServices' | '40/SubtractShopping' | '40/SubtractSmartphoneUmbrella' | '40/SubtractStar' | '40/SubtractStatement' | '40/SubtractTech' | '40/SubtractTopUp' | '40/SubtractToy' | '40/SubtractTransfers' | '40/SubtractTransport' | '40/SubtractTravel' | '40/SubtractUtilities' | '40/SubtractVault' | '40/SubtractVegan' | '40/SubtractWealth' | '64/FileBacs|image' | '64/FileCsv|image' | '64/FileDoc|image' | '64/FileImg|image' | '64/FileLink|image' | '64/FileMp3|image' | '64/FilePdf|image' | '64/FileXls|image' | '104/Connection' | '104/Donation' | '104/Error' | '104/Loading' | '104/Pending' | '104/SoftFail' | '104/Success' | '104/Warning' | '108/ArrowExchange|image' | '108/ArrowRequest|image' | '108/ArrowSend|image' | '108/EyeShow|image' | '108/LinkExternal|image' | '108/Plus|image';
 
 declare const ImageVariant: {
     readonly ROUND: "round";
@@ -1524,66 +1531,29 @@ declare const ImageScale: {
 };
 type ImageScale = ValueOf<typeof ImageScale>;
 
-interface GapSystemProps {
-    gap?: ResponsiveValue<LooseLength<Space$1>>;
-    rowGap?: ResponsiveValue<LooseLength<Space$1>>;
-    columnGap?: ResponsiveValue<LooseLength<Space$1>>;
-}
+type Modify<T, R> = Omit<T, keyof R> & R;
 
-interface DisplayProps {
-    display?: ResponsiveValue<csstype.Property.Display>;
-}
-interface FlexProps$1 {
-    flex?: ResponsiveValue<csstype.Property.Flex>;
-}
-interface AlignSelfProps {
-    alignSelf?: ResponsiveValue<csstype.Property.AlignSelf>;
-}
-interface GridAreaProps {
-    gridArea?: ResponsiveValue<csstype.Property.GridArea>;
-}
-interface OrderProps {
-    order?: ResponsiveValue<csstype.Property.Order>;
-}
-interface SizeProps {
-    size?: ResponsiveValue<LooseLength<Size>>;
-}
-interface HeightProps {
-    height?: ResponsiveValue<LooseLength<Size>>;
-}
-interface MinHeightProps {
-    minHeight?: ResponsiveValue<LooseLength<Size>>;
-}
-interface MaxHeightProps {
-    maxHeight?: ResponsiveValue<LooseLength<Size>>;
-}
-interface WidthProps {
-    width?: ResponsiveValue<LooseLength<Size>>;
-}
-interface MinWidthProps {
-    minWidth?: ResponsiveValue<LooseLength<Size>>;
-}
 interface MaxWidthProps {
     maxWidth?: ResponsiveValue<LooseLength<Size>>;
 }
 interface BorderProps {
-    border?: ResponsiveValue<csstype.Property.Border>;
-    borderX?: ResponsiveValue<csstype.Property.Border>;
-    borderY?: ResponsiveValue<csstype.Property.Border>;
-    borderTop?: ResponsiveValue<csstype.Property.BorderTop>;
-    borderRight?: ResponsiveValue<csstype.Property.BorderRight>;
-    borderBottom?: ResponsiveValue<csstype.Property.BorderBottom>;
-    borderLeft?: ResponsiveValue<csstype.Property.BorderLeft>;
+    border?: ResponsiveValue<CSS.Property.Border>;
+    borderX?: ResponsiveValue<CSS.Property.Border>;
+    borderY?: ResponsiveValue<CSS.Property.Border>;
+    borderTop?: ResponsiveValue<CSS.Property.BorderTop>;
+    borderRight?: ResponsiveValue<CSS.Property.BorderRight>;
+    borderBottom?: ResponsiveValue<CSS.Property.BorderBottom>;
+    borderLeft?: ResponsiveValue<CSS.Property.BorderLeft>;
     borderWidth?: ResponsiveValue<LooseLength>;
     borderTopWidth?: ResponsiveValue<LooseLength>;
     borderBottomWidth?: ResponsiveValue<LooseLength>;
     borderLeftWidth?: ResponsiveValue<LooseLength>;
     borderRightWidth?: ResponsiveValue<LooseLength>;
-    borderStyle?: ResponsiveValue<csstype.Property.BorderStyle>;
-    borderTopStyle?: ResponsiveValue<csstype.Property.BorderTopStyle>;
-    borderBottomStyle?: ResponsiveValue<csstype.Property.BorderBottomStyle>;
-    borderLeftStyle?: ResponsiveValue<csstype.Property.BorderLeftStyle>;
-    borderRightStyle?: ResponsiveValue<csstype.Property.BorderRightStyle>;
+    borderStyle?: ResponsiveValue<CSS.Property.BorderStyle>;
+    borderTopStyle?: ResponsiveValue<CSS.Property.BorderTopStyle>;
+    borderBottomStyle?: ResponsiveValue<CSS.Property.BorderBottomStyle>;
+    borderLeftStyle?: ResponsiveValue<CSS.Property.BorderLeftStyle>;
+    borderRightStyle?: ResponsiveValue<CSS.Property.BorderRightStyle>;
     borderColor?: ResponsiveValue<Color>;
     borderTopColor?: ResponsiveValue<Color>;
     borderBottomColor?: ResponsiveValue<Color>;
@@ -1595,55 +1565,6 @@ interface BorderProps {
     borderBottomLeftRadius?: ResponsiveValue<LooseLength<Radius>>;
     borderBottomRightRadius?: ResponsiveValue<LooseLength<Radius>>;
 }
-interface TextColorProps {
-    color?: ResponsiveValue<Color>;
-}
-interface BackgroundColorProps {
-    bg?: ResponsiveValue<Color>;
-    backgroundColor?: ResponsiveValue<Color>;
-}
-interface OpacityProps {
-    opacity?: ResponsiveValue<csstype.Property.Opacity>;
-}
-interface ColorProps extends TextColorProps, BackgroundColorProps, OpacityProps {
-}
-interface AlignItemsProps {
-    alignItems?: ResponsiveValue<csstype.Property.AlignItems>;
-}
-interface JustifyContentProps {
-    justifyContent?: ResponsiveValue<csstype.Property.JustifyContent>;
-}
-interface FlexWrapProps {
-    flexWrap?: ResponsiveValue<csstype.Property.FlexWrap>;
-}
-interface FlexDirectionProps {
-    flexDirection?: ResponsiveValue<csstype.Property.FlexDirection>;
-}
-
-type Modify<T, R> = Omit<T, keyof R> & R;
-
-interface ElevationProps {
-    elevation?: ElevationLevel;
-    elevationOnHover?: ElevationLevel;
-}
-
-interface HideProps {
-    /** @deprecated Prefer `useMatchMedia` or CSS media queries */
-    hide?: boolean | string | string[];
-}
-
-interface OverflowSystemProps {
-    overflow?: ResponsiveValue<csstype.Property.Overflow>;
-}
-
-/** @private */
-interface PlaceSelfProps {
-    placeSelf?: ResponsiveValue<csstype.Property.PlaceSelf>;
-}
-
-interface RadiusProps {
-    radius?: ResponsiveValue<Radius | (string & {}) | number>;
-}
 
 interface SpaceProps {
     m?: ResponsiveValue<LooseLength<Space$1>>;
@@ -1676,9 +1597,83 @@ interface SpaceProps {
     paddingY?: ResponsiveValue<LooseLength<Space$1>>;
 }
 
-interface TextStyleProps {
-    textStyle?: ResponsiveValue<TextStyle>;
-}
+declare const sprinkles: ((props: {
+    display?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
+        all?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+        sm?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+        md?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+        lg?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+        xl?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+        xxl?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
+    } | undefined;
+    flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | {
+        all?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        lg?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        xl?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        xxl?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    } | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | {
+        all?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        sm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        md?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        lg?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        xl?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        xxl?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    } | undefined;
+    alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
+        all?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        sm?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        xxl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+    } | undefined;
+    justifyContent?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
+        all?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
+        sm?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
+        md?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
+        lg?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
+        xl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
+        xxl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
+    } | undefined;
+    alignSelf?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
+        all?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        sm?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        md?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        lg?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        xl?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+        xxl?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+    } | undefined;
+    overflow?: "hidden" | "auto" | "visible" | "scroll" | {
+        all?: "hidden" | "auto" | "visible" | "scroll" | undefined;
+        sm?: "hidden" | "auto" | "visible" | "scroll" | undefined;
+        md?: "hidden" | "auto" | "visible" | "scroll" | undefined;
+        lg?: "hidden" | "auto" | "visible" | "scroll" | undefined;
+        xl?: "hidden" | "auto" | "visible" | "scroll" | undefined;
+        xxl?: "hidden" | "auto" | "visible" | "scroll" | undefined;
+    } | undefined;
+    position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | {
+        all?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+        sm?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+        md?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+        lg?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+        xl?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+        xxl?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+    } | undefined;
+    textAlign?: "center" | "start" | "right" | "left" | "end" | {
+        all?: "center" | "start" | "right" | "left" | "end" | undefined;
+        sm?: "center" | "start" | "right" | "left" | "end" | undefined;
+        md?: "center" | "start" | "right" | "left" | "end" | undefined;
+        lg?: "center" | "start" | "right" | "left" | "end" | undefined;
+        xl?: "center" | "start" | "right" | "left" | "end" | undefined;
+        xxl?: "center" | "start" | "right" | "left" | "end" | undefined;
+    } | undefined;
+}) => string) & {
+    properties: Set<"display" | "overflow" | "textAlign" | "alignItems" | "justifyContent" | "flexWrap" | "flexDirection" | "alignSelf" | "position">;
+};
+type Sprinkles = Parameters<typeof sprinkles>[0];
 
 declare const BLACKLIST: readonly ["bg", "color", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "size", "verticalAlign", "display", "overflow", "overflowX", "overflowY", "opacity", "fontSize", "fontFamily", "fontWeight", "lineHeight", "textAlign", "fontStyle", "letterSpacing", "alignItems", "alignContent", "justifyItems", "justifyContent", "flexWrap", "flexDirection", "flex", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order", "gridGap", "gridColumnGap", "gridRowGap", "gridColumn", "gridRow", "gridAutoFlow", "gridAutoColumns", "gridAutoRows", "gridTemplateColumns", "gridTemplateRows", "gridTemplateAreas", "gridArea", "borderWidth", "borderStyle", "borderColor", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderRadius", "backgroundImage", "backgroundSize", "backgroundPosition", "backgroundRepeat", "zIndex", "top", "right", "bottom", "left", "elevated", "elevation", "elevationOnHover", "elevationColor", "hide", "radius", "variant", "textStyle", "textDecoration", "tapArea", "notAvailable", "locked", "iconOnly", "active"];
 
@@ -1696,17 +1691,64 @@ interface BaseInnerProps<T> {
 interface BaseProps<E extends Elements> extends DOMAttributes<InferElement<E>>, RefAttributesWithoutLegacyRef<InferElement<E>>, BaseInnerProps<E | Elements | React__default__default.ComponentType<any>> {
 }
 
-interface BoxProps<E extends Elements = 'div'> extends BoxInnerProps, BaseProps<E> {
-}
 /** @private */
-interface BoxInnerProps extends SpaceProps, ColorProps, WidthProps, FlexProps$1, OrderProps, OverflowSystemProps, AlignSelfProps, HeightProps, MinWidthProps, MaxWidthProps, MinHeightProps, MaxHeightProps, SizeProps, RadiusProps, ElevationProps, BorderProps, TextStyleProps, DisplayProps, HideProps, GridAreaProps, PlaceSelfProps {
+interface StableBoxStyleProps extends SpaceProps, BorderProps {
+    color?: ResponsiveValue<Color>;
+    bg?: ResponsiveValue<Color>;
+    backgroundColor?: ResponsiveValue<Color>;
+    opacity?: ResponsiveValue<CSS.Property.Opacity>;
+    width?: ResponsiveValue<LooseLength<Size>>;
+    flex?: ResponsiveValue<CSS.Property.Flex>;
+    order?: ResponsiveValue<CSS.Property.Order>;
+    overflow?: ResponsiveValue<CSS.Property.Overflow>;
+    alignSelf?: ResponsiveValue<CSS.Property.AlignSelf>;
+    height?: ResponsiveValue<LooseLength<Size>>;
+    minWidth?: ResponsiveValue<LooseLength<Size>>;
+    maxWidth?: ResponsiveValue<LooseLength<Size>>;
+    minHeight?: ResponsiveValue<LooseLength<Size>>;
+    maxHeight?: ResponsiveValue<LooseLength<Size>>;
+    size?: ResponsiveValue<LooseLength<Size>>;
+    radius?: ResponsiveValue<LooseLength<Radius>>;
+    elevation?: ElevationLevel;
+    elevationOnHover?: ElevationLevel;
+    textStyle?: ResponsiveValue<TextStyle>;
+    display?: ResponsiveValue<CSS.Property.Display>;
+    /** @deprecated Prefer `useMatchMedia` or CSS media queries */
+    hide?: boolean | string | string[];
+    gridArea?: ResponsiveValue<CSS.Property.GridArea>;
+    placeSelf?: ResponsiveValue<CSS.Property.PlaceSelf>;
     variant?: ResponsiveValue<string>;
 }
+type ExtraSpaceProps = {
+    [K in 'marginBlockStart' | 'marginBlockEnd' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginInline' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingInline' | 'gap' | 'space' | 'rowGap' | 'columnGap']?: ResponsiveValue<LooseLength<Space$1>>;
+};
+/** @private */
+interface ExtraStyleProps {
+    zIndex?: ResponsiveValue<CSS.Property.ZIndex>;
+    top?: ResponsiveValue<LooseLength<Space$1>>;
+    right?: ResponsiveValue<LooseLength<Space$1>>;
+    bottom?: ResponsiveValue<LooseLength<Space$1>>;
+    left?: ResponsiveValue<LooseLength<Space$1>>;
+    alignItems?: ResponsiveValue<CSS.Property.AlignItems>;
+    flexDirection?: ResponsiveValue<CSS.Property.FlexDirection>;
+    flexWrap?: ResponsiveValue<CSS.Property.FlexWrap>;
+    justifyContent?: ResponsiveValue<CSS.Property.JustifyContent>;
+    justifySelf?: ResponsiveValue<CSS.Property.JustifySelf>;
+}
+type ExtraSprinklesProps = Omit<Sprinkles, keyof StableBoxStyleProps | keyof ExtraSpaceProps | keyof ExtraStyleProps>;
+/** @private */
+type BoxInnerProps = StableBoxStyleProps & ExtraSpaceProps & ExtraStyleProps & ExtraSprinklesProps;
+type BoxProps<E extends Elements = 'div'> = Modify<BaseProps<E>, BoxInnerProps>;
 
 interface FlexProps<E extends Elements = 'div'> extends FlexInnerProps, BoxProps<E> {
 }
-/** @private  */
-interface FlexInnerProps extends GapSystemProps, FlexWrapProps, FlexDirectionProps, AlignItemsProps, JustifyContentProps {
+/** @private */
+interface FlexInnerProps {
+    alignItems?: ResponsiveValue<CSS.Property.AlignItems>;
+    flexDirection?: ResponsiveValue<CSS.Property.FlexDirection>;
+    flexWrap?: ResponsiveValue<CSS.Property.FlexWrap>;
+    gap?: ResponsiveValue<LooseLength<Space$1>>;
+    justifyContent?: ResponsiveValue<CSS.Property.JustifyContent>;
 }
 
 declare const TooltipBehaviour: {
@@ -2452,25 +2494,25 @@ interface AvatarProps extends NativeSpanProps {
 declare const Avatar: ({ name, children, image, icon, size, uuid, ...rest }: AvatarProps) => react_jsx_runtime.JSX.Element;
 
 /**
- * Visual style variant of the button.
+ * Visual style variant of the action button.
  */
-type ButtonVariant = 'primary' | 'secondary' | 'negative' | 'text';
+type ActionButtonVariant = 'primary' | 'accent' | 'negative';
 /**
- * Props for the Button component.
+ * Props for the ActionButton component.
  *
  * @example
  * ```tsx
- * <Button variant="primary" onClick={handleClick}>
- *   Submit
- * </Button>
+ * <ActionButton variant="accent" onClick={handleClick}>
+ *   Add item
+ * </ActionButton>
  * ```
  */
-interface ButtonProps extends NativeButtonProps {
+interface ActionButtonProps extends NativeButtonProps {
     /**
-     * Visual style variant of the button.
+     * Visual style variant of the action button.
      * @default 'primary'
      */
-    variant?: ButtonVariant;
+    variant?: ActionButtonVariant;
     /**
      * Whether the button is disabled.
      * @default false
@@ -2498,60 +2540,94 @@ interface ButtonProps extends NativeButtonProps {
      * Button content.
      */
     children: React__default.ReactNode;
-    /**
-     * Whether the button is elevated.
-     */
-    elevated?: boolean;
 }
 /**
- * Button component for primary actions in miniapps.
+ * ActionButton component for secondary actions in miniapps.
  *
- * Use this component for main call-to-action buttons that trigger
- * important actions like form submissions or navigation.
+ * Use this component for smaller, less prominent actions that complement
+ * the main call-to-action. Ideal for inline actions, toolbar buttons,
+ * or contextual actions.
  *
  * @example
  * ```tsx
- * <Button variant="primary" onClick={() => console.log('clicked')}>
- *   Continue
- * </Button>
+ * <ActionButton variant="primary" onClick={() => console.log('clicked')}>
+ *   Edit
+ * </ActionButton>
  * ```
  *
  * @example
  * ```tsx
- * <Button variant="secondary" pending labelPending="Loading...">
- *   Submit
- * </Button>
+ * <ActionButton variant="accent" icon="Plus">
+ *   Add
+ * </ActionButton>
  * ```
  *
  * @example
  * ```tsx
- * <Button icon="Plus" iconOnly aria-label="Add item">
+ * <ActionButton icon="Plus" iconOnly aria-label="Add item">
  *   Add
- * </Button>
+ * </ActionButton>
  * ```
  */
-declare const Button: ({ variant, disabled, pending, labelPending, icon, iconOnly, children, elevated, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const ActionButton: ({ variant, disabled, pending, labelPending, icon, iconOnly, children, ...rest }: ActionButtonProps) => react_jsx_runtime.JSX.Element;
 
 /**
- * Visual style variant of the action button.
+ * Props for the Badge component.
+ *
+ * @example
+ * ```tsx
+ * <Badge icon="Time">Best offer</Badge>
+ * ```
  */
-type ActionButtonVariant = 'primary' | 'accent' | 'negative';
+interface BadgeProps extends NativeSpanProps {
+    /**
+     * Badge icon.
+     */
+    icon?: IconName;
+    /**
+     * Badge content.
+     */
+    children: string | number;
+}
 /**
- * Props for the ActionButton component.
+ * Badge component for categorisation or markup.
+ *
+ * Renders text in a coloured background that highlights some extra details for a content.
  *
  * @example
  * ```tsx
- * <ActionButton variant="accent" onClick={handleClick}>
- *   Add item
- * </ActionButton>
+ * import { Badge } from '@revolut/ui-kit-miniapp'
+ *
+ * // Basic usage
+ * function BasicExample() {
+ *   return (
+ *     <Badge icon="Time">Best offer</Badge>
+ *   )
+ * }
  * ```
  */
-interface ActionButtonProps extends NativeButtonProps {
+declare const Badge: ({ icon, children, ...rest }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Visual style variant of the button.
+ */
+type ButtonVariant = 'primary' | 'secondary' | 'negative' | 'text';
+/**
+ * Props for the Button component.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary" onClick={handleClick}>
+ *   Submit
+ * </Button>
+ * ```
+ */
+interface ButtonProps extends NativeButtonProps {
     /**
-     * Visual style variant of the action button.
+     * Visual style variant of the button.
      * @default 'primary'
      */
-    variant?: ActionButtonVariant;
+    variant?: ButtonVariant;
     /**
      * Whether the button is disabled.
      * @default false
@@ -2579,36 +2655,39 @@ interface ActionButtonProps extends NativeButtonProps {
      * Button content.
      */
     children: React__default.ReactNode;
+    /**
+     * Whether the button is elevated.
+     */
+    elevated?: boolean;
 }
 /**
- * ActionButton component for secondary actions in miniapps.
+ * Button component for primary actions in miniapps.
  *
- * Use this component for smaller, less prominent actions that complement
- * the main call-to-action. Ideal for inline actions, toolbar buttons,
- * or contextual actions.
+ * Use this component for main call-to-action buttons that trigger
+ * important actions like form submissions or navigation.
  *
  * @example
  * ```tsx
- * <ActionButton variant="primary" onClick={() => console.log('clicked')}>
- *   Edit
- * </ActionButton>
+ * <Button variant="primary" onClick={() => console.log('clicked')}>
+ *   Continue
+ * </Button>
  * ```
  *
  * @example
  * ```tsx
- * <ActionButton variant="accent" icon="Plus">
- *   Add
- * </ActionButton>
+ * <Button variant="secondary" pending labelPending="Loading...">
+ *   Submit
+ * </Button>
  * ```
  *
  * @example
  * ```tsx
- * <ActionButton icon="Plus" iconOnly aria-label="Add item">
+ * <Button icon="Plus" iconOnly aria-label="Add item">
  *   Add
- * </ActionButton>
+ * </Button>
  * ```
  */
-declare const ActionButton: ({ variant, disabled, pending, labelPending, icon, iconOnly, children, ...rest }: ActionButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ variant, disabled, pending, labelPending, icon, iconOnly, children, elevated, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Calendar variant options.
@@ -4690,6 +4769,72 @@ interface RadioProps extends NativeInputProps$1 {
  */
 declare const Radio: ({ checked, defaultChecked, disabled, onChange, name, value, ...rest }: RadioProps) => react_jsx_runtime.JSX.Element;
 
+/**
+ * Props for the StarRating component.
+ *
+ * @example
+ * ```tsx
+ * import { StarRating } from '@revolut/ui-kit-miniapp'
+ *
+ * // Interactive usage
+ * function InteractiveExample() {
+ *   const [value, setValue] = useState<number | null>(4)
+ *
+ *   return (
+ *     <StarRating onChange={setValue} value={value}  />
+ *   )
+ * }
+ * ```
+ */
+interface StarRatingProps {
+    /**
+     * Colour of the StarRating.
+     */
+    color?: string;
+    /**
+     * Callback fired when the selected amount of StarRating change.
+     */
+    onChange?: (value: number | null) => void;
+    /**
+     * Whether it is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * Amount of StarRating selected.
+     */
+    value?: number | null;
+}
+/**
+ * StarRating collects or displays a numeric rating with star icons. By default, it is interactive. Set readOnly for read only ratings.
+ *
+ * @example
+ * ```tsx
+ * import { StarRating } from '@revolut/ui-kit-miniapp'
+ *
+ * // Read only usage
+ * function ReadOnlyExample() {
+ *   return (
+ *     <StarRating color="accent" value={4} readOnly  />
+ *   )
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { StarRating } from '@revolut/ui-kit-miniapp'
+ *
+ * // Interactive usage
+ * function InteractiveExample() {
+ *   const [value, setValue] = useState<number | null>(4)
+ *
+ *   return (
+ *     <StarRating onChange={setValue} value={value}  />
+ *   )
+ * }
+ * ```
+ */
+declare const StarRating: ({ color, onChange, readOnly, value, }: StarRatingProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * Subheader variant options.
  */
@@ -4867,43 +5012,6 @@ interface SwitchProps extends NativeInputProps {
  */
 declare const Switch: ({ checked, defaultChecked, disabled, onChange, ...rest }: SwitchProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * Props for the Badge component.
- *
- * @example
- * ```tsx
- * <Badge icon="Time">Best offer</Badge>
- * ```
- */
-interface BadgeProps extends NativeSpanProps {
-    /**
-     * Badge icon.
-     */
-    icon?: IconName;
-    /**
-     * Badge content.
-     */
-    children: string | number;
-}
-/**
- * Badge component for categorisation or markup.
- *
- * Renders text in a coloured background that highlights some extra details for a content.
- *
- * @example
- * ```tsx
- * import { Badge } from '@revolut/ui-kit-miniapp'
- *
- * // Basic usage
- * function BasicExample() {
- *   return (
- *     <Badge icon="Time">Best offer</Badge>
- *   )
- * }
- * ```
- */
-declare const Badge: ({ icon, children, ...rest }: BadgeProps) => react_jsx_runtime.JSX.Element;
-
 /**
  * TabBar variant options.
  */
@@ -6047,7 +6155,7 @@ declare const Token: {
      * Token.color.danger      // Error state
      * ```
      */
-    readonly color: Record<"searchBackground" | "segmentedWidgetBackground" | "segmentedBackground" | "segmentedActive" | "actionPhotoHeaderText" | "actionPhotoHeaderTextNeutral" | "actionPhotoHeaderBackground" | "actionPhotoHeaderBackgroundNeutral" | "redActionBackground" | "nestedBackground" | "greyTone5" | "greyTone8" | "greyTone10" | "greyTone20" | "greyTone50" | "actionLabel" | "actionLabelNeutral" | "inputError" | "inputErrorFocus" | "disabledBackground" | "progressNeutral" | "up" | "down" | "neutral" | "shimmer" | "onShimmer" | "modalOverlay" | "metalDark" | "metalLight" | "plus" | "premiumDark" | "premiumLight" | "premiumMid" | "ultraDark" | "ultraLight" | "ultraLightBlue" | "ultraMid" | "groupedBackgroundReflective" | "popoverBackgroundReflective" | "widgetBackgroundReflective" | ("accent" | "negative" | "accentNeutral" | "blue" | "coldBlue" | "pink" | "green" | "orange" | "red" | "deepPink" | "terracotta" | "yellow" | "lime" | "lightGreen" | "teal" | "cyan" | "lightBlue" | "indigo" | "deepPurple" | "purple" | "brown" | "deepGrey" | "black" | "grey50" | "grey20" | "grey10" | "grey5" | "grey8" | "grey2" | "white" | "actionBlue" | "actionBlueNeutral" | "onAccent" | "onAccentNeutral" | "actionBackground" | "actionBackgroundNeutral" | "widgetBackground" | "groupedBackground" | "popoverBackground" | "background" | "greyTone2" | "foreground" | "success" | "warning" | "danger" | "inactive" | "positive" | "static" | "layoutBackground" | "accent_5" | "accent_10" | "accent_20" | "accent_30" | "accent_40" | "accent_50" | "accent_60" | "accent_70" | "accent_80" | "accent_90" | "negative_5" | "negative_10" | "negative_20" | "negative_30" | "negative_40" | "negative_50" | "negative_60" | "negative_70" | "negative_80" | "negative_90" | "accentNeutral_5" | "accentNeutral_10" | "accentNeutral_20" | "accentNeutral_30" | "accentNeutral_40" | "accentNeutral_50" | "accentNeutral_60" | "accentNeutral_70" | "accentNeutral_80" | "accentNeutral_90" | "blue_5" | "blue_10" | "blue_20" | "blue_30" | "blue_40" | "blue_50" | "blue_60" | "blue_70" | "blue_80" | "blue_90" | "coldBlue_5" | "coldBlue_10" | "coldBlue_20" | "coldBlue_30" | "coldBlue_40" | "coldBlue_50" | "coldBlue_60" | "coldBlue_70" | "coldBlue_80" | "coldBlue_90" | "pink_5" | "pink_10" | "pink_20" | "pink_30" | "pink_40" | "pink_50" | "pink_60" | "pink_70" | "pink_80" | "pink_90" | "green_5" | "green_10" | "green_20" | "green_30" | "green_40" | "green_50" | "green_60" | "green_70" | "green_80" | "green_90" | "orange_5" | "orange_10" | "orange_20" | "orange_30" | "orange_40" | "orange_50" | "orange_60" | "orange_70" | "orange_80" | "orange_90" | "red_5" | "red_10" | "red_20" | "red_30" | "red_40" | "red_50" | "red_60" | "red_70" | "red_80" | "red_90" | "deepPink_5" | "deepPink_10" | "deepPink_20" | "deepPink_30" | "deepPink_40" | "deepPink_50" | "deepPink_60" | "deepPink_70" | "deepPink_80" | "deepPink_90" | "terracotta_5" | "terracotta_10" | "terracotta_20" | "terracotta_30" | "terracotta_40" | "terracotta_50" | "terracotta_60" | "terracotta_70" | "terracotta_80" | "terracotta_90" | "yellow_5" | "yellow_10" | "yellow_20" | "yellow_30" | "yellow_40" | "yellow_50" | "yellow_60" | "yellow_70" | "yellow_80" | "yellow_90" | "lime_5" | "lime_10" | "lime_20" | "lime_30" | "lime_40" | "lime_50" | "lime_60" | "lime_70" | "lime_80" | "lime_90" | "lightGreen_5" | "lightGreen_10" | "lightGreen_20" | "lightGreen_30" | "lightGreen_40" | "lightGreen_50" | "lightGreen_60" | "lightGreen_70" | "lightGreen_80" | "lightGreen_90" | "teal_5" | "teal_10" | "teal_20" | "teal_30" | "teal_40" | "teal_50" | "teal_60" | "teal_70" | "teal_80" | "teal_90" | "cyan_5" | "cyan_10" | "cyan_20" | "cyan_30" | "cyan_40" | "cyan_50" | "cyan_60" | "cyan_70" | "cyan_80" | "cyan_90" | "lightBlue_5" | "lightBlue_10" | "lightBlue_20" | "lightBlue_30" | "lightBlue_40" | "lightBlue_50" | "lightBlue_60" | "lightBlue_70" | "lightBlue_80" | "lightBlue_90" | "indigo_5" | "indigo_10" | "indigo_20" | "indigo_30" | "indigo_40" | "indigo_50" | "indigo_60" | "indigo_70" | "indigo_80" | "indigo_90" | "deepPurple_5" | "deepPurple_10" | "deepPurple_20" | "deepPurple_30" | "deepPurple_40" | "deepPurple_50" | "deepPurple_60" | "deepPurple_70" | "deepPurple_80" | "deepPurple_90" | "purple_5" | "purple_10" | "purple_20" | "purple_30" | "purple_40" | "purple_50" | "purple_60" | "purple_70" | "purple_80" | "purple_90" | "brown_5" | "brown_10" | "brown_20" | "brown_30" | "brown_40" | "brown_50" | "brown_60" | "brown_70" | "brown_80" | "brown_90" | "deepGrey_5" | "deepGrey_10" | "deepGrey_20" | "deepGrey_30" | "deepGrey_40" | "deepGrey_50" | "deepGrey_60" | "deepGrey_70" | "deepGrey_80" | "deepGrey_90" | "black_5" | "black_10" | "black_20" | "black_30" | "black_40" | "black_50" | "black_60" | "black_70" | "black_80" | "black_90" | "grey50_5" | "grey50_10" | "grey50_20" | "grey50_30" | "grey50_40" | "grey50_50" | "grey50_60" | "grey50_70" | "grey50_80" | "grey50_90" | "grey20_5" | "grey20_10" | "grey20_20" | "grey20_30" | "grey20_40" | "grey20_50" | "grey20_60" | "grey20_70" | "grey20_80" | "grey20_90" | "grey10_5" | "grey10_10" | "grey10_20" | "grey10_30" | "grey10_40" | "grey10_50" | "grey10_60" | "grey10_70" | "grey10_80" | "grey10_90" | "grey5_5" | "grey5_10" | "grey5_20" | "grey5_30" | "grey5_40" | "grey5_50" | "grey5_60" | "grey5_70" | "grey5_80" | "grey5_90" | "grey8_5" | "grey8_10" | "grey8_20" | "grey8_30" | "grey8_40" | "grey8_50" | "grey8_60" | "grey8_70" | "grey8_80" | "grey8_90" | "grey2_5" | "grey2_10" | "grey2_20" | "grey2_30" | "grey2_40" | "grey2_50" | "grey2_60" | "grey2_70" | "grey2_80" | "grey2_90" | "white_5" | "white_10" | "white_20" | "white_30" | "white_40" | "white_50" | "white_60" | "white_70" | "white_80" | "white_90" | "actionBlue_5" | "actionBlue_10" | "actionBlue_20" | "actionBlue_30" | "actionBlue_40" | "actionBlue_50" | "actionBlue_60" | "actionBlue_70" | "actionBlue_80" | "actionBlue_90" | "actionBlueNeutral_5" | "actionBlueNeutral_10" | "actionBlueNeutral_20" | "actionBlueNeutral_30" | "actionBlueNeutral_40" | "actionBlueNeutral_50" | "actionBlueNeutral_60" | "actionBlueNeutral_70" | "actionBlueNeutral_80" | "actionBlueNeutral_90" | "onAccent_5" | "onAccent_10" | "onAccent_20" | "onAccent_30" | "onAccent_40" | "onAccent_50" | "onAccent_60" | "onAccent_70" | "onAccent_80" | "onAccent_90" | "onAccentNeutral_5" | "onAccentNeutral_10" | "onAccentNeutral_20" | "onAccentNeutral_30" | "onAccentNeutral_40" | "onAccentNeutral_50" | "onAccentNeutral_60" | "onAccentNeutral_70" | "onAccentNeutral_80" | "onAccentNeutral_90" | "actionBackgroundNeutral_5" | "actionBackgroundNeutral_10" | "actionBackgroundNeutral_20" | "actionBackgroundNeutral_30" | "actionBackgroundNeutral_40" | "actionBackgroundNeutral_50" | "actionBackgroundNeutral_60" | "actionBackgroundNeutral_70" | "actionBackgroundNeutral_80" | "actionBackgroundNeutral_90" | "popoverBackground_5" | "popoverBackground_10" | "popoverBackground_20" | "popoverBackground_30" | "popoverBackground_40" | "popoverBackground_50" | "popoverBackground_60" | "popoverBackground_70" | "popoverBackground_80" | "popoverBackground_90" | "greyTone2_5" | "greyTone2_10" | "greyTone2_20" | "greyTone2_30" | "greyTone2_40" | "greyTone2_50" | "greyTone2_60" | "greyTone2_70" | "greyTone2_80" | "greyTone2_90" | "success_5" | "success_10" | "success_20" | "success_30" | "success_40" | "success_50" | "success_60" | "success_70" | "success_80" | "success_90" | "warning_5" | "warning_10" | "warning_20" | "warning_30" | "warning_40" | "warning_50" | "warning_60" | "warning_70" | "warning_80" | "warning_90" | "danger_5" | "danger_10" | "danger_20" | "danger_30" | "danger_40" | "danger_50" | "danger_60" | "danger_70" | "danger_80" | "danger_90" | "inactive_5" | "inactive_10" | "inactive_20" | "inactive_30" | "inactive_40" | "inactive_50" | "inactive_60" | "inactive_70" | "inactive_80" | "inactive_90" | "positive_5" | "positive_10" | "positive_20" | "positive_30" | "positive_40" | "positive_50" | "positive_60" | "positive_70" | "positive_80" | "positive_90" | "static_5" | "static_10" | "static_20" | "static_30" | "static_40" | "static_50" | "static_60" | "static_70" | "static_80" | "static_90"), string>;
+    readonly color: Record<"searchBackground" | "segmentedWidgetBackground" | "segmentedBackground" | "segmentedActive" | "actionPhotoHeaderText" | "actionPhotoHeaderTextNeutral" | "actionPhotoHeaderBackground" | "actionPhotoHeaderBackgroundNeutral" | "redActionBackground" | "nestedBackground" | "greyTone5" | "greyTone8" | "greyTone10" | "greyTone20" | "greyTone50" | "actionLabel" | "actionLabelNeutral" | "inputError" | "inputErrorFocus" | "disabledBackground" | "progressNeutral" | "up" | "down" | "neutral" | "shimmer" | "onShimmer" | "modalOverlay" | "metalDark" | "metalLight" | "plus" | "premiumDark" | "premiumLight" | "premiumMid" | "ultraDark" | "ultraLight" | "ultraLightBlue" | "ultraMid" | "reflectiveSmallUIOverlay" | "groupedBackgroundReflective" | "popoverBackgroundReflective" | "widgetBackgroundReflective" | ("accent" | "accentNeutral" | "blue" | "coldBlue" | "pink" | "green" | "orange" | "red" | "deepPink" | "terracotta" | "yellow" | "lime" | "lightGreen" | "teal" | "cyan" | "lightBlue" | "indigo" | "deepPurple" | "purple" | "brown" | "deepGrey" | "black" | "grey50" | "grey20" | "grey10" | "grey5" | "grey8" | "grey2" | "white" | "actionBlue" | "actionBlueNeutral" | "onAccent" | "onAccentNeutral" | "actionBackground" | "actionBackgroundNeutral" | "widgetBackground" | "groupedBackground" | "popoverBackground" | "background" | "greyTone2" | "foreground" | "success" | "warning" | "danger" | "inactive" | "positive" | "negative" | "static" | "layoutBackground" | "accent_5" | "accent_10" | "accent_20" | "accent_30" | "accent_40" | "accent_50" | "accent_60" | "accent_70" | "accent_80" | "accent_90" | "accentNeutral_5" | "accentNeutral_10" | "accentNeutral_20" | "accentNeutral_30" | "accentNeutral_40" | "accentNeutral_50" | "accentNeutral_60" | "accentNeutral_70" | "accentNeutral_80" | "accentNeutral_90" | "blue_5" | "blue_10" | "blue_20" | "blue_30" | "blue_40" | "blue_50" | "blue_60" | "blue_70" | "blue_80" | "blue_90" | "coldBlue_5" | "coldBlue_10" | "coldBlue_20" | "coldBlue_30" | "coldBlue_40" | "coldBlue_50" | "coldBlue_60" | "coldBlue_70" | "coldBlue_80" | "coldBlue_90" | "pink_5" | "pink_10" | "pink_20" | "pink_30" | "pink_40" | "pink_50" | "pink_60" | "pink_70" | "pink_80" | "pink_90" | "green_5" | "green_10" | "green_20" | "green_30" | "green_40" | "green_50" | "green_60" | "green_70" | "green_80" | "green_90" | "orange_5" | "orange_10" | "orange_20" | "orange_30" | "orange_40" | "orange_50" | "orange_60" | "orange_70" | "orange_80" | "orange_90" | "red_5" | "red_10" | "red_20" | "red_30" | "red_40" | "red_50" | "red_60" | "red_70" | "red_80" | "red_90" | "deepPink_5" | "deepPink_10" | "deepPink_20" | "deepPink_30" | "deepPink_40" | "deepPink_50" | "deepPink_60" | "deepPink_70" | "deepPink_80" | "deepPink_90" | "terracotta_5" | "terracotta_10" | "terracotta_20" | "terracotta_30" | "terracotta_40" | "terracotta_50" | "terracotta_60" | "terracotta_70" | "terracotta_80" | "terracotta_90" | "yellow_5" | "yellow_10" | "yellow_20" | "yellow_30" | "yellow_40" | "yellow_50" | "yellow_60" | "yellow_70" | "yellow_80" | "yellow_90" | "lime_5" | "lime_10" | "lime_20" | "lime_30" | "lime_40" | "lime_50" | "lime_60" | "lime_70" | "lime_80" | "lime_90" | "lightGreen_5" | "lightGreen_10" | "lightGreen_20" | "lightGreen_30" | "lightGreen_40" | "lightGreen_50" | "lightGreen_60" | "lightGreen_70" | "lightGreen_80" | "lightGreen_90" | "teal_5" | "teal_10" | "teal_20" | "teal_30" | "teal_40" | "teal_50" | "teal_60" | "teal_70" | "teal_80" | "teal_90" | "cyan_5" | "cyan_10" | "cyan_20" | "cyan_30" | "cyan_40" | "cyan_50" | "cyan_60" | "cyan_70" | "cyan_80" | "cyan_90" | "lightBlue_5" | "lightBlue_10" | "lightBlue_20" | "lightBlue_30" | "lightBlue_40" | "lightBlue_50" | "lightBlue_60" | "lightBlue_70" | "lightBlue_80" | "lightBlue_90" | "indigo_5" | "indigo_10" | "indigo_20" | "indigo_30" | "indigo_40" | "indigo_50" | "indigo_60" | "indigo_70" | "indigo_80" | "indigo_90" | "deepPurple_5" | "deepPurple_10" | "deepPurple_20" | "deepPurple_30" | "deepPurple_40" | "deepPurple_50" | "deepPurple_60" | "deepPurple_70" | "deepPurple_80" | "deepPurple_90" | "purple_5" | "purple_10" | "purple_20" | "purple_30" | "purple_40" | "purple_50" | "purple_60" | "purple_70" | "purple_80" | "purple_90" | "brown_5" | "brown_10" | "brown_20" | "brown_30" | "brown_40" | "brown_50" | "brown_60" | "brown_70" | "brown_80" | "brown_90" | "deepGrey_5" | "deepGrey_10" | "deepGrey_20" | "deepGrey_30" | "deepGrey_40" | "deepGrey_50" | "deepGrey_60" | "deepGrey_70" | "deepGrey_80" | "deepGrey_90" | "black_5" | "black_10" | "black_20" | "black_30" | "black_40" | "black_50" | "black_60" | "black_70" | "black_80" | "black_90" | "grey50_5" | "grey50_10" | "grey50_20" | "grey50_30" | "grey50_40" | "grey50_50" | "grey50_60" | "grey50_70" | "grey50_80" | "grey50_90" | "grey20_5" | "grey20_10" | "grey20_20" | "grey20_30" | "grey20_40" | "grey20_50" | "grey20_60" | "grey20_70" | "grey20_80" | "grey20_90" | "grey10_5" | "grey10_10" | "grey10_20" | "grey10_30" | "grey10_40" | "grey10_50" | "grey10_60" | "grey10_70" | "grey10_80" | "grey10_90" | "grey5_5" | "grey5_10" | "grey5_20" | "grey5_30" | "grey5_40" | "grey5_50" | "grey5_60" | "grey5_70" | "grey5_80" | "grey5_90" | "grey8_5" | "grey8_10" | "grey8_20" | "grey8_30" | "grey8_40" | "grey8_50" | "grey8_60" | "grey8_70" | "grey8_80" | "grey8_90" | "grey2_5" | "grey2_10" | "grey2_20" | "grey2_30" | "grey2_40" | "grey2_50" | "grey2_60" | "grey2_70" | "grey2_80" | "grey2_90" | "white_5" | "white_10" | "white_20" | "white_30" | "white_40" | "white_50" | "white_60" | "white_70" | "white_80" | "white_90" | "actionBlue_5" | "actionBlue_10" | "actionBlue_20" | "actionBlue_30" | "actionBlue_40" | "actionBlue_50" | "actionBlue_60" | "actionBlue_70" | "actionBlue_80" | "actionBlue_90" | "actionBlueNeutral_5" | "actionBlueNeutral_10" | "actionBlueNeutral_20" | "actionBlueNeutral_30" | "actionBlueNeutral_40" | "actionBlueNeutral_50" | "actionBlueNeutral_60" | "actionBlueNeutral_70" | "actionBlueNeutral_80" | "actionBlueNeutral_90" | "onAccent_5" | "onAccent_10" | "onAccent_20" | "onAccent_30" | "onAccent_40" | "onAccent_50" | "onAccent_60" | "onAccent_70" | "onAccent_80" | "onAccent_90" | "onAccentNeutral_5" | "onAccentNeutral_10" | "onAccentNeutral_20" | "onAccentNeutral_30" | "onAccentNeutral_40" | "onAccentNeutral_50" | "onAccentNeutral_60" | "onAccentNeutral_70" | "onAccentNeutral_80" | "onAccentNeutral_90" | "actionBackgroundNeutral_5" | "actionBackgroundNeutral_10" | "actionBackgroundNeutral_20" | "actionBackgroundNeutral_30" | "actionBackgroundNeutral_40" | "actionBackgroundNeutral_50" | "actionBackgroundNeutral_60" | "actionBackgroundNeutral_70" | "actionBackgroundNeutral_80" | "actionBackgroundNeutral_90" | "popoverBackground_5" | "popoverBackground_10" | "popoverBackground_20" | "popoverBackground_30" | "popoverBackground_40" | "popoverBackground_50" | "popoverBackground_60" | "popoverBackground_70" | "popoverBackground_80" | "popoverBackground_90" | "greyTone2_5" | "greyTone2_10" | "greyTone2_20" | "greyTone2_30" | "greyTone2_40" | "greyTone2_50" | "greyTone2_60" | "greyTone2_70" | "greyTone2_80" | "greyTone2_90" | "success_5" | "success_10" | "success_20" | "success_30" | "success_40" | "success_50" | "success_60" | "success_70" | "success_80" | "success_90" | "warning_5" | "warning_10" | "warning_20" | "warning_30" | "warning_40" | "warning_50" | "warning_60" | "warning_70" | "warning_80" | "warning_90" | "danger_5" | "danger_10" | "danger_20" | "danger_30" | "danger_40" | "danger_50" | "danger_60" | "danger_70" | "danger_80" | "danger_90" | "inactive_5" | "inactive_10" | "inactive_20" | "inactive_30" | "inactive_40" | "inactive_50" | "inactive_60" | "inactive_70" | "inactive_80" | "inactive_90" | "positive_5" | "positive_10" | "positive_20" | "positive_30" | "positive_40" | "positive_50" | "positive_60" | "positive_70" | "positive_80" | "positive_90" | "negative_5" | "negative_10" | "negative_20" | "negative_30" | "negative_40" | "negative_50" | "negative_60" | "negative_70" | "negative_80" | "negative_90" | "static_5" | "static_10" | "static_20" | "static_30" | "static_40" | "static_50" | "static_60" | "static_70" | "static_80" | "static_90"), string>;
     /**
      * Border radius tokens.
      *
@@ -6161,5 +6269,5 @@ declare const Token: {
     };
 };
 
-export { Action, ActionButton, Avatar, Badge, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, CompactInput, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, MessageBubble, Page, Placeholder, Popup, ProgressSteps, Radio, RootProvider, Search, Spacer, Subheader, Switch, TabBar, Text, TextArea, Toast, ToggleButton, Token, VStack, VisuallyHidden, copyToClipboard, nodeChain, useDateFormat, useDateRangeFormat, useDateTimeFormat, useDropdown, useIsRTL, useMoneyFormat, useStatusSheet, useTimeFormat, useToast };
-export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BadgeProps, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarDisabledDays, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CompactInputProps, CopyableProps, CurrencyDefinition, DateFormatOptions, DateRangeFormatOptions, DateTimeFormatOptions, DetailsCellProps, DropdownOptions, DropdownProps, DropdownState, FilterButtonProps, FootnoteProps, GroupProps, GroupVariant, HStackProps, IconName, IconProps, ImageFit, ImageProp, ImageProps, InputProps, InputType, IntlMessages, LinkProps, ListProps, MessageBubbleProps, PageHeaderProps, PageMainProps, PageProps, PageTabsProps, PlaceholderProps, PopupProps, ProgressStepsProps, RadioProps, RootProviderProps, SearchProps, Space, SpacerProps, StackAlignment, StatusSheetAction, StatusSheetInstance, StatusSheetOptions, StatusSheetVariant, SubheaderProps, SubheaderVariant, SwitchProps, TabBarItem, TabBarProps, TabBarVariant, TextAreaProps, TextProps, TextVariant, ThemeBackground, ThemeMode, TimeFormatOptions, ToastActions, ToastProps, ToggleButtonProps, UseMoneyFormatOptions, VStackProps, VisuallyHiddenProps };
+export { Action, ActionButton, Avatar, Badge, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, CompactInput, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, MessageBubble, Page, Placeholder, Popup, ProgressSteps, Radio, RootProvider, Search, Spacer, StarRating, Subheader, Switch, TabBar, Text, TextArea, Toast, ToggleButton, Token, VStack, VisuallyHidden, copyToClipboard, nodeChain, useDateFormat, useDateRangeFormat, useDateTimeFormat, useDropdown, useIsRTL, useMoneyFormat, useStatusSheet, useTimeFormat, useToast };
+export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BadgeProps, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarDisabledDays, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CompactInputProps, CopyableProps, CurrencyDefinition, DateFormatOptions, DateRangeFormatOptions, DateTimeFormatOptions, DetailsCellProps, DropdownOptions, DropdownProps, DropdownState, FilterButtonProps, FootnoteProps, GroupProps, GroupVariant, HStackProps, IconName, IconProps, ImageFit, ImageProp, ImageProps, InputProps, InputType, IntlMessages, LinkProps, ListProps, MessageBubbleProps, PageHeaderProps, PageMainProps, PageProps, PageTabsProps, PlaceholderProps, PopupProps, ProgressStepsProps, RadioProps, RootProviderProps, SearchProps, Space, SpacerProps, StackAlignment, StarRatingProps, StatusSheetAction, StatusSheetInstance, StatusSheetOptions, StatusSheetVariant, SubheaderProps, SubheaderVariant, SwitchProps, TabBarItem, TabBarProps, TabBarVariant, TextAreaProps, TextProps, TextVariant, ThemeBackground, ThemeMode, TimeFormatOptions, ToastActions, ToastProps, ToggleButtonProps, UseMoneyFormatOptions, VStackProps, VisuallyHiddenProps };