@xfers/design-system 8.0.0-dev.cc13f5d18b → 8.0.0-dev.e1f2f20b70

package/cjs/index.js

@@ -1035,7 +1035,6 @@ padding-top:
   width: 240px;
   height: 100vh;
   box-sizing: border-box;
-  padding: 32px 0;
   background-color: ${t=>ru[t.variant]};
   display: flex;
   flex-direction: column;
@@ -1049,7 +1048,7 @@ padding-top:
   gap: 24px;
   width: 100%;
   box-sizing: border-box;
-  padding: 0 16px;
+  padding: 32px 16px;
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
@@ -1168,7 +1167,13 @@ padding-top:
   width: 100%;
   box-sizing: border-box;
   flex-shrink: 0;
-  margin-top: 24px;
+  /*
+   * margin-top: auto bottom-anchors the footer when the nav list is short
+   * (spare space in the flex column pushes it down). When the list overflows,
+   * auto resolves to 0 and the flex gap provides spacing, so the footer sits
+   * right after the last item and scrolls with the content.
+   */
+  margin-top: auto;
   background-color: ${rt.SECONDARY_NEUTRAL};
 `,Eu=ie.span`
   flex: 1 0 0;
@@ -1198,7 +1203,7 @@ padding-top:
   .material-symbols-rounded {
     font-size: 24px;
   }
-`,Au=({variant:e="business",logo:n,companyProfile:i,children:o,footer:r})=>{var a,l;const c=t.useContext(Cu),d=null===(a=null==c?void 0:c.open)||void 0===a||a,h=null!==(l=null==c?void 0:c.isMobile)&&void 0!==l&&l,u=s.default.createElement(du,{variant:e},s.default.createElement(hu,null,n&&s.default.createElement(uu,null,n),i,s.default.createElement(pu,null,o),r));return h?d?s.default.createElement($u,null,s.default.createElement(Ru,{onClick:()=>null==c?void 0:c.setOpen(!1),"aria-label":"Close navigation"}),s.default.createElement(Lu,null,u)):null:d?u:null},$u=ie.div`
+`,Au=({variant:e="business",logo:n,companyProfile:i,children:o,footer:r})=>{var a,l;const c=t.useContext(Cu),d=null===(a=null==c?void 0:c.open)||void 0===a||a,h=null!==(l=null==c?void 0:c.isMobile)&&void 0!==l&&l,u=s.default.createElement(du,{variant:e,"data-sidebar-root":!0},s.default.createElement(hu,null,n&&s.default.createElement(uu,null,n),i,s.default.createElement(pu,null,o),r));return h?d?s.default.createElement($u,null,s.default.createElement(Ru,{onClick:()=>null==c?void 0:c.setOpen(!1),"aria-label":"Close navigation"}),s.default.createElement(Lu,null,u)):null:d?u:null},$u=ie.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -1214,10 +1219,9 @@ padding-top:
   height: 100%;
   overflow-y: auto;
 `,Pu={Base:Au,Provider:Du,Trigger:Mu},Nu=({label:t,variant:e="business",active:n=!1,onClick:i})=>s.default.createElement(bu,{variant:e,active:n,onClick:i},s.default.createElement(xu,{variant:e,active:n},t)),Iu=ie.div`
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
-  z-index: 10;
+  position: fixed;
+  z-index: 1000;
+`,Fu=ie.div`
   width: 208px;
   box-sizing: border-box;
   padding: 8px 0;
@@ -1230,7 +1234,7 @@ padding-top:
   box-shadow:
     0px 12px 16px -4px rgba(10, 13, 18, 0.08),
     0px 4px 6px -2px rgba(10, 13, 18, 0.03);
-`,Fu=ie.div`
+`,zu=ie.div`
   display: flex;
   align-items: center;
   padding: 8px 12px;
@@ -1242,7 +1246,7 @@ padding-top:
   line-height: normal;
   color: ${at.ON_NEUTRAL_SECONDARY};
   white-space: nowrap;
-`,zu=ie.div`
+`,Bu=ie.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1255,7 +1259,7 @@ padding-top:
   &:hover {
     background-color: ${t=>t.active?ct.SIDEBAR_ACTIVE:st.HOVER_SURFACE};
   }
-`,Bu=ie.div`
+`,Yu=ie.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1267,7 +1271,7 @@ padding-top:
   &:hover {
     background-color: ${st.HOVER_SURFACE};
   }
-`,Yu=ie.div`
+`,Hu=ie.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -1275,7 +1279,7 @@ padding-top:
   gap: 4px;
   flex: 1 0 0;
   min-width: 0;
-`,Hu=ie.span`
+`,Vu=ie.span`
   width: 100%;
   font-family: ${pe}, ${ge};
   font-weight: 400;
@@ -1283,7 +1287,7 @@ padding-top:
   line-height: normal;
   color: ${at.ON_NEUTRAL};
   overflow-wrap: break-word;
-`,Vu=ie.span`
+`,Wu=ie.span`
   width: 100%;
   font-family: ${pe}, ${ge};
   font-weight: 400;
@@ -1291,7 +1295,7 @@ padding-top:
   line-height: normal;
   color: ${at.ON_NEUTRAL_SECONDARY};
   overflow-wrap: break-word;
-`,Wu=ie.span`
+`,Uu=ie.span`
   width: 100%;
   font-family: ${pe}, ${ge};
   font-weight: 400;
@@ -1299,7 +1303,7 @@ padding-top:
   line-height: normal;
   color: ${at.ON_NEUTRAL_SECONDARY};
   overflow-wrap: break-word;
-`,Uu=ie.div`
+`,ju=ie.div`
   width: 100%;
   height: 14px;
   flex-shrink: 0;
@@ -1313,18 +1317,18 @@ padding-top:
     margin: 0 12px;
     border-top: 1px solid ${at.LINE};
   }
