@xfers/design-system 7.1.0-dev.37f48347c6 → 7.1.0-dev.5374ed6c61

package/cjs/logos.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("./StraitsXPersonalAccountLightLogo-63cb9f22.js");require("react"),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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("./StraitsXPersonalAccountDarkLogo-95a3ea64.js");require("react"),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;
 //# sourceMappingURL=logos.js.map

package/dist/components/Carousel/index.js

@@ -21,15 +21,10 @@ const ThemeContext_1 = require("../../theme/ThemeContext");
 function Carousel(_a) {
     var { children, activeKey, width = 250 } = _a, rest = __rest(_a, ["children", "activeKey", "width"]);
     const { brand } = (0, ThemeContext_1.useTheme)();
-    const items = children.map((child, index) => ({
-        key: String(index),
-        label: null,
-        children: child,
-        forceRender: true,
-    }));
+    const panels = children.map((child, index) => (react_1.default.createElement(antd_1.Tabs.TabPane, { key: index, forceRender: true }, child)));
     const dots = children.map((child, index) => (react_1.default.createElement(Dot, { key: index, isActive: index === activeKey, activeColor: brand.primary.default })));
     return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(AnimatedTabs, Object.assign({ renderTabBar: () => react_1.default.createElement("div", null), width: width, activeKey: activeKey.toString(), animated: true, items: items }, rest)),
+        react_1.default.createElement(AnimatedTabs, Object.assign({ renderTabBar: () => react_1.default.createElement("div", null), width: width, activeKey: activeKey.toString(), animated: true }, rest), panels),
         react_1.default.createElement(Footer, null, dots)));
 }
 exports.default = Carousel;

package/dist/components/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAAoC;AAEpC,+BAA2B;AAE3B,2DAAmD;AAQnD,SAAS,QAAQ,CAAC,EAAoD;QAApD,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,GAAG,OAAkB,EAAb,IAAI,cAA3C,kCAA6C,CAAF;IAC3D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAE5B,MAAM,KAAK,GAAuB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAChE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;QAClB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC,CAAA;IAEH,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,8BAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,KAAK,KAAK,SAAS,EAC7B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,GAClC,CACH,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,YAAY,kBACX,YAAY,EAAE,GAAG,EAAE,CAAC,0CAAO,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,EAC/B,QAAQ,QACR,KAAK,EAAE,KAAK,IACR,IAAI,EACR;QACF,8BAAC,MAAM,QAAE,IAAI,CAAU,CACb,CACb,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA;AAEvB,MAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAA;AAED,MAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,WAAI,CAAC,CAAmB;WACzC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI;;;;;CAKvC,CAAA;AAED,MAAM,MAAM,GAAG,gBAAM,CAAC,IAAI,CAAA;;;;CAIzB,CAAA;AAED,MAAM,GAAG,GAAG,gBAAM,CAAC,IAAI,CAA4C;;;sBAG7C,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;;;CAGjD,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAAoC;AAEpC,+BAA2B;AAC3B,2DAAmD;AAQnD,SAAS,QAAQ,CAAC,EAAoD;QAApD,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,GAAG,OAAkB,EAAb,IAAI,cAA3C,kCAA6C,CAAF;IAC3D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAE5B,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,8BAAC,WAAI,CAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,WAAW,UAClC,KAAK,CACO,CAChB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,8BAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,KAAK,KAAK,SAAS,EAC7B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,GAClC,CACH,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,YAAY,kBACX,YAAY,EAAE,GAAG,EAAE,CAAC,0CAAO,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,EAC/B,QAAQ,UACJ,IAAI,GAEP,MAAM,CACM;QACf,8BAAC,MAAM,QAAE,IAAI,CAAU,CACb,CACb,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA;AAEvB,MAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAA;AAED,MAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,WAAI,CAAC,CAAmB;WACzC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI;;;;;CAKvC,CAAA;AAED,MAAM,MAAM,GAAG,gBAAM,CAAC,IAAI,CAAA;;;;CAIzB,CAAA;AAED,MAAM,GAAG,GAAG,gBAAM,CAAC,IAAI,CAA4C;;;sBAG7C,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;;;CAGjD,CAAA"}

package/dist/components/Select/index.js

