@xfers/design-system 7.1.0-dev.6af4e72e9f → 7.1.0-dev.86e219df2a

package/cjs/logos.js

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=logos.js.map

package/dist/components/Sidebar/CompanyProfile.js

@@ -41,7 +41,7 @@ const styles_1 = require("./styles");
 const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
 const colors_1 = require("../../constants/Colors/colors");
 const CompanyProfileDropdown_1 = __importDefault(require("./CompanyProfileDropdown"));
-const CompanyProfile = ({ companyName = 'ABC Pte. Ltd', subtitle = 'Company', enableDropdown = true, switchOnly = false, companies, onMenuItemClick, onClick, }) => {
+const CompanyProfile = ({ companyName = 'ABC Pte. Ltd', subtitle = 'Company', enableDropdown = true, switchOnly = false, companies, menuItems, onMenuItemClick, onClick, }) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const containerRef = (0, react_1.useRef)(null);
     const resolvedCompanies = companies !== null && companies !== void 0 ? companies : [
@@ -79,7 +79,7 @@ const CompanyProfile = ({ companyName = 'ABC Pte. Ltd', subtitle = 'Company', en
                 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, style: isOpen ? { transform: 'rotate(180deg)' } : undefined }))),
-        enableDropdown && isOpen && (react_1.default.createElement(CompanyProfileDropdown_1.default, { showMenuItems: !switchOnly, companies: resolvedCompanies, onMenuItemClick: onMenuItemClick }))));
+        enableDropdown && isOpen && (react_1.default.createElement(CompanyProfileDropdown_1.default, { showMenuItems: !switchOnly, companies: resolvedCompanies, menuItems: menuItems, onMenuItemClick: onMenuItemClick }))));
 };
 exports.default = CompanyProfile;
 //# sourceMappingURL=CompanyProfile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompanyProfile.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,qCAMiB;AACjB,kGAAyE;AACzE,0DAAoD;AACpD,sFAA6D;AAc7D,MAAM,cAAc,GAAG,CAAC,EACtB,WAAW,GAAG,cAAc,EAC5B,QAAQ,GAAG,SAAS,EACpB,cAAc,GAAG,IAAI,EACrB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,eAAe,EACf,OAAO,GACa,EAAE,EAAE;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAEjD,MAAM,iBAAiB,GAAoB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI;QACtD,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAE;KAClE,CAAA;IAED,sCAAsC;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAA;QAE7B,MAAM,iBAAiB,GAAG,CAAC,KAAiB,EAAE,EAAE;;YAC9C,IAAI,CAAC,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAAE,CAAC;gBAC1D,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC;QACH,CAAC,CAAA;QACD,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;gBAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAC9C,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;QACzD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACnD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;YAC5D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACxD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,cAAc;YAAE,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;QAC9C,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,gCAAuB,IAAC,GAAG,EAAE,YAAY;QACxC,8BAAC,8BAAqB,IAAC,OAAO,EAAE,WAAW;YACzC,8BAAC,8BAAqB;gBACpB,8BAAC,oBAAW,QAAE,WAAW,CAAe;gBACxC,8BAAC,wBAAe,QAAE,QAAQ,CAAmB,CACvB;YACvB,cAAc,IAAI,CACjB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,aAAI,CAAC,oBAAoB,EAChC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,GAC3D,CACH,CACqB;QACvB,cAAc,IAAI,MAAM,IAAI,CAC3B,8BAAC,gCAAsB,IACrB,aAAa,EAAE,CAAC,UAAU,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,eAAe,EAAE,eAAe,GAChC,CACH,CACuB,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}