-`,ju=({showMenuItems:t=!0,switchCompany:e=!0,companies:n=[],menuItems:i=[],onMenuItemClick:o})=>s.default.createElement(Iu,null,e&&n.length>0&&s.default.createElement(s.default.Fragment,null,s.default.createElement(Fu,null,"SWITCH COMPANY"),n.map(t=>s.default.createElement(zu,{key:t.name,active:t.active,onClick:t.onClick},s.default.createElement(Yu,null,s.default.createElement(Hu,null,t.name),t.subtitle&&s.default.createElement(Vu,null,t.subtitle)),t.active&&s.default.createElement(Ac,{icon:"check",size:"m",color:lt.POSITIVE}))),t&&i.length>0&&s.default.createElement(Uu,null)),t&&i.map(t=>s.default.createElement(Bu,{key:t.label,onClick:()=>{var e;null===(e=t.onClick)||void 0===e||e.call(t),null==o||o(t.label)}},s.default.createElement(Ac,{icon:t.icon,size:"m",color:at.ON_NEUTRAL_SECONDARY}),s.default.createElement(Yu,null,s.default.createElement(Wu,null,t.label)))));const Gu=s.default.createContext({setModal:()=>null,resetModal:()=>null}),Xu=document.body,qu=({modal:e})=>{const[n]=t.useState(document.createElement("div"));n.setAttribute("id","modal-root"),t.useEffect(()=>(Xu.appendChild(n),()=>{Xu.removeChild(n)}),[n]);const i=s.default.createElement(It,{styles:Et`
+`,Gu=({showMenuItems:t=!0,switchCompany:e=!0,companies:n=[],menuItems:i=[],onMenuItemClick:o})=>s.default.createElement(Fu,null,e&&n.length>0&&s.default.createElement(s.default.Fragment,null,s.default.createElement(zu,null,"SWITCH COMPANY"),n.map(t=>s.default.createElement(Bu,{key:t.name,active:t.active,onClick:t.onClick},s.default.createElement(Hu,null,s.default.createElement(Vu,null,t.name),t.subtitle&&s.default.createElement(Wu,null,t.subtitle)),t.active&&s.default.createElement(Ac,{icon:"check",size:"m",color:lt.POSITIVE}))),t&&i.length>0&&s.default.createElement(ju,null)),t&&i.map(t=>s.default.createElement(Yu,{key:t.label,onClick:()=>{var e;null===(e=t.onClick)||void 0===e||e.call(t),null==o||o(t.label)}},s.default.createElement(Ac,{icon:t.icon,size:"m",color:at.ON_NEUTRAL_SECONDARY}),s.default.createElement(Hu,null,s.default.createElement(Uu,null,t.label)))));const Xu=s.default.createContext({setModal:()=>null,resetModal:()=>null}),qu=document.body,Zu=({modal:e})=>{const[n]=t.useState(document.createElement("div"));n.setAttribute("id","modal-root"),t.useEffect(()=>(qu.appendChild(n),()=>{qu.removeChild(n)}),[n]);const i=s.default.createElement(It,{styles:Et`
         body {
           overflow: hidden;
         }
-      `});return c.default.createPortal(s.default.createElement(Ku,{open:!!e},!!e&&i,e),n)},Zu=zt`
+      `});return c.default.createPortal(s.default.createElement(Ju,{open:!!e},!!e&&i,e),n)},Ku=zt`
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
-`,Ku=ie.div`
+`,Ju=ie.div`
   position: fixed;
   width: 100vw;
   height: 100%;