@@ -55,8 +55,8 @@ const Select = function (_a) {
     const ref = selectRef || internalRef;
     return (react_1.default.createElement(style_1.SelectContainer, null,
         label && (0, helpers_1.renderLabel)(label, labelTooltip),
-        react_1.default.createElement(style_1.StyledAntSelect, Object.assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode, getPopupContainer: () => document.body }, rest, { error: error, popupRender: (menu) => (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
-                react_1.default.createElement(Typography_1.Typography.Body, { size: size === 'sm' ? 'md' : 'lg' }, menu))), popupStyle: style_1.dropdownStyle, suffixIcon: (0, helpers_1.getSuffixIcon)(secondaryText), placeholder: (0, helpers_1.getPlaceholder)(size, placeholder), tagRender: (0, helpers_1.getCustomSelectTag)(mode, disabled, size), maxTagCount: 999 }), options ? (0, helpers_1.renderOptions)(options, size) : children),
+        react_1.default.createElement(style_1.StyledAntSelect, Object.assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode, getPopupContainer: () => document.body }, rest, { error: error, dropdownRender: (menu) => (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
+                react_1.default.createElement(Typography_1.Typography.Body, { size: size === 'sm' ? 'md' : 'lg' }, menu))), dropdownStyle: style_1.dropdownStyle, suffixIcon: (0, helpers_1.getSuffixIcon)(secondaryText), placeholder: (0, helpers_1.getPlaceholder)(size, placeholder), showArrow: true, tagRender: (0, helpers_1.getCustomSelectTag)(mode, disabled, size), maxTagCount: 999 }), options ? (0, helpers_1.renderOptions)(options, size) : children),
         (0, helpers_1.renderHelperText)(helperText)));
 };
 Select.Option = antd_1.Select.Option;

package/dist/components/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,+BAAuD;AAMvD,sEAAkE;AAClE,uCAOkB;AAClB,mCAKgB;AAyBhB,MAAM,MAAM,GAAG,UAAU,EAcjB;QAdiB,EACvB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,KAAK,GAAG,KAAK,EACb,aAAa,EACb,UAAU,EACV,OAAO,OAED,EADH,IAAI,cAbgB,gJAcxB,CADQ;IAEP,MAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,MAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,kBACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,EACX,iBAAiB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,IAClC,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACrB,8BAAC,sBAAc,aAAQ,IAAI;gBACzB,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAC/C,IAAI,CACW,CACH,CAClB,EACD,UAAU,EAAE,qBAAa,EACzB,UAAU,EAAE,IAAA,uBAAa,EAAC,aAAa,CAAC,EACxC,WAAW,EAAE,IAAA,wBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,EAC9C,SAAS,EAAE,IAAA,4BAAkB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,WAAW,EAAE,GAAG,KAEf,OAAO,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClC;QACjB,IAAA,0BAAgB,EAAC,UAAU,CAAC,CACb,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,aAAS,CAAC,MAAM,CAAA;AAChC,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,+BAAuD;AAGvD,sEAAkE;AAClE,uCAOkB;AAClB,mCAKgB;AAyBhB,MAAM,MAAM,GAAG,UAAU,EAcjB;QAdiB,EACvB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,KAAK,GAAG,KAAK,EACb,aAAa,EACb,UAAU,EACV,OAAO,OAED,EADH,IAAI,cAbgB,gJAcxB,CADQ;IAEP,MAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,MAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,kBACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,EACX,iBAAiB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,IAClC,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,8BAAC,sBAAc,aAAQ,IAAI;gBACzB,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAC/C,IAAI,CACW,CACH,CAClB,EACD,aAAa,EAAE,qBAAa,EAC5B,UAAU,EAAE,IAAA,uBAAa,EAAC,aAAa,CAAC,EACxC,WAAW,EAAE,IAAA,wBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,EAC9C,SAAS,QACT,SAAS,EAAE,IAAA,4BAAkB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,WAAW,EAAE,GAAG,KAEf,OAAO,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClC;QACjB,IAAA,0BAAgB,EAAC,UAAU,CAAC,CACb,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,aAAS,CAAC,MAAM,CAAA;AAChC,kBAAe,MAAM,CAAA"}

