@xfers/design-system 7.1.0 → 8.0.0-dev.0d1c1edcc0

package/dist/components/Sidebar/styles.js

@@ -0,0 +1,208 @@
+"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.CompanyProfileContainer = 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 HOVER_BACKGROUND = {
+    business: colors_1.INTERACTIVE.HOVER_SURFACE,
+    personal: colors_1.INTERACTIVE.HOVER_SURFACE,
+    sandbox: 'rgba(255, 255, 255, 0.08)',
+};
+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;
+const hoverBg = (variant, active) => active ? ACTIVE_BACKGROUND[variant] : HOVER_BACKGROUND[variant];
+exports.SidebarWrapper = styled_1.default.div `
+  width: 240px;
+  height: 100vh;
+  box-sizing: border-box;
+  padding: 32px 0;
+  background-color: ${(props) => ROOT_BACKGROUND[props.variant]};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-shrink: 0;
+  overflow: hidden;
+`;
+/*
+ * Scrollable region holding logo, company profile, nav items, and the
+ * regulatory footer. Everything scrolls together as one list.
+ *
+ * Horizontal padding lives on the inner sections (not the wrapper) so the
+ * scrollbar sits flush against the panel's right edge.
+ */
+exports.MenuHeader = styled_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 16px;
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  /* Slim scrollbar so it doesn't fight the 240px width */
+  scrollbar-width: thin;
+`;
+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'};
+
+  &:hover {
+    background-color: ${(props) => hoverBg(props.variant, props.active)};
+  }
+`;
+exports.NavItemLabel = styled_1.default.span `
+  flex: 1 0 0;
+  min-width: 0;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-size: 14px;
+  line-height: normal;
+  font-weight: ${(props) => (props.active ? 700 : 400)};
+  color: ${(props) => (0, exports.itemTextColor)(props.variant, props.active)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+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'};
+
+  &:hover {
+    background-color: ${(props) => hoverBg(props.variant, props.active)};
+  }
+`;
+exports.SubItemLabel = styled_1.default.span `
+  flex: 1 0 0;
+  min-width: 0;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-size: 14px;
+  line-height: normal;
+  font-weight: ${(props) => (props.active ? 700 : 400)};
+  color: ${(props) => (0, exports.itemTextColor)(props.variant, props.active)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+// ─── Company profile ───
+exports.CompanyProfileContainer = styled_1.default.div `
+  position: relative;
+  width: 100%;
+`;
+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;
+  cursor: pointer;
+  background-color: ${colors_1.SURFACE.SECONDARY_NEUTRAL};
+
+  &:hover {
+    background-color: ${colors_1.INTERACTIVE.HOVER_SURFACE};
+  }
+`;
+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}, ${fontStyles_1.FALLBACK_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;
+  flex-shrink: 0;
+  margin-top: 24px;
+  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}, ${fontStyles_1.FALLBACK_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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"}

package/dist/components/Steps/DesktopSteps.js

@@ -25,17 +25,23 @@ const DesktopSteps = (_a) => {
         padding-right: 0;
       }
   
-      & .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
+      & .ant-steps-item-finish .ant-steps-item-title {
         ${fontStyles_1.baseStyle}
         ${fontStyles_1.InactiveDesktopStepperStyle}
       }
   
-      & .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
+      & .ant-steps-item-process .ant-steps-item-title {
         ${fontStyles_1.baseStyle}
         ${fontStyles_1.ActiveDesktopStepperStyle}
       }
+
+      & .ant-steps-item-wait .ant-steps-item-title {
+        ${fontStyles_1.baseStyle}
+        ${fontStyles_1.InactiveDesktopStepperStyle}
+        color: #777777;
+      }
   
-      & .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
+      & .ant-steps-item-finish .ant-steps-item-icon {
         background: #43CC32;
       }
   
@@ -44,58 +50,37 @@ const DesktopSteps = (_a) => {
         height: 13px;
       }
   
-      &.ant-steps-dot .ant-steps-item-content {
+      &.ant-steps-dot .ant-steps-item-section {
         width: unset;
         max-width: 100%;
       }
   
-      &.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
-        width: 13px;
-        height: 13px;
-      }
-  
       &.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
         margin-top: 6px;
       }
   