@@ -1336,7 +1340,7 @@ padding-top:
   z-index: 9; // bigger than nav bar z-index: 8
   ${t=>t.open&&Et`
       display: block;
-      animation: ${Zu} 0.3s ease;
+      animation: ${Ku} 0.3s ease;
     `};
 `;exports.AccessApiTwoTone=n.SvgAccessApiTwoTone,exports.AccountStatement=n.SvgAccountStatement,exports.Add=n.SvgAdd,exports.Api=n.SvgApi,exports.ApiDocsTwoTone=n.SvgApiDocsTwoTone,exports.ArrowDown=n.SvgArrowDown,exports.ArrowLeft=n.SvgArrowLeft,exports.ArrowRight=n.SvgArrowRight,exports.ArrowSwitch=n.SvgArrowSwitch,exports.ArrowUp=n.SvgArrowUp,exports.Authorize=n.SvgAuthorize,exports.Avatar=n.SvgAvatar,exports.AvatarFilled=n.SvgAvatarFilled,exports.Bank=n.SvgBank,exports.BankFilled=n.SvgBankFilled,exports.BankFilledBackground=n.SvgBankFilledBackground,exports.Bell=n.SvgBell,exports.BellFilled=n.SvgBellFilled,exports.BulletPointArrow=n.SvgBulletPointArrow,exports.Calendar=n.SvgCalendar,exports.Camera=n.SvgCamera,exports.CardFilled=n.CardFilled,exports.Coins=n.Coins,exports.Company=n.SvgCompany,exports.CompanyComplexTwoTone=n.SvgCompanyComplexTwoTone,exports.CompanyTwoTone=n.SvgCompanyTwoTone,exports.Confirmation=n.SvgConfirmation,exports.CopyToClipboard=n.SvgCopyToClipboard,exports.CreditCard=n.SvgCreditCard,exports.Cross=n.SvgCross,exports.CrossMini=n.SvgCrossMini,exports.CustomerKnowledgeAssessment=n.SvgCustomerKnowledgeAssessment,exports.CustomerSupport=n.SvgCustomerSupport,exports.CustomerSupportTwoTone=n.SvgCustomerSupportTwoTone,exports.Delete=n.SvgDelete,exports.DepositTwoTone=n.SvgDepositTwoTone,exports.DeveloperTool=n.SvgDeveloperTool,exports.DeveloperToolTwoTone=n.SvgDeveloperToolTwoTone,exports.DirectMint=n.SvgDirectMint,exports.Document=n.SvgDocument,exports.DocumentFilled=n.SvgDocumentFilled,exports.DocumentWithMagnifier=n.SvgDocumentWithMagnifier,exports.Dots=n.SvgDots,exports.DownArrow=n.SvgDownArrow,exports.Download=n.SvgDownload,exports.Earn=n.SvgEarn,exports.Edit=n.SvgEdit,exports.Employee=n.SvgEmployee,exports.EmptyIcon=n.SvgEmptyIcon,exports.EmptyStateWithPattern=n.SvgEmptyStateWithPattern,exports.Expand=n.SvgExpand,exports.ExternalLink=n.SvgExternalLink,exports.Faq=n.SvgFaq,exports.FaqDialog=n.SvgFaqDialog,exports.FaqFilled=n.SvgFaqFilled,exports.File=n.SvgFile,exports.Filter=n.SvgFilter,exports.Flag=n.SvgFlag,exports.FlipHorizontal=n.SvgFlipHorizontal,exports.FlipVertical=n.SvgFlipVertical,exports.GenerateVA=n.GenerateVA,exports.HandShake=n.SvgHandShake,exports.HelpGuide=n.SvgHelpGuide,exports.Home=n.SvgHome,exports.Idea=n.SvgIdea,exports.Info=n.SvgInfo,exports.InfoFilled=n.SvgInfoFilled,exports.Invoice=n.SvgInvoice,exports.LockFilled=n.SvgLockFilled,exports.LockWithKeyHole=n.SvgLockWithKeyHole,exports.Login=n.SvgLogin,exports.Logout=n.SvgLogout,exports.LowFee=n.SvgLowFee,exports.Mail=n.SvgMail,exports.MemoCard=n.MemoCard,exports.MintSetupWallet=n.MintSetupWallet,exports.MintWallet=n.SvgMintWallet,exports.Minus=n.SvgMinus,exports.Mobile=n.SvgMobile,exports.More=n.SvgMore,exports.NavDashboard=n.SvgNavDashboard,exports.NavHamburger=n.SvgNavHamburger,exports.NavTransactions=n.SvgNavTransactions,exports.Notes=n.SvgNotes,exports.OneToOneXIDR=n.SvgOneToOneXIDR,exports.OneToOneXSGD=n.SvgOneToOneXSGD,exports.Outgoing=n.SvgOutgoing,exports.Passport=n.SvgPassport,exports.PaymentTwoTone=n.SvgPaymentTwoTone,exports.Payout=n.SvgPayout,exports.PenField=n.PenField,exports.Pending=n.SvgPending,exports.PersonWithCheckmark=n.SvgPersonWithCheckmark,exports.PersonWithError=n.SvgPersonWithError,exports.PersonalTwoTone=n.SvgPersonalTwoTone,exports.PiggyBank=n.SvgPiggyBank,exports.Reroll=n.SvgReroll,exports.Resend=n.SvgCallback,exports.Response=n.SvgResponse,exports.RotateLeft=n.SvgRotateLeft,exports.RotateRight=n.SvgRotateRight,exports.Scan=n.SvgScan,exports.Search=n.SvgSearch,exports.SendEmail=n.SvgSendEmail,exports.SendInvitation=n.SvgSendInvitation,exports.Settings=n.SvgSettings,exports.SettingsFilled=n.SvgSettingsFilled,exports.SignUpTwoTone=n.SvgSignUpTwoTone,exports.StateSuccessV2=n.StateSuccess,exports.StraitsXDecoVertical=n.Coins$1,exports.StraitsXEarnExchange=n.SvgExchange,exports.StraitsXEarnFee=n.SvgFee,exports.StraitsXEarnWallet=n.SvgWallet$1,exports.StraitsXEarnWithdrawal=n.SvgWithdrawal,exports.Swap=n.SvgSwap,exports.Switch=n.SvgSwitch,exports.SwitchAccount=n.SvgSwitchAccount,exports.Thumbnail=n.SvgThumbnail,exports.ThumbnailTwoTone=n.SvgThumbnailTwoTone,exports.Tick=n.SvgTick,exports.Time=n.Time,exports.Tips=n.SvgTips,exports.Transaction=n.SvgTransaction,exports.TwoFA=n.TwoFA,exports.Unlink=n.SvgUnlink,exports.UpArrow=n.SvgUpArrow,exports.Upload=n.SvgUpload,exports.UsefulLinks=n.SvgUsefulLinks,exports.UsefulLinksTwoTone=n.SvgUsefulLinksTwoTone,exports.User=n.SvgUser,exports.VerifiedShield=n.SvgVerifiedShield,exports.VerifyIdentity=n.SvgVerifyIdentity,exports.VerifyPhone=n.SvgVerifyPhone,exports.Wallet=n.SvgWallet,exports.WalletFilled=n.SvgWalletFilled,exports.WalletLinkIllustration=n.SvgWalletLinkIllustration,exports.WalletManualIllustration=n.SvgWalletManualIllustration,exports.WarningFilled=n.SvgWarningFilled,exports.WithdrawalTwoTone=n.SvgWithdrawalTwoTone,exports.Alfamart=o.SvgAlfamart,exports.Alfamidi=o.SvgAlfamidi,exports.Anz=o.SvgAnz,exports.Arbitrum=o.Arbitrum,exports.Avalanche=o.Avalanche,exports.Base=o.Base,exports.Bca=o.SvgBca,exports.Bea=o.SvgBea,exports.Binance=o.SvgBinance,exports.Bitgo=o.SvgBitgo,exports.Bnbsmart=o.BnbSmart,exports.Bni=o.SvgBni,exports.Bnp=o.SvgBnp,exports.Boc=o.SvgBoc,exports.Bri=o.SvgBri,exports.Bsi=o.SvgBsi,exports.Bss=o.SvgBss,exports.Cimb=o.SvgCimb,exports.Citi=o.SvgCiti,exports.Coinhako=o.SvgCoinhako,exports.Coinut=o.SvgCoinut,exports.CrossLogo=o.SvgCrossLogo,exports.Crypto=o.SvgCrypto,exports.DanPlusDan=o.SvgDanPlusDan,exports.Dana=o.SvgDana,exports.Danamon=o.SvgDanamon,exports.DarkStraitsXLogo=o.SvgDarkStraitsXLogo,exports.DarkStraitsXUserInfoBarLogo=o.SvgDarkStraitsXUserInfoBarLogo,exports.Dbag=o.SvgDbag,exports.Dbs=o.SvgDbs,exports.Dextf=o.SvgDextf,exports.EarnPiggyBank=o.SvgEarnPiggyBank,exports.EmptyStraitsX=o.EmptyStraitsX,exports.Ethereum=o.SvgEthereum,exports.FaceScan=o.FaceScan,exports.Fazz=o.SvgFazzLogo,exports.Feb=o.SvgFeb,exports.Finblox=o.SvgFinblox,exports.Fireblocks=o.SvgFireblocks,exports.GoPay=o.SvgGoPay,exports.Gpn=o.SvgGpn,exports.Hana=o.SvgHana,exports.Hedera=o.SvgHedera,exports.Hlb=o.SvgHlb,exports.Hodlnaut=o.SvgHodlnaut,exports.Hsbc=o.SvgHsbc,exports.Icbc=o.SvgIcbc,exports.Icici=o.SvgIcici,exports.IdFlag=o.SvgIdFlag,exports.IdrLogo=o.SvgIdrLogo,exports.Indomaret=o.SvgIndomaret,exports.InfoLogo=o.SvgInfoLogo,exports.InterestCompoundedDaily=o.SvgInterestCompoundedDaily,exports.Jcb=o.SvgJcb,exports.Jpmc=o.SvgSmbc,exports.Jumio=o.SvgJumio,exports.Lawson=o.SvgLawson,exports.LedgerVault=o.SvgLedgerVault,exports.LevelDown=o.LevelDown,exports.LightStraitsXLogo=o.SvgLightStraitsXLogo,exports.LinkAja=o.SvgLinkAja,exports.Liquid=o.SvgLiquid,exports.Mandiri=o.SvgMandiri,exports.Mastercard=o.SvgMastercard,exports.Mbb=o.SvgMbb,exports.Miz=o.SvgMiz,exports.Mufg=o.SvgMufg,exports.MyInfoLogo=o.SvgMyInfoLogo,exports.NoFees=o.SvgNoFees,exports.NoLockInPeriod=o.SvgNoLockInPeriod,exports.NotesBell=o.NotesBell,exports.OVO=o.SvgOvo,exports.Ocbc=o.SvgOcbc,exports.OnchainCustodian=o.SvgOnchainCustodian,exports.Permata=o.SvgPermata,exports.Polygon=o.SvgPolygon,exports.Posb=o.SvgPosb,exports.QcpCapital=o.SvgQcpCapital,exports.Qris=o.SvgQris,exports.Rbs=o.SvgRbs,exports.Rhb=o.SvgRhb,exports.Ripple=o.Ripple,exports.Scb=o.SvgScb,exports.SendLogo=o.SvgSendLogo,exports.SgdLogo=o.SvgSgdLogo,exports.ShopeePay=o.SvgShopeePay,exports.Sifl=o.SvgSifl,exports.Smbc=o.SvgSmbc$1,exports.Solana=o.Solana,exports.Sparrow=o.SvgSparrow,exports.StateError=o.StateError,exports.StateSuccess=o.StateSuccess,exports.StraitsXBusinessAccountDarkLogo=o.SvgStraitsXBusinessAccountDarkLogo,exports.StraitsXBusinessAccountLightLogo=o.SvgStraitsXBusinessAccountLightLogo,exports.StraitsXLogo=o.SvgStraitsXLogo,exports.StraitsXMyInfo=o.SvgStraitsXMyInfo,exports.StraitsXPersonalAccountDarkLogo=o.SvgStraitsXPersonalAccountDarkLogo,exports.StraitsXPersonalAccountLightLogo=o.SvgStraitsXPersonalAccountLightLogo,exports.StraitsXSandboxLogo=o.SvgStraitsXSandboxLogo,exports.StraitsxSandboxLogo=o.SvgStraitsxSandboxLogo,exports.Target=o.Target,exports.ThreeDSecure=o.SvgThreedsecure,exports.ThreeDotsLogo=o.SvgThreeDotsLogo,exports.TickLogo=o.SvgTickLogo,exports.TokenizeXchange=o.SvgTokenizeXchange,exports.Tron=o.Tron,exports.Trwi=o.SvgTrwi,exports.Unagii=o.SvgUnagii,exports.Uniswap=o.SvgUniswap,exports.Uob=o.SvgUob,exports.UsFlag=o.SvgUsFlag,exports.UsdLogo=o.SvgUsdLogo,exports.UsdcLogo=o.SvgUsdcLogo,exports.UsdpLogo=o.SvgUsdpLogo,exports.UsdtLogo=o.SvgUsdtLogo,exports.VecDeposits=o.SvgVecDeposits,exports.VecDesktop=o.SvgVecDesktop,exports.VecEmpty=o.SvgVecEmpty,exports.VecEmptyPlain=o.SvgVecEmptyPlain,exports.VecEmptyPlainGreen=o.SvgVecEmptyPlainGreen,exports.VecMobile=o.SvgVecMobile,exports.VecRecipients=o.SvgVecRecipients,exports.VecThumbnailDoc=o.SvgVecThumbnailDoc,exports.Visa=o.SvgVisa,exports.WalletLogo=o.SvgWalletLogo,exports.XfersLogo=o.SvgXfersLogo,exports.XfersSandboxLogo=o.SvgXfersSandboxLogo,exports.XidrLogo=o.SvgXidrLogo,exports.XsgdLogo=o.SvgXsgdLogo,exports.XusdLogo=o.SvgXusdLogo,exports.Zillet=o.SvgZillet,exports.Zilliqa=o.SvgZilliqa,exports.Zilswap=o.SvgZilswap,exports.Accordion=({header:e,body:n,defaultOpen:i=!1,headerHeightDesktop:o=95,headerHeightMobile:r=95,toggleText:a,onCloseToggleText:l=a,additionalHeaderItem:c,withBoxShadow:d=!1})=>{const[h,u]=t.useState(i);return s.default.createElement(dn,{open:h,headerHeightDesktop:o,headerHeightMobile:r,withBoxShadow:d},s.default.createElement(hn,{onClick:()=>u(t=>!t),headerHeightDesktop:o,headerHeightMobile:r},s.default.createElement(un,null,e,s.default.createElement(gn,null,a&&s.default.createElement(pn,null,h?l:a),s.default.createElement(fn,{open:h}))),c&&s.default.createElement(s.default.Fragment,null,c)),s.default.createElement(cn,null),s.default.createElement("div",null,n))},exports.ActionButton=t=>{var{icon:e,type:n,disabled:i}=t,o=d(t,["icon","type","disabled"]);const{brand:r,actionButton:a}=ze(),l=`\n    cursor: auto;\n    pointer-events: none;\n    opacity: ${r.action.disabledOpacity};\n  `,c=`\n        color: ${a.color};\n\n        &:focus {\n            color: ${a.color};\n        }\n\n        &:hover {\n            color: ${a.hover};\n        }\n\n        &:active {\n            color: ${a.color};\n        }\n  `,h=`\n        color: ${r.action.default};\n\n        &:focus {\n            color: ${r.action.default};\n        }\n\n        &:hover {\n            color: ${r.action.hover};\n        }\n\n        &:active {\n            color: ${r.action.default};\n        }\n  `,u=ie(qe)`
     &.ant-btn {
@@ -1420,7 +1424,7 @@ padding-top:
   `,m=pt`
     display: block;
     margin: 1px 6px auto 0;
-  `;return s.default.createElement(g,Object.assign({},r),e&&("primary"===o?s.default.createElement(n.SvgInfoFilled,{style:{minHeight:"18px",minWidth:"18px"},color:a.primary.emphasis,className:ut(m)}):"success"===o?s.default.createElement(n.SvgTick,{style:{minHeight:"18px",minWidth:"18px"},color:Pe.color.status.positive,className:ut(m)}):"warning"===o?s.default.createElement(n.SvgWarningFilled,{style:{minHeight:"18px",minWidth:"18px"},color:Pe.color.status.warning,className:ut(m)}):"error"===o?s.default.createElement(n.SvgCrossMini,{style:{minHeight:"18px",minWidth:"18px"},color:Pe.color.status.critical,className:ut(m)}):"notification"===o?s.default.createElement(n.SvgInfoFilled,{style:{minHeight:"18px",minWidth:"18px"},color:Pe.color.status.info,className:ut(m)}):s.default.createElement(s.default.Fragment,null)),s.default.createElement(bt.Body,{size:"md"},i))},exports.Button=qe,exports.Card=Qe,exports.Carousel=function(t){var{children:e,activeKey:n,width:i=250}=t,o=d(t,["children","activeKey","width"]);const{brand:r}=ze(),a=e.map((t,e)=>({key:String(e),label:null,children:t,forceRender:!0})),l=e.map((t,e)=>s.default.createElement(wc,{key:e,isActive:e===n,activeColor:r.primary.default}));return s.default.createElement(yc,null,s.default.createElement(vc,Object.assign({renderTabBar:()=>s.default.createElement("div",null),width:i,activeKey:n.toString(),animated:!0,items:a},o)),s.default.createElement(_c,null,l))},exports.Chart=({xValues:e,yValues:n,dataPrefix:i,dataPostfix:o,straitsXStyle:r,height:a=40})=>{const l=t.useRef(null),[c,d]=t.useState({datasets:[]}),h={labels:e,datasets:[{data:n}]},u=i||"",p=o||"";t.useEffect(()=>{const t=l.current;if(!t)return;const e=t.ctx,n=e.createLinearGradient(0,0,0,280);n.addColorStop(.3,"rgba(47, 141, 238, 0.08)"),n.addColorStop(.6,"rgba(47, 141, 238, 0.0002)"),n.addColorStop(1,"rgba(47, 141, 238, 0");const i=e.createLinearGradient(0,0,0,280);i.addColorStop(0,"rgba(0, 211, 126, 0.2)"),i.addColorStop(.1,"rgba(0, 211, 126, 0.1)"),i.addColorStop(1,"rgba(0, 211, 126, 0)");const o=Object.assign(Object.assign({},h),{datasets:h.datasets.map(t=>Object.assign(Object.assign({},t),{backgroundColor:r?i:n,fill:!0,borderColor:r?"#00D37E":"#2E8DEE",pointRadius:0}))});d(o)},[r,e,n]);const f={maintainAspectRatio:!1,plugins:{legend:{display:!1,labels:{font:{family:"'Inter', 'Arial', sans-serif"}}},tooltip:{intersect:!1,padding:15,displayColors:!1,borderColor:"rgba(0, 211, 126, 1)",borderWidth:r?1:0,backgroundColor:r?"#ffffff":"#000000",titleColor:r?"#1B2736":"#fff",bodyColor:r?"#1B2736":"#fff",titleAlign:"center",bodyAlign:"center",titleFont:{size:14},bodyFont:{size:14},callbacks:{title:t=>r?`${u}${t[0].parsed.y}${p}`:t[0].label,label:t=>r?t.label:`${u}${t.parsed.y}${p}`}}},scales:{x:{ticks:{color:r?"#1B2736":"rgba(0, 0, 0, 0.4)",font:{weight:"500",size:13}},grid:{display:!1}},y:{ticks:{beginAtZero:!0,padding:18,maxTicksLimit:3,color:r?"#1B2736":"rgba(0, 0, 0, 0.4)",callback:t=>`${u}${t}${p}`},grid:{display:!1,drawBorder:!1}}}};return s.default.createElement("div",{style:{position:"relative",height:`${a}vh`,width:"99%"}},s.default.createElement(xc,{id:"chart",ref:l,type:"line",data:c,options:f}))},exports.Checkbox=Mh,exports.Coachmark=function({index:t,primaryProps:e,size:n,skipProps:i,step:o,tooltipProps:r,backProps:a}){const{title:l,content:c,data:d}=o;return s.default.createElement(Zh,{role:r.role},s.default.createElement(Kh,null,s.default.createElement(Jh,null,s.default.createElement(bt.Label,{size:"md"},l),s.default.createElement(Qh,{role:i.role,onClick:i.onClick},s.default.createElement(Ac,{icon:"close",size:"m"}))),s.default.createElement(bt.Body,{size:"md"},c)),s.default.createElement(tu,null,s.default.createElement(eu,null,Array.from({length:n},(e,n)=>0===t&&!0===(null==d?void 0:d.skipZeroIndex)?s.default.createElement(s.default.Fragment,null):s.default.createElement(nu,{key:n,isActive:n===t}))),s.default.createElement(ou,null,a&&s.default.createElement(iu,{typographyType:"label",size:"md",role:null==a?void 0:a.role,isDisabled:0===t,onClick:a.onClick,isUnderlined:!1},"Back"),s.default.createElement(Lh,{typographyType:"label",size:"md",role:e.role,onClick:e.onClick,isUnderlined:!1},"Next"))))},exports.CompanyProfile=({companyName:e="ABC Pte. Ltd",subtitle:n="Company",enableDropdown:i=!0,switchOnly:o=!1,companies:r,menuItems:a,onMenuItemClick:l,onClick:c})=>{const[d,h]=t.useState(!1),u=t.useRef(null),p=null!=r?r:[{name:e,subtitle:"Business Account",active:!0}];t.useEffect(()=>{if(!d)return;const t=t=>{var e;(null===(e=u.current)||void 0===e?void 0:e.contains(t.target))||h(!1)},e=t=>{"Escape"===t.key&&h(!1)};return document.addEventListener("mousedown",t),document.addEventListener("keydown",e),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("keydown",e)}},[d]);return s.default.createElement(yu,{ref:u},s.default.createElement(vu,{onClick:()=>{i&&h(t=>!t),null==c||c()}},s.default.createElement(_u,null,s.default.createElement(wu,null,e),s.default.createElement(Su,null,n)),i&&s.default.createElement(Ac,{icon:"keyboard_arrow_down",size:"m",color:at.ON_NEUTRAL_SECONDARY,style:d?{transform:"rotate(180deg)"}:void 0})),i&&d&&s.default.createElement(ju,{showMenuItems:!o,companies:p,menuItems:a,onMenuItemClick:l}))},exports.CompanyProfileDropdown=ju,exports.ContentBreakdown=({title:t,children:e})=>{const{spacing:n,neutral:i}=ze(),o=ie.div`
+  `;return s.default.createElement(g,Object.assign({},r),e&&("primary"===o?s.default.createElement(n.SvgInfoFilled,{style:{minHeight:"18px",minWidth:"18px"},color:a.primary.emphasis,className:ut(m)}):"success"===o?s.default.createElement(n.SvgTick,{style:{minHeight:"18px",minWidth:"18px"},color:Pe.color.status.positive,className:ut(m)}):"warning"===o?s.default.createElement(n.SvgWarningFilled,{style:{minHeight:"18px",minWidth:"18px"},color:Pe.color.status.warning,className:ut(m)}):"error"===o?s.default.createElement(n.SvgCrossMini,{style:{minHeight:"18px",minWidth:"18px"},color:Pe.color.status.critical,className:ut(m)}):"notification"===o?s.default.createElement(n.SvgInfoFilled,{style:{minHeight:"18px",minWidth:"18px"},color:Pe.color.status.info,className:ut(m)}):s.default.createElement(s.default.Fragment,null)),s.default.createElement(bt.Body,{size:"md"},i))},exports.Button=qe,exports.Card=Qe,exports.Carousel=function(t){var{children:e,activeKey:n,width:i=250}=t,o=d(t,["children","activeKey","width"]);const{brand:r}=ze(),a=e.map((t,e)=>({key:String(e),label:null,children:t,forceRender:!0})),l=e.map((t,e)=>s.default.createElement(wc,{key:e,isActive:e===n,activeColor:r.primary.default}));return s.default.createElement(yc,null,s.default.createElement(vc,Object.assign({renderTabBar:()=>s.default.createElement("div",null),width:i,activeKey:n.toString(),animated:!0,items:a},o)),s.default.createElement(_c,null,l))},exports.Chart=({xValues:e,yValues:n,dataPrefix:i,dataPostfix:o,straitsXStyle:r,height:a=40})=>{const l=t.useRef(null),[c,d]=t.useState({datasets:[]}),h={labels:e,datasets:[{data:n}]},u=i||"",p=o||"";t.useEffect(()=>{const t=l.current;if(!t)return;const e=t.ctx,n=e.createLinearGradient(0,0,0,280);n.addColorStop(.3,"rgba(47, 141, 238, 0.08)"),n.addColorStop(.6,"rgba(47, 141, 238, 0.0002)"),n.addColorStop(1,"rgba(47, 141, 238, 0");const i=e.createLinearGradient(0,0,0,280);i.addColorStop(0,"rgba(0, 211, 126, 0.2)"),i.addColorStop(.1,"rgba(0, 211, 126, 0.1)"),i.addColorStop(1,"rgba(0, 211, 126, 0)");const o=Object.assign(Object.assign({},h),{datasets:h.datasets.map(t=>Object.assign(Object.assign({},t),{backgroundColor:r?i:n,fill:!0,borderColor:r?"#00D37E":"#2E8DEE",pointRadius:0}))});d(o)},[r,e,n]);const f={maintainAspectRatio:!1,plugins:{legend:{display:!1,labels:{font:{family:"'Inter', 'Arial', sans-serif"}}},tooltip:{intersect:!1,padding:15,displayColors:!1,borderColor:"rgba(0, 211, 126, 1)",borderWidth:r?1:0,backgroundColor:r?"#ffffff":"#000000",titleColor:r?"#1B2736":"#fff",bodyColor:r?"#1B2736":"#fff",titleAlign:"center",bodyAlign:"center",titleFont:{size:14},bodyFont:{size:14},callbacks:{title:t=>r?`${u}${t[0].parsed.y}${p}`:t[0].label,label:t=>r?t.label:`${u}${t.parsed.y}${p}`}}},scales:{x:{ticks:{color:r?"#1B2736":"rgba(0, 0, 0, 0.4)",font:{weight:"500",size:13}},grid:{display:!1}},y:{ticks:{beginAtZero:!0,padding:18,maxTicksLimit:3,color:r?"#1B2736":"rgba(0, 0, 0, 0.4)",callback:t=>`${u}${t}${p}`},grid:{display:!1,drawBorder:!1}}}};return s.default.createElement("div",{style:{position:"relative",height:`${a}vh`,width:"99%"}},s.default.createElement(xc,{id:"chart",ref:l,type:"line",data:c,options:f}))},exports.Checkbox=Mh,exports.Coachmark=function({index:t,primaryProps:e,size:n,skipProps:i,step:o,tooltipProps:r,backProps:a}){const{title:l,content:c,data:d}=o;return s.default.createElement(Zh,{role:r.role},s.default.createElement(Kh,null,s.default.createElement(Jh,null,s.default.createElement(bt.Label,{size:"md"},l),s.default.createElement(Qh,{role:i.role,onClick:i.onClick},s.default.createElement(Ac,{icon:"close",size:"m"}))),s.default.createElement(bt.Body,{size:"md"},c)),s.default.createElement(tu,null,s.default.createElement(eu,null,Array.from({length:n},(e,n)=>0===t&&!0===(null==d?void 0:d.skipZeroIndex)?s.default.createElement(s.default.Fragment,null):s.default.createElement(nu,{key:n,isActive:n===t}))),s.default.createElement(ou,null,a&&s.default.createElement(iu,{typographyType:"label",size:"md",role:null==a?void 0:a.role,isDisabled:0===t,onClick:a.onClick,isUnderlined:!1},"Back"),s.default.createElement(Lh,{typographyType:"label",size:"md",role:e.role,onClick:e.onClick,isUnderlined:!1},"Next"))))},exports.CompanyProfile=({companyName:e="ABC Pte. Ltd",subtitle:n="Company",enableDropdown:o=!0,switchOnly:r=!1,companies:a,menuItems:l,onMenuItemClick:c,onClick:d})=>{const[h,u]=t.useState(!1),[p,f]=t.useState(null),g=t.useRef(null),m=t.useRef(null),b=t.useRef(null),x=null!=a?a:[{name:e,subtitle:"Business Account",active:!0}];t.useLayoutEffect(()=>{if(!h)return;const t=m.current;if(!t)return;const e=()=>{const e=t.getBoundingClientRect(),n=t.closest("[data-sidebar-root]"),i=n?n.getBoundingClientRect().right:e.right;f({top:e.top,left:i+8})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[h]),t.useEffect(()=>{if(!h)return;const t=t=>{var e,n;const i=t.target;(null===(e=g.current)||void 0===e?void 0:e.contains(i))||(null===(n=b.current)||void 0===n?void 0:n.contains(i))||u(!1)},e=t=>{"Escape"===t.key&&u(!1)};return document.addEventListener("mousedown",t),document.addEventListener("keydown",e),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("keydown",e)}},[h]);return s.default.createElement(yu,{ref:g},s.default.createElement(vu,{ref:m,onClick:()=>{o&&u(t=>!t),null==d||d()}},s.default.createElement(_u,null,s.default.createElement(wu,null,e),s.default.createElement(Su,null,n)),o&&s.default.createElement(Ac,{icon:"keyboard_arrow_down",size:"m",color:at.ON_NEUTRAL_SECONDARY,style:h?{transform:"rotate(180deg)"}:void 0})),o&&h&&p&&i.createPortal(s.default.createElement(Iu,{ref:b,style:{top:p.top,left:p.left}},s.default.createElement(Gu,{showMenuItems:!r,companies:x,menuItems:l,onMenuItemClick:c})),document.body))},exports.CompanyProfileDropdown=Gu,exports.ContentBreakdown=({title:t,children:e})=>{const{spacing:n,neutral:i}=ze(),o=ie.div`
     margin-top: ${n.sm};
     padding: ${n.md};
     background: ${i.background};
@@ -1510,7 +1514,7 @@ padding-top:
     align-self: center;
     margin-bottom: 20px;
     ${_e};
-  `;return s.default.createElement(c,{backgroundColor:o},s.default.createElement(l,null,t),s.default.createElement(d,null,e),s.default.createElement(h,null,n),i)},exports.FALLBACK_FONT="Inter",exports.Form=ud,exports.H1=tn,exports.H2=en,exports.H3=nn,exports.H4=sn,exports.Hidden=Eh,exports.Input=bd,exports.InputWithButton=({buttonText:t,onButtonClick:e,prefix:n,placeholder:i,value:o,defaultValue:r,onChange:a,disabled:l=!1,disabledInput:c=!1,disabledPrefix:d=!1,staticPrefix:h=!1,error:u=!1,className:p})=>{const f=ze(),g=l||c,m=l||d,b=u?f.color.status.critical:f.color.base.line,x=f.color.base.line;return s.default.createElement(_d,{className:p},n&&s.default.createElement(wd,{borderColor:x,bgColor:m?f.color.surface.disabledSurface:h?f.color.surface.secondaryNeutral:f.color.surface.neutral,hoverBgColor:m?f.color.surface.disabledSurface:f.color.interactive.hoverSurface,textColor:m?f.color.surface.disabledOnSurface:f.color.base.onNeutral,isDisabled:m},n),s.default.createElement(Sd,{type:"text",placeholder:i,value:o,defaultValue:r,onChange:a,disabled:g,borderColor:b,focusBorderColor:f.color.base.primary2,textColor:f.color.base.onNeutral,placeholderColor:f.color.component.placeholderInput,disabledBgColor:f.color.surface.disabledSurface,disabledTextColor:f.color.surface.disabledOnSurface,hasPrefix:!!n,isDisabled:g}),s.default.createElement(kd,{type:"button",onClick:e,disabled:l||u,bgColor:f.color.base.primary,disabledBgColor:f.color.surface.disabledSurface,textColor:f.color.base.onNeutral,disabledTextColor:f.color.surface.disabledOnSurface,isDisabled:l||u},t))},exports.LAPTOP_BREAKPOINT="@media (min-width: 768px)",exports.Link=Lh,exports.MAIN_FONT=Ze,exports.MaterialSymbols=Ac,exports.Modal=({onClose:t,variant:e="default",size:i="small",title:o,children:r,footer:a,disabledCloseIcon:l,className:c,illustration:d,headerImage:h})=>{const{neutral:u}=ze(),p="newFeature"===e?"medium":i,f=!l&&s.default.createElement(zd,{onClick:()=>t()},s.default.createElement(n.SvgCross,{color:u.text,width:18}));return s.default.createElement(Cd,{modalSize:p,className:c},(()=>{switch(e){case"illustration":return s.default.createElement(s.default.Fragment,null,s.default.createElement(Td,null,f),s.default.createElement(Ad,null,d&&s.default.createElement($d,null,d),o&&s.default.createElement(Rd,null,o)));case"newFeature":return s.default.createElement(s.default.Fragment,null,h&&s.default.createElement(Ld,null,h),o&&s.default.createElement(Pd,null,s.default.createElement(Nd,null,o)));default:return(o||!l)&&s.default.createElement(Od,null,s.default.createElement(Dd,null,s.default.createElement(Md,null,o||""),f))}})(),s.default.createElement(Id,null,r),a&&s.default.createElement(Fd,null,a))},exports.ModalProvider=({children:e})=>{const[n,i]=t.useState(),o=t.useCallback(()=>{i(void 0)},[i]);return s.default.createElement(Gu.Provider,{value:{resetModal:o,setModal:i}},e,s.default.createElement(qu,{modal:n}))},exports.Note=({title:t,children:e})=>{const n=Array.isArray(e)&&e.length>1,i=ie.div`
+  `;return s.default.createElement(c,{backgroundColor:o},s.default.createElement(l,null,t),s.default.createElement(d,null,e),s.default.createElement(h,null,n),i)},exports.FALLBACK_FONT="Inter",exports.Form=ud,exports.H1=tn,exports.H2=en,exports.H3=nn,exports.H4=sn,exports.Hidden=Eh,exports.Input=bd,exports.InputWithButton=({buttonText:t,onButtonClick:e,prefix:n,placeholder:i,value:o,defaultValue:r,onChange:a,disabled:l=!1,disabledInput:c=!1,disabledPrefix:d=!1,staticPrefix:h=!1,error:u=!1,className:p})=>{const f=ze(),g=l||c,m=l||d,b=u?f.color.status.critical:f.color.base.line,x=f.color.base.line;return s.default.createElement(_d,{className:p},n&&s.default.createElement(wd,{borderColor:x,bgColor:m?f.color.surface.disabledSurface:h?f.color.surface.secondaryNeutral:f.color.surface.neutral,hoverBgColor:m?f.color.surface.disabledSurface:f.color.interactive.hoverSurface,textColor:m?f.color.surface.disabledOnSurface:f.color.base.onNeutral,isDisabled:m},n),s.default.createElement(Sd,{type:"text",placeholder:i,value:o,defaultValue:r,onChange:a,disabled:g,borderColor:b,focusBorderColor:f.color.base.primary2,textColor:f.color.base.onNeutral,placeholderColor:f.color.component.placeholderInput,disabledBgColor:f.color.surface.disabledSurface,disabledTextColor:f.color.surface.disabledOnSurface,hasPrefix:!!n,isDisabled:g}),s.default.createElement(kd,{type:"button",onClick:e,disabled:l||u,bgColor:f.color.base.primary,disabledBgColor:f.color.surface.disabledSurface,textColor:f.color.base.onNeutral,disabledTextColor:f.color.surface.disabledOnSurface,isDisabled:l||u},t))},exports.LAPTOP_BREAKPOINT="@media (min-width: 768px)",exports.Link=Lh,exports.MAIN_FONT=Ze,exports.MaterialSymbols=Ac,exports.Modal=({onClose:t,variant:e="default",size:i="small",title:o,children:r,footer:a,disabledCloseIcon:l,className:c,illustration:d,headerImage:h})=>{const{neutral:u}=ze(),p="newFeature"===e?"medium":i,f=!l&&s.default.createElement(zd,{onClick:()=>t()},s.default.createElement(n.SvgCross,{color:u.text,width:18}));return s.default.createElement(Cd,{modalSize:p,className:c},(()=>{switch(e){case"illustration":return s.default.createElement(s.default.Fragment,null,s.default.createElement(Td,null,f),s.default.createElement(Ad,null,d&&s.default.createElement($d,null,d),o&&s.default.createElement(Rd,null,o)));case"newFeature":return s.default.createElement(s.default.Fragment,null,h&&s.default.createElement(Ld,null,h),o&&s.default.createElement(Pd,null,s.default.createElement(Nd,null,o)));default:return(o||!l)&&s.default.createElement(Od,null,s.default.createElement(Dd,null,s.default.createElement(Md,null,o||""),f))}})(),s.default.createElement(Id,null,r),a&&s.default.createElement(Fd,null,a))},exports.ModalProvider=({children:e})=>{const[n,i]=t.useState(),o=t.useCallback(()=>{i(void 0)},[i]);return s.default.createElement(Xu.Provider,{value:{resetModal:o,setModal:i}},e,s.default.createElement(Zu,{modal:n}))},exports.Note=({title:t,children:e})=>{const n=Array.isArray(e)&&e.length>1,i=ie.div`
     width: 100%;
     background: ${Pe.color.surface.subduePositive};
     padding: 4px;
@@ -1587,5 +1591,5 @@ padding-top:
     border-radius: 5px !important;
 
     ${a&&"\n      & > .ant-card-body {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n      }\n    "} ${r&&"\n      & > .ant-card-body > div {\n        display: flex !important;\n        flex-direction: column-reverse !important;\n      }\n    "};
-  `;return s.default.createElement(l,{type:n},a&&a,s.default.createElement("div",null,s.default.createElement(on,{style:{marginBottom:r?"0":"5px"}},t),s.default.createElement(tn,{style:{marginBottom:r?"5px":"0"}},e)))},exports.TABLET_BREAKPOINT="@media (min-width: 576px)",exports.Table=t=>{var{className:n,emptyText:i}=t,o=d(t,["className","emptyText"]);return s.default.createElement(e.Table,Object.assign({className:ut(Oh,n),locale:{emptyText:i}},o))},exports.Tabs=Dh,exports.Tag=Fc,exports.ThemeProvider=({theme:t=Pe,children:e})=>s.default.createElement(Fe.Provider,{value:t},s.default.createElement(Ie,null),e),exports.Timeline=qh,exports.Timer=({initialSeconds:e,blinkActivationSeconds:n,shouldRepeat:i,onTimesUp:o,children:r})=>{const[a,s]=t.useState(!1),[l,c]=t.useState(e),[d,h]=t.useState(void 0),[u,p]=t.useState(!0),f=Date.now()+1e3*l;return t.useEffect(()=>{u&&(h(setInterval(()=>{const t=(new Date).getTime(),e=f-t,i=Math.ceil(e/1e3);i>=0&&c(i),n&&i<=n&&s(!0)},1e3)),p(!1))},[u]),t.useEffect(()=>{l<=0&&void 0!==d&&(clearInterval(d),h(void 0),s(!1),o&&o(),i&&(c(e),p(!0)))},[d,l]),r(a,l)},exports.Tooltip=Sc,exports.Typography=bt,exports.getCoachmarkJoyrideConfig=function(t){const{arrowColor:e=Pe.color.surface.secondaryNeutral,arrowLength:n=8,arrowSpread:i=16}=t||{};return{floaterProps:{styles:{arrow:{length:n,spread:i,color:e}}}}},exports.straitsXTheme=Pe,exports.useModal=()=>{const t=s.default.useContext(Gu);if(void 0===t)throw new Error("useModal must be used within a UserProvider");return t},exports.useSidebar=Ou,exports.useTheme=ze,exports.xfersTheme=Le;
+  `;return s.default.createElement(l,{type:n},a&&a,s.default.createElement("div",null,s.default.createElement(on,{style:{marginBottom:r?"0":"5px"}},t),s.default.createElement(tn,{style:{marginBottom:r?"5px":"0"}},e)))},exports.TABLET_BREAKPOINT="@media (min-width: 576px)",exports.Table=t=>{var{className:n,emptyText:i}=t,o=d(t,["className","emptyText"]);return s.default.createElement(e.Table,Object.assign({className:ut(Oh,n),locale:{emptyText:i}},o))},exports.Tabs=Dh,exports.Tag=Fc,exports.ThemeProvider=({theme:t=Pe,children:e})=>s.default.createElement(Fe.Provider,{value:t},s.default.createElement(Ie,null),e),exports.Timeline=qh,exports.Timer=({initialSeconds:e,blinkActivationSeconds:n,shouldRepeat:i,onTimesUp:o,children:r})=>{const[a,s]=t.useState(!1),[l,c]=t.useState(e),[d,h]=t.useState(void 0),[u,p]=t.useState(!0),f=Date.now()+1e3*l;return t.useEffect(()=>{u&&(h(setInterval(()=>{const t=(new Date).getTime(),e=f-t,i=Math.ceil(e/1e3);i>=0&&c(i),n&&i<=n&&s(!0)},1e3)),p(!1))},[u]),t.useEffect(()=>{l<=0&&void 0!==d&&(clearInterval(d),h(void 0),s(!1),o&&o(),i&&(c(e),p(!0)))},[d,l]),r(a,l)},exports.Tooltip=Sc,exports.Typography=bt,exports.getCoachmarkJoyrideConfig=function(t){const{arrowColor:e=Pe.color.surface.secondaryNeutral,arrowLength:n=8,arrowSpread:i=16}=t||{};return{floaterProps:{styles:{arrow:{length:n,spread:i,color:e}}}}},exports.straitsXTheme=Pe,exports.useModal=()=>{const t=s.default.useContext(Xu);if(void 0===t)throw new Error("useModal must be used within a UserProvider");return t},exports.useSidebar=Ou,exports.useTheme=ze,exports.xfersTheme=Le;
 //# sourceMappingURL=index.js.map