package/dist/components/Sidebar/CompanyProfile.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("./styles");
+const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
+const colors_1 = require("../../constants/Colors/colors");
+const CompanyProfile = ({ companyName = 'ABC Pte. Ltd', subtitle = 'Company', enableDropdown = true, onClick, }) => (react_1.default.createElement(styles_1.CompanyProfileWrapper, { onClick: onClick },
+    react_1.default.createElement(styles_1.CompanyProfileContent, null,
+        react_1.default.createElement(styles_1.CompanyName, null, companyName),
+        react_1.default.createElement(styles_1.CompanySubtitle, null, subtitle)),
+    enableDropdown && (react_1.default.createElement(MaterialSymbols_1.default, { icon: "keyboard_arrow_down", size: "m", color: colors_1.BASE.ON_NEUTRAL_SECONDARY }))));
+exports.default = CompanyProfile;
+//# sourceMappingURL=CompanyProfile.js.map

package/dist/components/Sidebar/CompanyProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyProfile.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfile.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,qCAKiB;AACjB,kGAAyE;AACzE,0DAAoD;AASpD,MAAM,cAAc,GAAG,CAAC,EACtB,WAAW,GAAG,cAAc,EAC5B,QAAQ,GAAG,SAAS,EACpB,cAAc,GAAG,IAAI,EACrB,OAAO,GACa,EAAE,EAAE,CAAC,CACzB,8BAAC,8BAAqB,IAAC,OAAO,EAAE,OAAO;IACrC,8BAAC,8BAAqB;QACpB,8BAAC,oBAAW,QAAE,WAAW,CAAe;QACxC,8BAAC,wBAAe,QAAE,QAAQ,CAAmB,CACvB;IACvB,cAAc,IAAI,CACjB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,aAAI,CAAC,oBAAoB,GAChC,CACH,CACqB,CACzB,CAAA;AAED,kBAAe,cAAc,CAAA"}

package/dist/components/Sidebar/CopyrightNotice.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("./styles");
+const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
+const colors_1 = require("../../constants/Colors/colors");
+const CopyrightNotice = ({ text = 'Licensed & Regulated \nby Monetary Authority of Singapore', }) => (react_1.default.createElement(styles_1.CopyrightNoticeWrapper, null,
+    react_1.default.createElement(MaterialSymbols_1.default, { icon: "verified_user", size: "m", color: colors_1.BASE.ON_NEUTRAL_SECONDARY }),
+    react_1.default.createElement(styles_1.CopyrightNoticeText, null, text)));
+exports.default = CopyrightNotice;
+//# sourceMappingURL=CopyrightNotice.js.map