-      &.ant-steps-dot .ant-steps-item-tail::after {
+      &.ant-steps-dot .ant-steps-item-rail {
         margin-left: 15px;
+        top: 4px;
+        left: -9px;
       }
   
-      & .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
+      & .ant-steps-item-finish .ant-steps-item-rail {
+        border-color: #CACACA;
+      }
+
+      & .ant-steps-item-process .ant-steps-item-rail {
         background: #CACACA;
       }
   
-      &.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
+      &.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
         top: 0;
+        left: 0;
       }
   
       &.ant-steps-vertical .ant-steps-item-icon {
         margin-right: 10px;
       }
-  
-      &.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
-        left: 0;
-      }
-  
-      & .ant-steps-item-icon > .ant-steps-icon {
-        top: 0;
-      }
-  
-      &.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
-        top: 4px;
-        left: -9px;
-      }
-  
-      & .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
-        background: #CACACA;
-      }
-  
-      & .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-        ${fontStyles_1.baseStyle}
-        ${fontStyles_1.InactiveDesktopStepperStyle}
-        color: #777777;
-      }
     `;
     const ellipseStyle = (0, emotion_1.css) `
     & .ant-steps-item-title {

package/dist/components/Steps/DesktopSteps.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopSteps.js","sourceRoot":"","sources":["../../../src/components/Steps/DesktopSteps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAAwC;AACxC,2DAImC;AAanC,MAAM,YAAY,GAAG,CAAC,EAMrB,EAAE,EAAE;QANiB,EACpB,SAAS,EACT,QAAQ,OAIT,EAHI,IAAI,cAHa,yBAIrB,CADQ;IAIP,MAAM,KAAK,GAAG;;;;;;UAMN,sBAAS;UACT,wCAA2B;;;;UAI3B,sBAAS;UACT,sCAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4DzB,sBAAS;UACT,wCAA2B;;;KAGhC,CAAA;IAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAA;;;;;;;GAOvB,CAAA;IAED,yEAAyE;IACzE,MAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC3C,MAAM,CAAC,eAAK,CAAC,cAAc,CAAC;SAC5B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,MAAM,KACJ,KAAK,CAAC,KAEL,EAHG,EAAE,SAAS,EAAE,aAAa,OAG7B,EAHkC,SAAS,cAAxC,aAA0C,CAG7C,CAAA;QACH,uCACK,SAAS,KACZ,SAAS,EAAE,IAAA,YAAE,EAAC,YAAY,EAAE,aAAa,CAAC,IAC3C;IACH,CAAC,CAAC,CAAA;IAEJ,OAAO,8BAAC,YAAK,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AAChF,CAAC,CAAA;AAED,+EAA+E;AAC/E,qEAAqE;AACrE,MAAM,WAAW,GAAuB,GAAG,EAAE,CAAC,IAAI,CAAA;AAClD,YAAY,CAAC,IAAI,GAAG,WAAW,CAAA;AAE/B,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"DesktopSteps.js","sourceRoot":"","sources":["../../../src/components/Steps/DesktopSteps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAAwC;AACxC,2DAImC;AAanC,MAAM,YAAY,GAAG,CAAC,EAMrB,EAAE,EAAE;QANiB,EACpB,SAAS,EACT,QAAQ,OAIT,EAHI,IAAI,cAHa,yBAIrB,CADQ;IAIP,MAAM,KAAK,GAAG;;;;;;UAMN,sBAAS;UACT,wCAA2B;;;;UAI3B,sBAAS;UACT,sCAAyB;;;;UAIzB,sBAAS;UACT,wCAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4ChC,CAAA;IAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAA;;;;;;;GAOvB,CAAA;IAED,yEAAyE;IACzE,MAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC3C,MAAM,CAAC,eAAK,CAAC,cAAc,CAAC;SAC5B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,MAAM,KACJ,KAAK,CAAC,KAEL,EAHG,EAAE,SAAS,EAAE,aAAa,OAG7B,EAHkC,SAAS,cAAxC,aAA0C,CAG7C,CAAA;QACH,uCACK,SAAS,KACZ,SAAS,EAAE,IAAA,YAAE,EAAC,YAAY,EAAE,aAAa,CAAC,IAC3C;IACH,CAAC,CAAC,CAAA;IAEJ,OAAO,8BAAC,YAAK,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AAChF,CAAC,CAAA;AAED,+EAA+E;AAC/E,qEAAqE;AACrE,MAAM,WAAW,GAAuB,GAAG,EAAE,CAAC,IAAI,CAAA;AAClD,YAAY,CAAC,IAAI,GAAG,WAAW,CAAA;AAE/B,kBAAe,YAAY,CAAA"}

package/dist/components/Tabs/index.js

@@ -20,7 +20,7 @@ const antd_1 = require("antd");
 const TypographyStyles_1 = require("../../shared/TypographyStyles");
 const ThemeContext_1 = require("../../theme/ThemeContext");
 const Tabs = (_a) => {
-    var { children } = _a, rest = __rest(_a, ["children"]);
+    var { children, items } = _a, rest = __rest(_a, ["children", "items"]);
     const { brand } = (0, ThemeContext_1.useTheme)();
     const style = `
     font-family: ${TypographyStyles_1.MAIN_FONT};
@@ -56,8 +56,27 @@ const Tabs = (_a) => {
       background-color: ${brand.primary.default}; 
     }
     `;
-    return (react_1.default.createElement(antd_1.Tabs, Object.assign({ className: `${(0, emotion_1.css)(style)}` }, rest), children));
+    // Support legacy children (Tabs.TabPane) by converting to items.
+    // Use React.Children.forEach instead of toArray to avoid the .$-prefix
+    // that toArray adds to keys, which would break controlled activeKey usage.
+    const resolvedItems = items !== null && items !== void 0 ? items : (children
+        ? (() => {
+            const result = [];
+            react_1.default.Children.forEach(children, (child) => {
+                var _a, _b;
+                if (!react_1.default.isValidElement(child))
+                    return;
+                const _c = child.props, { tab, key: propKey, children: childContent } = _c, paneRest = __rest(_c, ["tab", "key", "children"]);
+                result.push(Object.assign({ key: String((_b = (_a = child.key) !== null && _a !== void 0 ? _a : propKey) !== null && _b !== void 0 ? _b : ''), label: tab, children: childContent }, paneRest));
+            });
+            return result;
+        })()
+        : undefined);
+    return react_1.default.createElement(antd_1.Tabs, Object.assign({ className: `${(0, emotion_1.css)(style)}`, items: resolvedItems }, rest));
 };
+// Keep TabPane export for backward compatibility with legacy children usage.
+// At runtime, children passed to Tabs are converted to items automatically above.
+// Consumers using <Tabs.TabPane> will continue to work without code changes.
 Tabs.TabPane = antd_1.Tabs.TabPane;
 exports.default = Tabs;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAA6B;AAE7B,+BAAsC;AAEtC,oEAAyE;AACzE,2DAAmD;AAUnD,MAAM,IAAI,GAAG,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,QAAQ,OAAkB,EAAb,IAAI,cAAnB,YAAqB,CAAF;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAC5B,MAAM,KAAK,GAAG;mBACG,4BAAS;;;;;;;;;;;;;;;;;;;;eAoBb,KAAK,CAAC,OAAO,CAAC,OAAO;;;;;;qBAMf,iCAAc;;;;0BAIT,KAAK,CAAC,OAAO,CAAC,OAAO;;KAE1C,CAAA;IAEH,OAAO,CACL,8BAAC,WAAO,kBAAC,SAAS,EAAE,GAAG,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,IAAM,IAAI,GAC1C,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,OAAO,GAAG,WAAO,CAAC,OAAO,CAAA;AAE9B,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAA6B;AAE7B,+BAAsC;AAGtC,oEAAyE;AACzE,2DAAmD;AAWnD,MAAM,IAAI,GAAG,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,KAAK,OAAkB,EAAb,IAAI,cAA1B,qBAA4B,CAAF;IACtC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAC5B,MAAM,KAAK,GAAG;mBACG,4BAAS;;;;;;;;;;;;;;;;;;;;eAoBb,KAAK,CAAC,OAAO,CAAC,OAAO;;;;;;qBAMf,iCAAc;;;;0BAIT,KAAK,CAAC,OAAO,CAAC,OAAO;;KAE1C,CAAA;IAEH,iEAAiE;IACjE,uEAAuE;IACvE,2EAA2E;IAC3E,MAAM,aAAa,GACjB,KAAK,aAAL,KAAK,cAAL,KAAK,GACL,CAAC,QAAQ;QACP,CAAC,CAAC,CAAC,GAAG,EAAE;YACJ,MAAM,MAAM,GAAoC,EAAE,CAAA;YAClD,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;gBACzC,IAAI,CAAC,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC;oBAAE,OAAM;gBACxC,MAAM,KAKF,KAAK,CAAC,KAKT,EAVK,EACJ,GAAG,EACH,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,YAAY,OAOvB,EANI,QAAQ,cAJP,0BAKL,CAKA,CAAA;gBACD,MAAM,CAAC,IAAI,iBACT,GAAG,EAAE,MAAM,CAAC,MAAA,MAAA,KAAK,CAAC,GAAG,mCAAI,OAAO,mCAAI,EAAE,CAAC,EACvC,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,YAAY,IACnB,QAAQ,EACX,CAAA;YACJ,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,EAAE;QACN,CAAC,CAAC,SAAS,CAAC,CAAA;IAEhB,OAAO,8BAAC,WAAO,kBAAC,SAAS,EAAE,GAAG,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,IAAM,IAAI,EAAI,CAAA;AAChF,CAAC,CAAA;AAED,6EAA6E;AAC7E,kFAAkF;AAClF,6EAA6E;AAC7E,IAAI,CAAC,OAAO,GAAG,WAAO,CAAC,OAAO,CAAA;AAE9B,kBAAe,IAAI,CAAA"}

package/dist/components/Timeline/index.js

@@ -20,38 +20,19 @@ const antd_1 = require("antd");
 const CustomTimeline = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     const style = `
-    // for reverse === true
-    &.ant-timeline.ant-timeline-reverse
-      > .ant-timeline-item
-      > .ant-timeline-item-head-custom {
-      top: 40px;
-      margin-right: 50px;
-    }
-
-    &.ant-timeline.ant-timeline-reverse
-      > .ant-timeline-item
-      > .ant-timeline-item-tail {
-      top: 40px;
-    }
-
-    &.ant-timeline.ant-timeline-reverse
-      > .ant-timeline-item
-      > .ant-timeline-item-content {
-      margin-left: 45px;
-    }
-
-    // for reverse === false
-    &.ant-timeline > .ant-timeline-item > .ant-timeline-item-head-custom {
-      top: 40px;
-      margin-right: 50px;
-    }
+    &.ant-timeline .ant-timeline-item {
+      .ant-timeline-item-icon {
+        top: 40px;
+      }
 
-    &.ant-timeline > .ant-timeline-item > .ant-timeline-item-tail {
-      top: 40px;
-    }
+      .ant-timeline-item-rail {
+        top: 40px;
+        bottom: -40px;
+      }
 
-    &.ant-timeline > .ant-timeline-item > .ant-timeline-item-content {
-      margin-left: 45px;
+      .ant-timeline-item-content {
+        margin-left: 20px;
+      }
     }
   `;
     return react_1.default.createElement(antd_1.Timeline, Object.assign({}, rest, { className: (0, emotion_1.cx)((0, emotion_1.css)(style), className) }));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Timeline/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAA8C;AAE9C,MAAM,cAAc,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,SAAS,OAA0B,EAArB,IAAI,cAApB,aAAsB,CAAF;IAC1C,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCb,CAAA;IAED,OAAO,8BAAC,eAAQ,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AACrE,CAAC,CAAA;AAED,cAAc,CAAC,IAAI,GAAG,eAAQ,CAAC,IAAI,CAAA;AAEnC,kBAAe,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Timeline/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAA8C;AAE9C,MAAM,cAAc,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,SAAS,OAA0B,EAArB,IAAI,cAApB,aAAsB,CAAF;IAC1C,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;GAeb,CAAA;IAED,OAAO,8BAAC,eAAQ,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AACrE,CAAC,CAAA;AAED,cAAc,CAAC,IAAI,GAAG,eAAQ,CAAC,IAAI,CAAA;AAEnC,kBAAe,cAAc,CAAA"}

package/dist/components/Tooltip/index.js

@@ -50,7 +50,7 @@ const defaultOverlayStyle = (0, emotion_1.css) `
   color: ${theme_1.straitsXTheme.text.white};
   box-shadow: none;
 
-  .ant-tooltip-inner {
+  .ant-tooltip-container {
     padding: 12px;
     border-radius: 8px;
     box-shadow: none;

package/dist/constants/Colors/colors.js

@@ -132,5 +132,7 @@ var COMPONENT;
     COMPONENT["LABEL_INPUT"] = "#757575";
     COMPONENT["HELPER_INPUT"] = "#757575";
     COMPONENT["PLACEHOLDER_INPUT"] = "#B6B6B6";
+    COMPONENT["SIDEBAR_ACTIVE"] = "#D7EFE2";
+    COMPONENT["SIDEBAR_ACTIVE_SANDBOX"] = "#005755";
 })(COMPONENT || (exports.COMPONENT = COMPONENT = {}));
 //# sourceMappingURL=colors.js.map

package/dist/constants/Colors/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/constants/Colors/colors.ts"],"names":[],"mappings":";AAAA,cAAc;;;AAEd,IAAY,KAKX;AALD,WAAY,KAAK;IACf,4BAAmB,CAAA;IACnB,wBAAe,CAAA;IACf,wBAAe,CAAA;IACf,wBAAe,CAAA;AACjB,CAAC,EALW,KAAK,qBAAL,KAAK,QAKhB;AAED,IAAY,IASX;AATD,WAAY,IAAI;IACd,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;AAClB,CAAC,EATW,IAAI,oBAAJ,IAAI,QASf;AAED,IAAY,KAgBX;AAhBD,WAAY,KAAK;IACf,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAEhB,4BAAmB,CAAA;IACnB,6BAAoB,CAAA;IACpB,yBAAgB,CAAA;IAChB,0BAAiB,CAAA;IACjB,oCAA2B,CAAA;IAC3B,gDAAuC,CAAA;IACvC,4BAAmB,CAAA;IACnB,sCAA6B,CAAA;IAC7B,mDAA0C,CAAA;IAC1C,yBAAgB,CAAA;AAClB,CAAC,EAhBW,KAAK,qBAAL,KAAK,QAgBhB;AAED,IAAY,IAWX;AAXD,WAAY,IAAI;IACd,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uBAAe,CAAA;IACf,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uBAAe,CAAA;IACf,0BAAkB,CAAA;IAClB,wBAAgB,CAAA;IAChB,2BAAmB,CAAA;AACrB,CAAC,EAXW,IAAI,oBAAJ,IAAI,QAWf;AAED,IAAY,GAIX;AAJD,WAAY,GAAG;IACb,uBAAgB,CAAA;IAChB,uBAAgB,CAAA;IAChB,uBAAgB,CAAA;AAClB,CAAC,EAJW,GAAG,mBAAH,GAAG,QAId;AAED,IAAY,KAEX;AAFD,WAAY,KAAK;IACf,4BAAmB,CAAA;AACrB,CAAC,EAFW,KAAK,qBAAL,KAAK,QAEhB;AAED,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;AAClB,CAAC,EAJW,MAAM,sBAAN,MAAM,QAIjB;AAED,kBAAkB;AAElB,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2CAA6B,CAAA;IAC7B,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;AACvB,CAAC,EALW,UAAU,0BAAV,UAAU,QAKrB;AAED,IAAY,OAWX;AAXD,WAAY,OAAO;IACjB,8BAAmB,CAAA;IACnB,wCAA6B,CAAA;IAC7B,uCAA4B,CAAA;IAC5B,0CAA+B,CAAA;IAC/B,0GAA0G;IAC1G,2BAAgB,CAAA;IAChB,kCAAuB,CAAA;IACvB,sCAA2B,CAAA;IAC3B,qCAA0B,CAAA;IAC1B,sCAA2B,CAAA;AAC7B,CAAC,EAXW,OAAO,uBAAP,OAAO,QAWlB;AAED,IAAY,IAUX;AAVD,WAAY,IAAI;IACd,2BAAmB,CAAA;IACnB,6BAAqB,CAAA;IACrB,6BAAqB,CAAA;IACrB,gCAAwB,CAAA;IACxB,8BAAsB,CAAA;IACtB,wCAAgC,CAAA;IAChC,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uCAA+B,CAAA;AACjC,CAAC,EAVW,IAAI,oBAAJ,IAAI,QAUf;AAED,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,wCAAyB,CAAA;IACzB,wCAAyB,CAAA;IACzB,0CAA2B,CAAA;IAC3B,mCAAoB,CAAA;IACpB,wCAAyB,CAAA;IACzB,wCAAyB,CAAA;IACzB,0CAA2B,CAAA;IAC3B,yCAA0B,CAAA;IAC1B,2CAA4B,CAAA;AAC9B,CAAC,EAVW,WAAW,2BAAX,WAAW,QAUtB;AAED,IAAY,MAKX;AALD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,8BAAoB,CAAA;IACpB,6BAAmB,CAAA;IACnB,8BAAoB,CAAA;AACtB,CAAC,EALW,MAAM,sBAAN,MAAM,QAKjB;AAED,IAAY,SAaX;AAbD,WAAY,SAAS;IACnB,wCAA2B,CAAA;IAC3B,uCAA0B,CAAA;IAC1B,wFAAwF;IACxF,gCAAgC;IAChC,+BAA+B;IAC/B,iCAAiC;IACjC,iCAAiC;IACjC,4CAA4C;IAC5C,6CAA6C;IAC7C,oCAAuB,CAAA;IACvB,qCAAwB,CAAA;IACxB,0CAA6B,CAAA;AAC/B,CAAC,EAbW,SAAS,yBAAT,SAAS,QAapB"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/constants/Colors/colors.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.SelectionBoxGroup = exports.SelectionBox = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.DialogItems = exports.Modal = exports.Tag = exports.InputWithButton = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = exports.AntdConfigProvider = void 0;
-exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.Coachmark = exports.Timeline = exports.SummaryCard = void 0;
+exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.useSidebar = exports.SidebarTrigger = exports.SidebarProvider = exports.SidebarBase = exports.Sidebar = exports.Coachmark = exports.Timeline = exports.SummaryCard = void 0;
 // Components
 var AntdConfigProvider_1 = require("./components/AntdConfigProvider");
 Object.defineProperty(exports, "AntdConfigProvider", { enumerable: true, get: function () { return __importDefault(AntdConfigProvider_1).default; } });
@@ -121,6 +121,17 @@ var Timeline_1 = require("./components/Timeline");
 Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return __importDefault(Timeline_1).default; } });
 var Coachmark_1 = require("./components/Coachmark");
 Object.defineProperty(exports, "Coachmark", { enumerable: true, get: function () { return __importDefault(Coachmark_1).default; } });
+var Sidebar_1 = require("./components/Sidebar");
+Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return __importDefault(Sidebar_1).default; } });
+Object.defineProperty(exports, "SidebarBase", { enumerable: true, get: function () { return Sidebar_1.SidebarBase; } });
+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; } });
+Object.defineProperty(exports, "SidebarNavItem", { enumerable: true, get: function () { return Sidebar_1.SidebarNavItem; } });
+Object.defineProperty(exports, "SidebarSubItem", { enumerable: true, get: function () { return Sidebar_1.SidebarSubItem; } });
+Object.defineProperty(exports, "CompanyProfile", { enumerable: true, get: function () { return Sidebar_1.CompanyProfile; } });
+Object.defineProperty(exports, "CompanyProfileDropdown", { enumerable: true, get: function () { return Sidebar_1.CompanyProfileDropdown; } });
+Object.defineProperty(exports, "CopyrightNotice", { enumerable: true, get: function () { return Sidebar_1.CopyrightNotice; } });
 // Helper Functions
 var getJoyrideConfig_1 = require("./components/Coachmark/getJoyrideConfig");
 Object.defineProperty(exports, "getCoachmarkJoyrideConfig", { enumerable: true, get: function () { return getJoyrideConfig_1.getCoachmarkJoyrideConfig; } });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,0EAA0E;AAC1E,iCAAiC;;;;;;;;;;;;;;;;;;;;;AAEjC,aAAa;AACb,sEAA+E;AAAtE,yIAAA,OAAO,OAAsB;AACtC,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,0DAAmE;AAA1D,6HAAA,OAAO,OAAgB;AAChC,sDAA+D;AAAtD,yHAAA,OAAO,OAAc;AAC9B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,4DAAqE;AAA5D,+HAAA,OAAO,OAAiB;AACjC,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,gEAAyE;AAAhE,mIAAA,OAAO,OAAmB;AACnC,wCAAiD;AAAxC,2GAAA,OAAO,OAAO;AACvB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,8DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,gEAAyE;AAAhE,mIAAA,OAAO,OAAmB;AACnC,sDAA+D;AAAtD,yHAAA,OAAO,OAAc;AAC9B,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,0DAGkC;AAFhC,6HAAA,OAAO,OAAgB;AACvB,iHAAA,iBAAiB,OAAA;AAEnB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,sDAA+D;AAAtD,yHAAA,OAAO,OAAc;AAC9B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,sDAA4E;AAAnE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,oGAAA,MAAM,OAAA;AAAE,oGAAA,MAAM,OAAA;AAC3C,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,gDAAyD;AAAhD,mHAAA,OAAO,OAAW;AAC3B,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,kEAA2E;AAAlE,qIAAA,OAAO,OAAoB;AACpC,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,iHAAA,OAAO,OAAU;AAC1B,0CAA2C;AAAlC,+FAAA,OAAO,OAAA;AAChB,gDAAyD;AAAhD,mHAAA,OAAO,OAAW;AAC3B,gDAAyD;AAAhD,mHAAA,OAAO,OAAW;AAC3B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,6GAAA,OAAO,OAAQ;AACxB,wDAAiE;AAAxD,2HAAA,OAAO,OAAe;AAC/B,kDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAC5B,oDAA6D;AAApD,uHAAA,OAAO,OAAa;AAE7B,mBAAmB;AACnB,4EAAmF;AAA1E,6HAAA,yBAAyB,OAAA;AAElC,QAAQ;AACR,0CAAuB;AACvB,2DAAyD;AAAhD,kHAAA,eAAe,OAAA;AAExB,QAAQ;AACR,0CAAuB;AAEvB,aAAa;AACb,gEAA8D;AAArD,wGAAA,UAAU,OAAA;AAEnB,qDAA8D;AAArD,6GAAA,aAAa,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAChC,uCAAyD;AAAhD,mGAAA,UAAU,OAAA;AAAE,sGAAA,aAAa,OAAA;AAElC,sDAA+D;AAAtD,6GAAA,aAAa,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAEhC,uDAKgC;AAJ9B,6HAAA,8BAA8B,OAAA;AAC9B,iHAAA,kBAAkB,OAAA;AAClB,gHAAA,iBAAiB,OAAA;AACjB,gHAAA,iBAAiB,OAAA;AAGnB,wBAAwB;AAExB,oDAU6B;AAT3B,0GAAA,WAAW,OAAA;AACX,2GAAA,YAAY,OAAA;AACZ,yGAAA,UAAU,OAAA;AACV,4GAAA,aAAa,OAAA;AACb,6GAAA,cAAc,OAAA;AACd,0GAAA,WAAW,OAAA;AACX,0GAAA,WAAW,OAAA;AACX,0GAAA,WAAW,OAAA;AACX,gHAAA,iBAAiB,OAAA;AAGnB,8DAMkC;AALhC,6GAAA,SAAS,OAAA;AACT,iHAAA,aAAa,OAAA;AACb,+GAAA,WAAW,OAAA;AACX,6GAAA,SAAS,OAAA;AACT,+GAAA,WAAW,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types/components/Sidebar/CompanyProfile.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { CompanyOption, DropdownMenuItem } from './CompanyProfileDropdown';
+type CompanyProfileProps = {
+    companyName?: string;
+    subtitle?: string;
+    enableDropdown?: boolean;
+    /** Renders only the company switcher, without the menu items. */
+    switchOnly?: boolean;
+    companies?: CompanyOption[];
+    /** Menu items shown below the divider. Consumer provides icon + label. */
+    menuItems?: DropdownMenuItem[];
+    onMenuItemClick?: (label: string) => void;
+    onClick?: () => void;
+};
+declare const CompanyProfile: ({ companyName, subtitle, enableDropdown, switchOnly, companies, menuItems, onMenuItemClick, onClick, }: CompanyProfileProps) => React.JSX.Element;
+export default CompanyProfile;

package/dist/types/components/Sidebar/CompanyProfileDropdown.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { MaterialSymbol } from 'material-symbols';
+export type CompanyOption = {
+    name: string;
+    subtitle?: string;
+    active?: boolean;
+    onClick?: () => void;
+};
+export type DropdownMenuItem = {
+    /** Material Symbol icon name (e.g. 'domain', 'group', 'receipt_long'). */
+    icon: MaterialSymbol;
+    /** Display label for the menu item. */
+    label: string;
+    onClick?: () => void;
+};
+type CompanyProfileDropdownProps = {
+    /** When false, only the company switcher is rendered (Figma `switchOnly`). */
+    showMenuItems?: boolean;
+    /** When false, the switch-company block is hidden (Figma `switchCompany`). */
+    switchCompany?: boolean;
+    /** Companies shown in the SWITCH COMPANY section. */
+    companies?: CompanyOption[];
+    /**
+     * Menu items shown below the divider. Each item needs an icon (MaterialSymbol)
+     * and a label. Consumer must provide this explicitly.
+     */
+    menuItems?: DropdownMenuItem[];
+    /** Fired when a menu item is clicked (if the item doesn't have its own onClick). */
+    onMenuItemClick?: (label: string) => void;
+};
+declare const CompanyProfileDropdown: ({ showMenuItems, switchCompany, companies, menuItems, onMenuItemClick, }: CompanyProfileDropdownProps) => React.JSX.Element;
+export default CompanyProfileDropdown;

package/dist/types/components/Sidebar/CopyrightNotice.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type CopyrightNoticeProps = {
+    text?: string;
+};
+declare const CopyrightNotice: ({ text, }: CopyrightNoticeProps) => React.JSX.Element;
+export default CopyrightNotice;

package/dist/types/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { SidebarVariant } from './styles';
+type SidebarContextValue = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+    isMobile: boolean;
+};
+export declare const useSidebar: () => SidebarContextValue;
+type SidebarProviderProps = {
+    /** Controlled open state. Omit for uncontrolled. */
+    open?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Default open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Breakpoint in px below which sidebar renders as a mobile drawer. */
+    mobileBreakpoint?: number;
+    children: React.ReactNode;
+};
+export declare const SidebarProvider: ({ open: controlledOpen, onOpenChange, defaultOpen, mobileBreakpoint, children, }: SidebarProviderProps) => React.JSX.Element;
+type SidebarTriggerProps = {
+    className?: string;
+    label?: string;
+};
+export declare const SidebarTrigger: ({ className, label, }: SidebarTriggerProps) => React.JSX.Element;
+type SidebarBaseProps = {
+    variant?: SidebarVariant;
+    logo?: React.ReactNode;
+    companyProfile?: React.ReactNode;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+};
+export declare const SidebarBase: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element | null;
+declare const Sidebar: {
+    Base: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element | null;
+    Provider: ({ open: controlledOpen, onOpenChange, defaultOpen, mobileBreakpoint, children, }: SidebarProviderProps) => React.JSX.Element;
+    Trigger: ({ className, label, }: SidebarTriggerProps) => React.JSX.Element;
+};
+export default Sidebar;

package/dist/types/components/Sidebar/SidebarNavItem.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { MaterialSymbol } from 'material-symbols';
+import type { SidebarVariant } from './styles';
+export type SubItem = {
+    id: string;
+    label: string;
+    active?: boolean;
+    onClick?: () => void;
+};
+type SidebarNavItemProps = {
+    /** Stable identifier for this nav item (used for selection, routing). */
+    id: string;
+    icon: MaterialSymbol;
+    label: string;
+    variant?: SidebarVariant;
+    active?: boolean;
+    onClick?: () => void;
+    subItems?: SubItem[];
+    isExpanded?: boolean;
+    /** Optional trailing tag text (e.g. "New"). Uses DS Tag component. */
+    tag?: string;
+    /**
+     * When true and this item has sub-items, expanding the parent also fires
+     * the first sub-item's onClick, so the child is selected without an extra
+     * click. Only applies on expand (not collapse) and only to the first child.
+     */
+    autoSelectFirstSubItem?: boolean;
+};
+declare const SidebarNavItem: ({ id, icon, label, variant, active, onClick, subItems, isExpanded, tag, autoSelectFirstSubItem, }: SidebarNavItemProps) => React.JSX.Element;
+export default SidebarNavItem;

package/dist/types/components/Sidebar/SidebarSubItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SidebarVariant } from './styles';
+type SidebarSubItemProps = {
+    label: string;
+    variant?: SidebarVariant;
+    active?: boolean;
+    onClick?: () => void;
+};
+declare const SidebarSubItem: ({ label, variant, active, onClick, }: SidebarSubItemProps) => React.JSX.Element;
+export default SidebarSubItem;