+{"version":3,"file":"CompanyProfile.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,qCAMiB;AACjB,kGAAyE;AACzE,0DAAoD;AACpD,sFAA6D;AAgB7D,MAAM,cAAc,GAAG,CAAC,EACtB,WAAW,GAAG,cAAc,EAC5B,QAAQ,GAAG,SAAS,EACpB,cAAc,GAAG,IAAI,EACrB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,SAAS,EACT,eAAe,EACf,OAAO,GACa,EAAE,EAAE;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAEjD,MAAM,iBAAiB,GAAoB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI;QACtD,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAE;KAClE,CAAA;IAED,sCAAsC;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAA;QAE7B,MAAM,iBAAiB,GAAG,CAAC,KAAiB,EAAE,EAAE;;YAC9C,IAAI,CAAC,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAAE,CAAC;gBAC1D,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC;QACH,CAAC,CAAA;QACD,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;gBAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAC9C,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;QACzD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACnD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;YAC5D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACxD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,cAAc;YAAE,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;QAC9C,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,gCAAuB,IAAC,GAAG,EAAE,YAAY;QACxC,8BAAC,8BAAqB,IAAC,OAAO,EAAE,WAAW;YACzC,8BAAC,8BAAqB;gBACpB,8BAAC,oBAAW,QAAE,WAAW,CAAe;gBACxC,8BAAC,wBAAe,QAAE,QAAQ,CAAmB,CACvB;YACvB,cAAc,IAAI,CACjB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,aAAI,CAAC,oBAAoB,EAChC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,GAC3D,CACH,CACqB;QACvB,cAAc,IAAI,MAAM,IAAI,CAC3B,8BAAC,gCAAsB,IACrB,aAAa,EAAE,CAAC,UAAU,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,GAChC,CACH,CACuB,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}

package/dist/components/Sidebar/CompanyProfileDropdown.js

@@ -3,30 +3,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.COMPANY_MENU_ITEMS = void 0;
 const react_1 = __importDefault(require("react"));
-const styles_1 = require("./styles");
+const dropdownStyles_1 = require("./dropdownStyles");
 const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
 const colors_1 = require("../../constants/Colors/colors");
-exports.COMPANY_MENU_ITEMS = [
-    { icon: 'domain', label: 'Company Settings' },
-    { icon: 'group', label: 'Teams' },
-    { icon: 'receipt_long', label: 'Billing' },
-    { icon: 'library_books', label: 'Statements' },
-];
-const CompanyProfileDropdown = ({ showMenuItems = true, switchCompany = true, companies = [], onMenuItemClick, }) => (react_1.default.createElement(styles_1.DropdownPanel, null,
+const CompanyProfileDropdown = ({ showMenuItems = true, switchCompany = true, companies = [], menuItems = [], onMenuItemClick, }) => (react_1.default.createElement(dropdownStyles_1.DropdownPanel, null,
     switchCompany && companies.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(styles_1.DropdownSectionLabel, null, "SWITCH COMPANY"),
-        companies.map((company) => (react_1.default.createElement(styles_1.DropdownRow, { key: company.name, active: company.active, onClick: company.onClick },
-            react_1.default.createElement(styles_1.DropdownRowContent, null,
-                react_1.default.createElement(styles_1.DropdownPrimaryText, null, company.name),
-                company.subtitle && (react_1.default.createElement(styles_1.DropdownSecondaryText, null, company.subtitle))),
+        react_1.default.createElement(dropdownStyles_1.DropdownSectionLabel, null, "SWITCH COMPANY"),
+        companies.map((company) => (react_1.default.createElement(dropdownStyles_1.DropdownRow, { key: company.name, active: company.active, onClick: company.onClick },
+            react_1.default.createElement(dropdownStyles_1.DropdownRowContent, null,
+                react_1.default.createElement(dropdownStyles_1.DropdownPrimaryText, null, company.name),
+                company.subtitle && (react_1.default.createElement(dropdownStyles_1.DropdownSecondaryText, null, company.subtitle))),
             company.active && (react_1.default.createElement(MaterialSymbols_1.default, { icon: "check", size: "m", color: colors_1.STATUS.POSITIVE }))))),
-        showMenuItems && react_1.default.createElement(styles_1.DropdownDivider, null))),
+        showMenuItems && menuItems.length > 0 && react_1.default.createElement(dropdownStyles_1.DropdownDivider, null))),
     showMenuItems &&
-        exports.COMPANY_MENU_ITEMS.map((item) => (react_1.default.createElement(styles_1.DropdownMenuRow, { key: item.label, onClick: () => onMenuItemClick === null || onMenuItemClick === void 0 ? void 0 : onMenuItemClick(item.label) },
+        menuItems.map((item) => (react_1.default.createElement(dropdownStyles_1.DropdownMenuRow, { key: item.label, onClick: () => {
+                var _a;
+                (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+                onMenuItemClick === null || onMenuItemClick === void 0 ? void 0 : onMenuItemClick(item.label);
+            } },
             react_1.default.createElement(MaterialSymbols_1.default, { icon: item.icon, size: "m", color: colors_1.BASE.ON_NEUTRAL_SECONDARY }),
-            react_1.default.createElement(styles_1.DropdownRowContent, null,
-                react_1.default.createElement(styles_1.DropdownMenuLabel, null, item.label)))))));
+            react_1.default.createElement(dropdownStyles_1.DropdownRowContent, null,
+                react_1.default.createElement(dropdownStyles_1.DropdownMenuLabel, null, item.label)))))));
 exports.default = CompanyProfileDropdown;
 //# sourceMappingURL=CompanyProfileDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompanyProfileDropdown.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfileDropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,qCAUiB;AACjB,kGAAyE;AACzE,0DAA4D;AAc/C,QAAA,kBAAkB,GAAkB;IAC/C,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC7C,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IACjC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE;IAC1C,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,YAAY,EAAE;CAC/C,CAAA;AAaD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,aAAa,GAAG,IAAI,EACpB,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,EAAE,EACd,eAAe,GACa,EAAE,EAAE,CAAC,CACjC,8BAAC,sBAAa;IACX,aAAa,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC;QACE,8BAAC,6BAAoB,yBAAsC;QAC1D,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,8BAAC,oBAAW,IACV,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,OAAO,EAAE,OAAO,CAAC,OAAO;YAExB,8BAAC,2BAAkB;gBACjB,8BAAC,4BAAmB,QAAE,OAAO,CAAC,IAAI,CAAuB;gBACxD,OAAO,CAAC,QAAQ,IAAI,CACnB,8BAAC,8BAAqB,QACnB,OAAO,CAAC,QAAQ,CACK,CACzB,CACkB;YACpB,OAAO,CAAC,MAAM,IAAI,CACjB,8BAAC,yBAAe,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,eAAM,CAAC,QAAQ,GAAI,CAClE,CACW,CACf,CAAC;QACD,aAAa,IAAI,8BAAC,wBAAe,OAAG,CACpC,CACJ;IACA,aAAa;QACZ,0BAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC/B,8BAAC,wBAAe,IACd,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,IAAI,CAAC,KAAK,CAAC;YAE5C,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,aAAI,CAAC,oBAAoB,GAChC;YACF,8BAAC,2BAAkB;gBACjB,8BAAC,0BAAiB,QAAE,IAAI,CAAC,KAAK,CAAqB,CAChC,CACL,CACnB,CAAC,CACU,CACjB,CAAA;AAED,kBAAe,sBAAsB,CAAA"}
+{"version":3,"file":"CompanyProfileDropdown.js","sourceRoot":"","sources":["../../../src/components/Sidebar/CompanyProfileDropdown.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qDAUyB;AACzB,kGAAyE;AACzE,0DAA4D;AAiC5D,MAAM,sBAAsB,GAAG,CAAC,EAC9B,aAAa,GAAG,IAAI,EACpB,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,eAAe,GACa,EAAE,EAAE,CAAC,CACjC,8BAAC,8BAAa;IACX,aAAa,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC;QACE,8BAAC,qCAAoB,yBAAsC;QAC1D,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,8BAAC,4BAAW,IACV,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,OAAO,EAAE,OAAO,CAAC,OAAO;YAExB,8BAAC,mCAAkB;gBACjB,8BAAC,oCAAmB,QAAE,OAAO,CAAC,IAAI,CAAuB;gBACxD,OAAO,CAAC,QAAQ,IAAI,CACnB,8BAAC,sCAAqB,QACnB,OAAO,CAAC,QAAQ,CACK,CACzB,CACkB;YACpB,OAAO,CAAC,MAAM,IAAI,CACjB,8BAAC,yBAAe,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,eAAM,CAAC,QAAQ,GAAI,CAClE,CACW,CACf,CAAC;QACD,aAAa,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,8BAAC,gCAAe,OAAG,CAC5D,CACJ;IACA,aAAa;QACZ,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,8BAAC,gCAAe,IACd,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,OAAO,EAAE,GAAG,EAAE;;gBACZ,MAAA,IAAI,CAAC,OAAO,oDAAI,CAAA;gBAChB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,IAAI,CAAC,KAAK,CAAC,CAAA;YAC/B,CAAC;YAED,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,aAAI,CAAC,oBAAoB,GAChC;YACF,8BAAC,mCAAkB;gBACjB,8BAAC,kCAAiB,QAAE,IAAI,CAAC,KAAK,CAAqB,CAChC,CACL,CACnB,CAAC,CACU,CACjB,CAAA;AAED,kBAAe,sBAAsB,CAAA"}

package/dist/components/Sidebar/Sidebar.js

@@ -36,94 +36,119 @@ 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;
+exports.SidebarBase = exports.SidebarTrigger = exports.SidebarProvider = exports.useSidebar = void 0;
 const react_1 = __importStar(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
 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 colors_1 = require("../../constants/Colors/colors");
+const SidebarContext = (0, react_1.createContext)(null);
+const useSidebar = () => {
+    const ctx = (0, react_1.useContext)(SidebarContext);
+    if (!ctx)
+        throw new Error('useSidebar must be used inside a <SidebarProvider>');
+    return ctx;
 };
-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', onItemClick, onCompanyProfileClick, companies, switchOnly = false, onCompanyMenuItemClick, 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) => {
-        // Parents with sub-items toggle their group. Only one group is open at a
-        // time (accordion). Expand-only parents stop there — they have no route,
-        // so selection stays where it was. Navigable parents also route.
-        if (item.subItems) {
-            setExpanded((prev) => (prev === item.label ? null : item.label));
-            if (!item.navigable)
-                return;
-        }
-        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, switchOnly: switchOnly, companies: companies, onMenuItemClick: onCompanyMenuItemClick, onClick: onCompanyProfileClick })), 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 &&
-                (!item.subItems || Boolean(item.navigable)), isExpanded: expanded === item.label, onClick: () => handleClick(item), subItems: (_a = item.subItems) === null || _a === void 0 ? void 0 : _a.map((label) => ({
-                label,
-                active: activeItem === label,
-                onClick: () => onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(label),
-            })) }));
-    })));
+exports.useSidebar = useSidebar;
+const SidebarProvider = ({ open: controlledOpen, onOpenChange, defaultOpen = true, mobileBreakpoint = 1280, children, }) => {
+    const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
+    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
+    const isControlled = controlledOpen !== undefined;
+    const open = isControlled ? controlledOpen : internalOpen;
+    const setOpen = (0, react_1.useCallback)((value) => {
+        if (!isControlled)
+            setInternalOpen(value);
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(value);
+    }, [isControlled, onOpenChange]);
+    const toggle = (0, react_1.useCallback)(() => setOpen(!open), [setOpen, open]);
+    // Responsive: detect mobile breakpoint
+    (0, react_1.useEffect)(() => {
+        const mq = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
+        const handler = (e) => {
+            setIsMobile(e.matches);
+            setOpen(!e.matches);
+        };
+        handler(mq);
+        mq.addEventListener('change', handler);
+        return () => mq.removeEventListener('change', handler);
+    }, [mobileBreakpoint, setOpen]);
+    return (react_1.default.createElement(SidebarContext.Provider, { value: { open, setOpen, toggle, isMobile } }, children));
 };