package/dist/components/Sidebar/CopyrightNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyrightNotice.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CopyrightNotice.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,qCAAsE;AACtE,kGAAyE;AACzE,0DAAoD;AAMpD,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,GAAG,2DAA2D,GAC7C,EAAE,EAAE,CAAC,CAC1B,8BAAC,+BAAsB;IACrB,8BAAC,yBAAe,IACd,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,aAAI,CAAC,oBAAoB,GAChC;IACF,8BAAC,4BAAmB,QAAE,IAAI,CAAuB,CAC1B,CAC1B,CAAA;AAED,kBAAe,eAAe,CAAA"}

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,123 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarProducts = exports.SidebarBase = void 0;
+const react_1 = __importStar(require("react"));
+const styles_1 = require("./styles");
+const SidebarNavItem_1 = __importDefault(require("./SidebarNavItem"));
+const CompanyProfile_1 = __importDefault(require("./CompanyProfile"));
+const CopyrightNotice_1 = __importDefault(require("./CopyrightNotice"));
+const StraitsXBusinessAccountLightLogo_1 = __importDefault(require("../../logos/straitsx/StraitsXBusinessAccountLightLogo"));
+const StraitsXPersonalAccountLightLogo_1 = __importDefault(require("../../logos/straitsx/StraitsXPersonalAccountLightLogo"));
+const StraitsXSandboxLogo_1 = __importDefault(require("../../logos/straitsx/StraitsXSandboxLogo"));
+const SidebarBase = ({ variant = 'business', logo, companyProfile, children, footer, }) => (react_1.default.createElement(styles_1.SidebarWrapper, { variant: variant },
+    react_1.default.createElement(styles_1.MenuHeader, null,
+        logo && react_1.default.createElement(styles_1.LogoWrapper, null, logo),
+        companyProfile,
+        react_1.default.createElement(styles_1.MenuContainer, null, children)),
+    footer));
+exports.SidebarBase = SidebarBase;
+// ─── Logos per variant ───
+const LOGO_MAP = {
+    business: react_1.default.createElement(StraitsXBusinessAccountLightLogo_1.default, null),
+    personal: react_1.default.createElement(StraitsXPersonalAccountLightLogo_1.default, null),
+    sandbox: react_1.default.createElement(StraitsXSandboxLogo_1.default, null),
+};
+const FULL_NAV_ITEMS = [
+    { icon: 'home', label: 'Home', gate: 'treasury' },
+    {
+        icon: 'credit_card',
+        label: 'Cards',
+        gate: 'cards',
+        subItems: ['Settlement', 'Monitoring', 'Issuance'],
+    },
+    {
+        icon: 'person_apron',
+        label: 'DVA Payments',
+        gate: 'dvaPayments',
+        subItems: ['Request for Information'],
+    },
+    {
+        icon: 'receipt_long',
+        label: 'Transaction History',
+        gate: 'transactionHistory',
+    },
+    { icon: 'logo_dev', label: 'API Tools', gate: 'apiTools' },
+    { icon: 'headphones', label: 'Support' },
+];
+const PERSONAL_NAV_ITEMS = [
+    { icon: 'home', label: 'Home' },
+    { icon: 'account_balance_wallet', label: 'Mint' },
+    { icon: 'receipt_long', label: 'Transaction History' },
+    { icon: 'headphones', label: 'Support' },
+];
+const SidebarProducts = ({ variant = 'business', companyProfile = true, companyName, companySubtitle, activeItem = 'Home', activeSubItem, onItemClick, onSubItemClick, treasury = true, cards = true, dvaPayments = true, transactionHistory = true, apiTools = true, }) => {
+    const gates = {
+        treasury,
+        cards,
+        dvaPayments,
+        transactionHistory,
+        apiTools,
+    };
+    const [expanded, setExpanded] = (0, react_1.useState)(null);
+    const isPersonal = variant === 'personal';
+    const items = isPersonal ? PERSONAL_NAV_ITEMS : FULL_NAV_ITEMS;
+    const visibleItems = items.filter((item) => !item.gate || gates[item.gate] !== false);
+    const handleClick = (item) => {
+        if (item.subItems) {
+            setExpanded((prev) => (prev === item.label ? null : item.label));
+        }
+        onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item.label);
+    };
+    return (react_1.default.createElement(exports.SidebarBase, { variant: variant, logo: LOGO_MAP[variant], companyProfile: !isPersonal &&
+            companyProfile && (react_1.default.createElement(CompanyProfile_1.default, { companyName: companyName, subtitle: companySubtitle })), footer: react_1.default.createElement(CopyrightNotice_1.default, null) }, visibleItems.map((item) => {
+        var _a;
+        return (react_1.default.createElement(SidebarNavItem_1.default, { key: item.label, icon: item.icon, label: item.label, variant: variant, active: activeItem === item.label, isExpanded: expanded === item.label, onClick: () => handleClick(item), subItems: (_a = item.subItems) === null || _a === void 0 ? void 0 : _a.map((label) => ({
+                label,
+                active: activeSubItem === label,
+                onClick: () => onSubItemClick === null || onSubItemClick === void 0 ? void 0 : onSubItemClick(label),
+            })) }));
+    })));
+};
+exports.SidebarProducts = SidebarProducts;
+const Sidebar = {
+    Base: exports.SidebarBase,
+    Products: exports.SidebarProducts,
+};
+exports.default = Sidebar;
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/components/Sidebar/SidebarNavItem.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("./styles");
+const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
+const SidebarSubItem_1 = __importDefault(require("./SidebarSubItem"));
+const SidebarNavItem = ({ icon, label, variant = 'business', active = false, onClick, subItems, isExpanded = false, }) => {
+    const color = (0, styles_1.itemTextColor)(variant, active);
+    const hasSubItems = Boolean(subItems && subItems.length > 0);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(styles_1.NavItemWrapper, { variant: variant, active: active, onClick: onClick },
+            react_1.default.createElement(MaterialSymbols_1.default, { icon: icon, size: "m", color: color }),
+            react_1.default.createElement(styles_1.NavItemLabel, { variant: variant, active: active }, label),
+            hasSubItems && (react_1.default.createElement(styles_1.NavItemAffordance, null,
+                react_1.default.createElement(MaterialSymbols_1.default, { icon: "keyboard_arrow_down", size: "m", color: color, style: isExpanded ? { transform: 'rotate(180deg)' } : undefined })))),
+        isExpanded &&
+            subItems &&
+            subItems.map((sub) => (react_1.default.createElement(SidebarSubItem_1.default, { key: sub.label, label: sub.label, variant: variant, active: sub.active, onClick: sub.onClick })))));
+};
+exports.default = SidebarNavItem;
+//# sourceMappingURL=SidebarNavItem.js.map

package/dist/components/Sidebar/SidebarNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qCAKiB;AAEjB,kGAAyE;AACzE,sEAA6C;AAkB7C,MAAM,cAAc,GAAG,CAAC,EACtB,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,GACE,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,sBAAa,EAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE5D,OAAO,CACL;QACE,8BAAC,uBAAc,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;YAChE,8BAAC,yBAAe,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,KAAK,GAAI;YACtD,8BAAC,qBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAC3C,KAAK,CACO;YACd,WAAW,IAAI,CACd,8BAAC,0BAAiB;gBAChB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,GAC/D,CACgB,CACrB,CACc;QAChB,UAAU;YACT,QAAQ;YACR,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,8BAAC,wBAAc,IACb,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,OAAO,EAAE,GAAG,CAAC,OAAO,GACpB,CACH,CAAC,CACH,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}

package/dist/components/Sidebar/SidebarSubItem.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("./styles");
+const SidebarSubItem = ({ label, variant = 'business', active = false, onClick, }) => (react_1.default.createElement(styles_1.SubItemWrapper, { variant: variant, active: active, onClick: onClick },
+    react_1.default.createElement(styles_1.SubItemLabel, { variant: variant, active: active }, label)));
+exports.default = SidebarSubItem;
+//# sourceMappingURL=SidebarSubItem.js.map

package/dist/components/Sidebar/SidebarSubItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSubItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarSubItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,qCAAuD;AAUvD,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,GACa,EAAE,EAAE,CAAC,CACzB,8BAAC,uBAAc,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;IAChE,8BAAC,qBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAC3C,KAAK,CACO,CACA,CAClB,CAAA;AAED,kBAAe,cAAc,CAAA"}

package/dist/components/Sidebar/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyrightNotice = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.SidebarProducts = exports.SidebarBase = void 0;
+const Sidebar_1 = __importStar(require("./Sidebar"));
+Object.defineProperty(exports, "SidebarBase", { enumerable: true, get: function () { return Sidebar_1.SidebarBase; } });
+Object.defineProperty(exports, "SidebarProducts", { enumerable: true, get: function () { return Sidebar_1.SidebarProducts; } });
+const SidebarNavItem_1 = __importDefault(require("./SidebarNavItem"));
+exports.SidebarNavItem = SidebarNavItem_1.default;
+const SidebarSubItem_1 = __importDefault(require("./SidebarSubItem"));
+exports.SidebarSubItem = SidebarSubItem_1.default;
+const CompanyProfile_1 = __importDefault(require("./CompanyProfile"));
+exports.CompanyProfile = CompanyProfile_1.default;
+const CopyrightNotice_1 = __importDefault(require("./CopyrightNotice"));
+exports.CopyrightNotice = CopyrightNotice_1.default;
+exports.default = Sidebar_1.default;
+//# sourceMappingURL=index.js.map

package/dist/components/Sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAiE;AAO/D,4FAPgB,qBAAW,OAOhB;AACX,gGAR6B,yBAAe,OAQ7B;AAPjB,sEAA6C;AAQ3C,yBARK,wBAAc,CAQL;AAPhB,sEAA6C;AAQ3C,yBARK,wBAAc,CAQL;AAPhB,sEAA6C;AAQ3C,yBARK,wBAAc,CAQL;AAPhB,wEAA+C;AAQ7C,0BARK,yBAAe,CAQL;AAKjB,kBAAe,iBAAO,CAAA"}

package/dist/components/Sidebar/styles.js