-exports.SidebarProducts = SidebarProducts;
+exports.SidebarProvider = SidebarProvider;
+const SidebarTrigger = ({ className = '', label = 'Toggle navigation', }) => {
+    const { toggle } = (0, exports.useSidebar)();
+    return (react_1.default.createElement(TriggerButton, { type: "button", className: className, onClick: toggle, "aria-label": label },
+        react_1.default.createElement("span", { className: "material-symbols-rounded", translate: "no" }, "menu")));
+};
+exports.SidebarTrigger = SidebarTrigger;
+const TriggerButton = styled_1.default.button `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  cursor: pointer;
+  color: ${colors_1.BASE.ON_NEUTRAL};
+
+  &:hover {
+    background: #ececec;
+  }
+
+  .material-symbols-rounded {
+    font-size: 24px;
+  }
+`;
+const SidebarBase = ({ variant = 'business', logo, companyProfile, children, footer, }) => {
+    var _a, _b;
+    const context = (0, react_1.useContext)(SidebarContext);
+    const open = (_a = context === null || context === void 0 ? void 0 : context.open) !== null && _a !== void 0 ? _a : true;
+    const isMobile = (_b = context === null || context === void 0 ? void 0 : context.isMobile) !== null && _b !== void 0 ? _b : false;
+    const sidebarContent = (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));
+    // Mobile: render as drawer overlay
+    if (isMobile) {
+        if (!open)
+            return null;
+        return (react_1.default.createElement(Overlay, null,
+            react_1.default.createElement(Scrim, { onClick: () => context === null || context === void 0 ? void 0 : context.setOpen(false), "aria-label": "Close navigation" }),
+            react_1.default.createElement(DrawerContainer, null, sidebarContent)));
+    }
+    // Desktop: render inline (hidden when collapsed)
+    if (!open)
+        return null;
+    return sidebarContent;
+};
+exports.SidebarBase = SidebarBase;
+// ─── Mobile drawer styles ───
+const Overlay = styled_1.default.div `
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+`;
+const Scrim = styled_1.default.div `
+  position: absolute;
+  inset: 0;
+  background-color: ${colors_1.BASE.OVERLAY};
+  cursor: pointer;
+`;
+const DrawerContainer = styled_1.default.div `
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  overflow-y: auto;
+`;
+// ─── Default export ───
 const Sidebar = {
     Base: exports.SidebarBase,
-    Products: exports.SidebarProducts,
+    Provider: exports.SidebarProvider,
+    Trigger: exports.SidebarTrigger,
 };
 exports.default = Sidebar;
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMc;AACd,6DAAoC;AACpC,qCAKiB;AAEjB,0DAAoD;AAWpD,MAAM,cAAc,GAAG,IAAA,qBAAa,EAA6B,IAAI,CAAC,CAAA;AAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,cAAc,CAAC,CAAA;IACtC,IAAI,CAAC,GAAG;QACN,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACvE,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AALY,QAAA,UAAU,cAKtB;AAcM,MAAM,eAAe,GAAG,CAAC,EAC9B,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,WAAW,GAAG,IAAI,EAClB,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GACa,EAAE,EAAE;IACzB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAA;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE/C,MAAM,YAAY,GAAG,cAAc,KAAK,SAAS,CAAA;IACjD,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAA;IAEzD,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,KAAc,EAAE,EAAE;QACjB,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,KAAK,CAAC,CAAA;QACzC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,CAAC,CAAA;IACvB,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAA;IAED,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IAEjE,uCAAuC;IACvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,gBAAgB,GAAG,CAAC,KAAK,CAAC,CAAA;QACtE,MAAM,OAAO,GAAG,CAAC,CAAuC,EAAE,EAAE;YAC1D,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;YACtB,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACrB,CAAC,CAAA;QACD,OAAO,CAAC,EAAE,CAAC,CAAA;QACX,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QACtC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAA;IAE/B,OAAO,CACL,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAChE,QAAQ,CACe,CAC3B,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,eAAe,mBAwC3B;AASM,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,mBAAmB,GACP,EAAE,EAAE;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAA;IAC/B,OAAO,CACL,8BAAC,aAAa,IACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,gBACH,KAAK;QAEjB,wCAAM,SAAS,EAAC,0BAA0B,EAAC,SAAS,EAAC,IAAI,WAElD,CACO,CACjB,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,cAAc,kBAiB1B;AAED,MAAM,aAAa,GAAG,gBAAM,CAAC,MAAM,CAAA;;;;;;;;;;WAUxB,aAAI,CAAC,UAAU;;;;;;;;;CASzB,CAAA;AAYM,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,GAAG,UAAU,EACpB,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,MAAM,GACW,EAAE,EAAE;;IACrB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,cAAc,CAAC,CAAA;IAC1C,MAAM,IAAI,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,IAAI,CAAA;IAClC,MAAM,QAAQ,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,KAAK,CAAA;IAE3C,MAAM,cAAc,GAAG,CACrB,8BAAC,uBAAc,IAAC,OAAO,EAAE,OAAO;QAC9B,8BAAC,mBAAU;YACR,IAAI,IAAI,8BAAC,oBAAW,QAAE,IAAI,CAAe;YACzC,cAAc;YACf,8BAAC,sBAAa,QAAE,QAAQ,CAAiB,CAC9B;QACZ,MAAM,CACQ,CAClB,CAAA;IAED,mCAAmC;IACnC,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA;QACtB,OAAO,CACL,8BAAC,OAAO;YACN,8BAAC,KAAK,IACJ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,KAAK,CAAC,gBAC3B,kBAAkB,GAC7B;YACF,8BAAC,eAAe,QAAE,cAAc,CAAmB,CAC3C,CACX,CAAA;IACH,CAAC;IAED,iDAAiD;IACjD,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,OAAO,cAAc,CAAA;AACvB,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB;AAED,+BAA+B;AAE/B,MAAM,OAAO,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;CAKzB,CAAA;AAED,MAAM,KAAK,GAAG,gBAAM,CAAC,GAAG,CAAA;;;sBAGF,aAAI,CAAC,OAAO;;CAEjC,CAAA;AAED,MAAM,eAAe,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;CAKjC,CAAA;AAED,yBAAyB;AAEzB,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,mBAAW;IACjB,QAAQ,EAAE,uBAAe;IACzB,OAAO,EAAE,sBAAc;CACxB,CAAA;AAED,kBAAe,OAAO,CAAA"}