@@ -0,0 +1,163 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyrightNoticeText = exports.CopyrightNoticeWrapper = exports.CompanySubtitle = exports.CompanyName = exports.CompanyProfileContent = exports.CompanyProfileWrapper = exports.SubItemLabel = exports.SubItemWrapper = exports.NavItemAffordance = exports.NavItemLabel = exports.NavItemWrapper = exports.MenuContainer = exports.LogoWrapper = exports.MenuHeader = exports.SidebarWrapper = exports.itemTextColor = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const fontStyles_1 = require("../../constants/fontStyles");
+const colors_1 = require("../../constants/Colors/colors");
+const isSandbox = (variant) => variant === 'sandbox';
+const ROOT_BACKGROUND = {
+    business: colors_1.SURFACE.NEUTRAL,
+    personal: colors_1.SURFACE.NEUTRAL,
+    sandbox: colors_1.BASE.PRIMARY_3,
+};
+const ACTIVE_BACKGROUND = {
+    business: colors_1.COMPONENT.SIDEBAR_ACTIVE,
+    personal: colors_1.COMPONENT.SIDEBAR_ACTIVE,
+    sandbox: colors_1.COMPONENT.SIDEBAR_ACTIVE_SANDBOX,
+};
+const itemTextColor = (variant, active) => {
+    if (isSandbox(variant))
+        return colors_1.BASE.ON_CONTAINER;
+    return active ? colors_1.STATUS.POSITIVE : colors_1.BASE.ON_NEUTRAL_SECONDARY;
+};
+exports.itemTextColor = itemTextColor;
+exports.SidebarWrapper = styled_1.default.div `
+  width: 240px;
+  min-height: 1000px;
+  box-sizing: border-box;
+  padding: 32px 16px;
+  background-color: ${(props) => ROOT_BACKGROUND[props.variant]};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+`;
+exports.MenuHeader = styled_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+  width: 100%;
+`;
+exports.LogoWrapper = styled_1.default.div `
+  width: 200px;
+  height: 60px;
+  flex-shrink: 0;
+`;
+exports.MenuContainer = styled_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 12px;
+  width: 100%;
+`;
+// ─── Nav item ───
+exports.NavItemWrapper = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px;
+  border-radius: 4px;
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  background-color: ${(props) => props.active ? ACTIVE_BACKGROUND[props.variant] : 'transparent'};
+`;
+exports.NavItemLabel = styled_1.default.span `
+  flex: 1 0 0;
+  min-width: 0;
+  font-family: ${fontStyles_1.MAIN_FONT};
+  font-size: 14px;
+  line-height: normal;
+  font-weight: ${(props) => (props.active ? 700 : 400)};
+  color: ${(props) => (0, exports.itemTextColor)(props.variant, props.active)};
+  overflow-wrap: break-word;
+`;
+exports.NavItemAffordance = styled_1.default.span `
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+`;
+// ─── Sub item ───
+exports.SubItemWrapper = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  padding: 8px 0 8px 44px;
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  background-color: ${(props) => props.active ? ACTIVE_BACKGROUND[props.variant] : 'transparent'};
+`;
+exports.SubItemLabel = styled_1.default.span `
+  flex: 1 0 0;
+  min-width: 0;
+  font-family: ${fontStyles_1.MAIN_FONT};
+  font-size: 14px;
+  line-height: normal;
+  font-weight: ${(props) => (props.active ? 700 : 400)};
+  color: ${(props) => (0, exports.itemTextColor)(props.variant, props.active)};
+  overflow-wrap: break-word;
+`;
+// ─── Company profile ───
+exports.CompanyProfileWrapper = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+  border-radius: 8px;
+  width: 100%;
+  box-sizing: border-box;
+  background-color: ${colors_1.SURFACE.SECONDARY_NEUTRAL};
+`;
+exports.CompanyProfileContent = styled_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+  flex: 1 0 0;
+  min-width: 0;
+`;
+exports.CompanyName = styled_1.default.span `
+  width: 100%;
+  font-family: ${fontStyles_1.SECONDARY_FONT};
+  font-weight: 700;
+  font-size: 14px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
+  overflow-wrap: break-word;
+`;
+exports.CompanySubtitle = styled_1.default.span `
+  width: 100%;
+  font-family: ${fontStyles_1.MAIN_FONT};
+  font-weight: 400;
+  font-size: 14px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
+  overflow-wrap: break-word;
+`;
+// ─── Copyright notice (MAS licensing footer) ───
+exports.CopyrightNoticeWrapper = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  width: 100%;
+  box-sizing: border-box;
+  background-color: ${colors_1.SURFACE.SECONDARY_NEUTRAL};
+`;
+exports.CopyrightNoticeText = styled_1.default.span `
+  flex: 1 0 0;
+  min-width: 0;
+  font-family: ${fontStyles_1.MAIN_FONT};
+  font-weight: 400;
+  font-size: 12px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
+  white-space: pre-wrap;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/Sidebar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"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"}