package/dist/components/Sidebar/SidebarNavItem.js

@@ -6,19 +6,21 @@ 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 Tag_1 = __importDefault(require("../Tag"));
 const SidebarSubItem_1 = __importDefault(require("./SidebarSubItem"));
-const SidebarNavItem = ({ icon, label, variant = 'business', active = false, onClick, subItems, isExpanded = false, }) => {
+const SidebarNavItem = ({ id, icon, label, variant = 'business', active = false, onClick, subItems, isExpanded = false, tag, }) => {
     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(styles_1.NavItemWrapper, { variant: variant, active: active, onClick: onClick, "data-id": id },
             react_1.default.createElement(MaterialSymbols_1.default, { icon: icon, size: "m", fill: active ? 1 : 0, color: color }),
             react_1.default.createElement(styles_1.NavItemLabel, { variant: variant, active: active }, label),
+            tag && (react_1.default.createElement(Tag_1.default, { type: "positive", variant: "filled", size: "sm" }, tag)),
             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 })))));
+            subItems.map((sub) => (react_1.default.createElement(SidebarSubItem_1.default, { key: sub.id, 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

@@ -1 +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,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,KAAK,GACZ;YACF,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"}
+{"version":3,"file":"SidebarNavItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qCAKiB;AAEjB,kGAAyE;AACzE,iDAAwB;AACxB,sEAA6C;AAuB7C,MAAM,cAAc,GAAG,CAAC,EACtB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,GAAG,GACiB,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,IACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aACP,EAAE;YAEX,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,KAAK,GACZ;YACF,8BAAC,qBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAC3C,KAAK,CACO;YACd,GAAG,IAAI,CACN,8BAAC,aAAG,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,IAC5C,GAAG,CACA,CACP;YACA,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,EAAE,EACX,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/dropdownStyles.js

@@ -0,0 +1,120 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownDivider = exports.DropdownMenuLabel = exports.DropdownSecondaryText = exports.DropdownPrimaryText = exports.DropdownRowContent = exports.DropdownMenuRow = exports.DropdownRow = exports.DropdownSectionLabel = exports.DropdownPanel = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const fontStyles_1 = require("../../constants/fontStyles");
+const colors_1 = require("../../constants/Colors/colors");
+// ─── Company profile dropdown ───
+exports.DropdownPanel = styled_1.default.div `
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  z-index: 10;
+  width: 208px;
+  box-sizing: border-box;
+  padding: 8px 0;
+  border-radius: 12px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${colors_1.SURFACE.NEUTRAL};
+  box-shadow:
+    0px 12px 16px -4px rgba(10, 13, 18, 0.08),
+    0px 4px 6px -2px rgba(10, 13, 18, 0.03);
+`;
+exports.DropdownSectionLabel = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  width: 100%;
+  box-sizing: border-box;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-weight: 400;
+  font-size: 12px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
+  white-space: nowrap;
+`;
+exports.DropdownRow = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  background-color: ${(props) => props.active ? colors_1.COMPONENT.SIDEBAR_ACTIVE : 'transparent'};
+
+  &:hover {
+    background-color: ${(props) => props.active ? colors_1.COMPONENT.SIDEBAR_ACTIVE : colors_1.INTERACTIVE.HOVER_SURFACE};
+  }
+`;
+exports.DropdownMenuRow = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px;
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+
+  &:hover {
+    background-color: ${colors_1.INTERACTIVE.HOVER_SURFACE};
+  }
+`;
+exports.DropdownRowContent = styled_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: 4px;
+  flex: 1 0 0;
+  min-width: 0;
+`;
+exports.DropdownPrimaryText = styled_1.default.span `
+  width: 100%;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-weight: 400;
+  font-size: 16px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL};
+  overflow-wrap: break-word;
+`;
+exports.DropdownSecondaryText = styled_1.default.span `
+  width: 100%;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-weight: 400;
+  font-size: 14px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
+  overflow-wrap: break-word;
+`;
+exports.DropdownMenuLabel = styled_1.default.span `
+  width: 100%;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-weight: 400;
+  font-size: 16px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
+  overflow-wrap: break-word;
+`;
+exports.DropdownDivider = styled_1.default.div `
+  width: 100%;
+  height: 14px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+
+  &::after {
+    content: '';
+    display: block;
+    width: calc(100% - 24px);
+    margin: 0 12px;
+    border-top: 1px solid ${colors_1.BASE.LINE};
+  }
+`;
+//# sourceMappingURL=dropdownStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownStyles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/dropdownStyles.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAoC;AACpC,2DAAqE;AACrE,0DAKsC;AAEtC,mCAAmC;AAEtB,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;sBAajB,gBAAO,CAAC,OAAO;;;;CAIpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;iBAM7B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,CAAsB;;;;;;;;sBAQrC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAS,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;;;wBAGnC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAS,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAW,CAAC,aAAa;;CAExE,CAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;wBAUjB,oBAAW,CAAC,aAAa;;CAEhD,CAAA;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ3C,CAAA;AAEY,QAAA,mBAAmB,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAE7B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,UAAU;;CAEzB,CAAA;AAEY,QAAA,qBAAqB,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAE/B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAE3B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;4BAYb,aAAI,CAAC,IAAI;;CAEpC,CAAA"}

package/dist/components/Sidebar/index.js

@@ -36,19 +36,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.COMPANY_MENU_ITEMS = exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.SidebarProducts = exports.SidebarBase = void 0;
+exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.useSidebar = exports.SidebarTrigger = exports.SidebarProvider = 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; } });
+Object.defineProperty(exports, "SidebarProvider", { enumerable: true, get: function () { return Sidebar_1.SidebarProvider; } });
+Object.defineProperty(exports, "SidebarTrigger", { enumerable: true, get: function () { return Sidebar_1.SidebarTrigger; } });
+Object.defineProperty(exports, "useSidebar", { enumerable: true, get: function () { return Sidebar_1.useSidebar; } });
 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 CompanyProfileDropdown_1 = __importStar(require("./CompanyProfileDropdown"));
+const CompanyProfileDropdown_1 = __importDefault(require("./CompanyProfileDropdown"));
 exports.CompanyProfileDropdown = CompanyProfileDropdown_1.default;
-Object.defineProperty(exports, "COMPANY_MENU_ITEMS", { enumerable: true, get: function () { return CompanyProfileDropdown_1.COMPANY_MENU_ITEMS; } });
 const CopyrightNotice_1 = __importDefault(require("./CopyrightNotice"));
 exports.CopyrightNotice = CopyrightNotice_1.default;
 exports.default = Sidebar_1.default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAiE;AAU/D,4FAVgB,qBAAW,OAUhB;AACX,gGAX6B,yBAAe,OAW7B;AAVjB,sEAA6C;AAW3C,yBAXK,wBAAc,CAWL;AAVhB,sEAA6C;AAW3C,yBAXK,wBAAc,CAWL;AAVhB,sEAA6C;AAW3C,yBAXK,wBAAc,CAWL;AAVhB,mFAEiC;AAS/B,iCAXK,gCAAsB,CAWL;AAEtB,mGAZA,2CAAkB,OAYA;AAVpB,wEAA+C;AAS7C,0BATK,yBAAe,CASL;AAOjB,kBAAe,iBAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAKkB;AAQhB,4FAZA,qBAAW,OAYA;AACX,gGAZA,yBAAe,OAYA;AACf,+FAZA,wBAAc,OAYA;AACd,2FAZA,oBAAU,OAYA;AAVZ,sEAA6C;AAW3C,yBAXK,wBAAc,CAWL;AAVhB,sEAA6C;AAW3C,yBAXK,wBAAc,CAWL;AAVhB,sEAA6C;AAW3C,yBAXK,wBAAc,CAWL;AAVhB,sFAA6D;AAW3D,iCAXK,gCAAsB,CAWL;AAVxB,wEAA+C;AAW7C,0BAXK,yBAAe,CAWL;AAMjB,kBAAe,iBAAO,CAAA"}