@cleartrip/ct-design-sidenav 1.1.0

package/dist/ct-design-sidenav.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var i=require("tslib"),e=require("react/jsx-runtime"),n=require("react"),r=require("@cleartrip/ct-design-use-theme"),a=require("@cleartrip/ct-design-container"),t=require("styled-components"),o=require("@cleartrip/ct-design-typography"),s=require("@cleartrip/ct-design-tooltip"),d=require("@cleartrip/ct-design-icons"),l=require("@cleartrip/ct-design-drawer");function c(i){return i&&i.__esModule?i:{default:i}}var g,p=c(r),u=c(t),h=u.default.div((function(i){return function(i){var e=i.theme;return{backgroundColor:e.color.sidenav.primaryBg,minHeight:"100vh",paddingLeft:e.spacing[3],paddingRight:e.spacing[3],display:"flex",alignItems:"center",flexDirection:"column",width:"100%"}}({theme:i.theme})}));!function(i){i.PARENT_TAB="parentTab",i.SUB_TAB="subTab"}(g||(g={}));var b=function(e){var n=e.isSelected,r=e.tabType,a=e.theme,t=e.isSubTabList,o=e.isCollapsed;return i.__assign({},function(i,e,n,r,a){switch(n){case g.PARENT_TAB:return{height:e.spacing[10],backgroundColor:i&&e.color.sidenav.selectedTabBg,borderRadius:i&&e.border.radius[8],marginBottom:i&&r?e.spacing[3]:e.spacing[4],paddingRight:!a&&e.spacing[2]};case g.SUB_TAB:return{height:e.spacing[9],backgroundColor:i&&e.color.sidenav.selectedTabBg,borderRadius:i&&e.border.radius[8],marginBottom:e.spacing[3],paddingRight:e.spacing[2]}}}(n,a,r,t,o))},v=u.default.div((function(i){var e=i.height,n=i.backgroundColor,r=i.marginBottom,a=i.paddingRight;return function(i){var e=i.height,n=i.backgroundColor,r=i.marginBottom,a=i.borderRadius,t=i.theme,o=i.paddingRight;return{height:e,backgroundColor:n,marginBottom:r,borderRadius:a,display:"flex",alignItems:"center",boxSizing:"border-box",paddingTop:t.spacing[2],paddingBottom:t.spacing[2],paddingRight:o}}({height:e,backgroundColor:n,marginBottom:r,borderRadius:i.borderRadius,paddingRight:a,theme:i.theme})})),m=function(r){var t=r.key,d=void 0===t?"":t,l=r.label,c=void 0===l?"":l,g=r.isSelected,u=void 0!==g&&g,h=r.icon,m=void 0===h?null:h,f=r.onClick,x=r.tabType,C=void 0===x?"parentTab":x,_=r.isSubTabList,T=void 0!==_&&_,y=r.isCollapsed,j=void 0!==y&&y,k=p.default(),B=n.useState(!1),R=B[0],S=B[1],L=function(i){return function(){S(i)}},w=b({theme:k,isSelected:u,tabType:C,isSubTabList:T,isCollapsed:j}),q=j&&R?e.jsx(s.Tooltip,{open:!0,arrowPosition:"left",children:e.jsx(a.Container,{children:e.jsx(o.Typography,i.__assign({variant:"B3",color:o.TypographyColor.NEUTRAL},{children:c}))}),container:e.jsx(a.Container,{children:m}),layoutDiff:{left:18,top:2}}):m;return e.jsx(v,i.__assign({},w,{children:e.jsxs(a.Container,i.__assign({cursor:"pointer",display:"flex",alignItems:"center",onClick:f,paddingLeft:m?"":k.spacing[2]},{children:[m&&e.jsx(a.Container,i.__assign({display:"flex",alignItems:"center",marginLeft:k.spacing[2],marginRight:k.spacing[2],onMouseOver:L(!0),onMouseOut:L(!1),width:k.size[6]},{children:q})),e.jsx(a.Container,i.__assign({css:{visibility:j?"hidden":"visible",transition:"all ease-in 0.3s"}},{children:e.jsx(o.Typography,i.__assign({variant:u?"HM4":"B2",color:"neutral",width:j?"0px":"140px"},{children:j?"":c}))}))]}),d)}))};exports.SideNav=function(r){var t=r.header,o=void 0===t?null:t,s=r.collapsedHeader,c=void 0===s?null:s,g=r.showHeader,u=void 0===g||g,b=r.tabList,v=void 0===b?[]:b,f=r.isCollapsed,x=void 0!==f&&f,C=r.selectedTab,_=void 0===C?"":C,T=r.width,y=void 0===T?"":T,j=r.collapsedWidth,k=void 0===j?"":j,B=r.headerIconClick,R=r.isSidebarLocked,S=void 0!==R&&R,L=p.default(),w=n.useState(!x),q=w[0],I=w[1],A=q?o:c;return e.jsxs(a.Container,i.__assign({display:"flex",css:{transition:"transform ease 0.6s"}},{children:[e.jsx(l.Drawer,i.__assign({isOpen:q,width:y,collapsedWidth:k,isOverlay:!1},{children:e.jsxs(h,{children:[u&&e.jsxs(a.Container,i.__assign({display:"flex",alignItems:"center",paddingTop:L.spacing[6],paddingBottom:L.spacing[6],cursor:"pointer",onClick:B},{children:[null==A?void 0:A.icon," ",null==A?void 0:A.label]})),e.jsx(a.Container,{children:v.map((function(n){var r=n.key,t=n.label,o=n.icon,s=n.subTabList,d=n.selectedSubTab,l=n.onClick,c=r===_;return e.jsxs(a.Container,{children:[e.jsx(m,{icon:o,label:t,isCollapsed:!q,tabType:"parentTab",isSelected:c,onClick:l},r),e.jsx(a.Container,i.__assign({marginLeft:L.spacing[5],style:{borderLeft:"1px solid ".concat(L.color.border.defaultDark)}},{children:q&&c&&(null==s?void 0:s.map((function(n){var r=n.key,t=n.label,o=n.icon,s=void 0===o?null:o,l=n.onClick;return e.jsx(a.Container,i.__assign({marginLeft:L.spacing[3]},{children:e.jsx(m,{icon:s,label:q?t:"",tabType:"subTab",isSelected:r===d,onClick:l},r)}))})))}))]})}))})]})})),!S&&e.jsx(a.Container,i.__assign({onClick:function(){I(!q)},marginTop:L.spacing[7],width:"0px",position:"relative",zIndex:L.zIndex.sideNav,css:{transform:"rotateY(".concat(q?0:180,"deg)")},cursor:"pointer"},{children:e.jsx(a.Container,i.__assign({position:"absolute",right:"-12px"},{children:e.jsx(d.ChevronLeft,{})}))}))]}))};
+//# sourceMappingURL=ct-design-sidenav.browser.cjs.js.map

package/dist/ct-design-sidenav.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-sidenav.browser.cjs.js","sources":["../../packages/components/Sidenav/src/SidenavTab/type.ts","../../packages/components/Sidenav/src/StyledSidenav/StyledSidenav.tsx","../../packages/components/Sidenav/src/StyledSidenav/style.ts","../../packages/components/Sidenav/src/SidenavTab/style.ts","../../packages/components/Sidenav/src/SidenavTab/StyledSidenavTab/StyledSidenavTab.tsx","../../packages/components/Sidenav/src/SidenavTab/StyledSidenavTab/style.ts","../../packages/components/Sidenav/src/SidenavTab/SidenavTab.tsx","../../packages/components/Sidenav/src/Sidenav.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":["SideTab","StyledSidenav","styled","default","div","_a","theme","backgroundColor","color","sidenav","primaryBg","minHeight","paddingLeft","spacing","paddingRight","display","alignItems","flexDirection","width","getStyledSidenavStyles","getSidenavTabStyles","isSelected","tabType","isSubTabList","isCollapsed","__assign","PARENT_TAB","height","selectedTabBg","borderRadius","border","radius","marginBottom","SUB_TAB","renderTab","boxSizing","paddingTop","paddingBottom","getStyledSidenavTabStyles","SidenavTab","_b","key","_c","label","_d","_e","icon","onClick","_f","_g","_h","useTheme","_j","useState","isHovered","setIsHovered","toggleHover","value","sidenavTabStyles","iconEle","_jsx","jsx","Tooltip","open","arrowPosition","children","Container","Typography","variant","TypographyColor","NEUTRAL","container","layoutDiff","left","top","StyledSidenavTab","_jsxs","cursor","marginLeft","marginRight","onMouseOver","onMouseOut","size","css","visibility","transition","header","collapsedHeader","showHeader","tabList","selectedTab","collapsedWidth","headerIconClick","_k","isSidebarLocked","_l","isOpened","setIsOpened","headerElement","Drawer","isOpen","isOverlay","jsxs","map","tab","subTabList","selectedSubTab","isTabSelected","style","borderLeft","defaultDark","subItem","marginTop","position","zIndex","sideNav","transform","concat","right","ChevronLeft"],"mappings":"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"}

package/dist/ct-design-sidenav.browser.esm.js

@@ -0,0 +1,2 @@
+import{__assign as i}from"tslib";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as n}from"react";import o from"@cleartrip/ct-design-use-theme";import{Container as t}from"@cleartrip/ct-design-container";import a from"styled-components";import{Typography as d,TypographyColor as l}from"@cleartrip/ct-design-typography";import{Tooltip as c}from"@cleartrip/ct-design-tooltip";import{ChevronLeft as s}from"@cleartrip/ct-design-icons";import{Drawer as p}from"@cleartrip/ct-design-drawer";var g,u=a.div((function(i){return function(i){var e=i.theme;return{backgroundColor:e.color.sidenav.primaryBg,minHeight:"100vh",paddingLeft:e.spacing[3],paddingRight:e.spacing[3],display:"flex",alignItems:"center",flexDirection:"column",width:"100%"}}({theme:i.theme})}));!function(i){i.PARENT_TAB="parentTab",i.SUB_TAB="subTab"}(g||(g={}));var h=function(e){var r=e.isSelected,n=e.tabType,o=e.theme,t=e.isSubTabList,a=e.isCollapsed;return i({},function(i,e,r,n,o){switch(r){case g.PARENT_TAB:return{height:e.spacing[10],backgroundColor:i&&e.color.sidenav.selectedTabBg,borderRadius:i&&e.border.radius[8],marginBottom:i&&n?e.spacing[3]:e.spacing[4],paddingRight:!o&&e.spacing[2]};case g.SUB_TAB:return{height:e.spacing[9],backgroundColor:i&&e.color.sidenav.selectedTabBg,borderRadius:i&&e.border.radius[8],marginBottom:e.spacing[3],paddingRight:e.spacing[2]}}}(r,o,n,t,a))},m=a.div((function(i){var e=i.height,r=i.backgroundColor,n=i.marginBottom,o=i.paddingRight;return function(i){var e=i.height,r=i.backgroundColor,n=i.marginBottom,o=i.borderRadius,t=i.theme,a=i.paddingRight;return{height:e,backgroundColor:r,marginBottom:n,borderRadius:o,display:"flex",alignItems:"center",boxSizing:"border-box",paddingTop:t.spacing[2],paddingBottom:t.spacing[2],paddingRight:a}}({height:e,backgroundColor:r,marginBottom:n,borderRadius:i.borderRadius,paddingRight:o,theme:i.theme})})),b=function(a){var s=a.key,p=void 0===s?"":s,g=a.label,u=void 0===g?"":g,b=a.isSelected,f=void 0!==b&&b,v=a.icon,T=void 0===v?null:v,y=a.onClick,k=a.tabType,C=void 0===k?"parentTab":k,B=a.isSubTabList,x=void 0!==B&&B,R=a.isCollapsed,L=void 0!==R&&R,S=o(),w=n(!1),I=w[0],A=w[1],z=function(i){return function(){A(i)}},H=h({theme:S,isSelected:f,tabType:C,isSubTabList:x,isCollapsed:L}),N=L&&I?e(c,{open:!0,arrowPosition:"left",children:e(t,{children:e(d,i({variant:"B3",color:l.NEUTRAL},{children:u}))}),container:e(t,{children:T}),layoutDiff:{left:18,top:2}}):T;return e(m,i({},H,{children:r(t,i({cursor:"pointer",display:"flex",alignItems:"center",onClick:y,paddingLeft:T?"":S.spacing[2]},{children:[T&&e(t,i({display:"flex",alignItems:"center",marginLeft:S.spacing[2],marginRight:S.spacing[2],onMouseOver:z(!0),onMouseOut:z(!1),width:S.size[6]},{children:N})),e(t,i({css:{visibility:L?"hidden":"visible",transition:"all ease-in 0.3s"}},{children:e(d,i({variant:f?"HM4":"B2",color:"neutral",width:L?"0px":"140px"},{children:L?"":u}))}))]}),p)}))},f=function(a){var d=a.header,l=void 0===d?null:d,c=a.collapsedHeader,g=void 0===c?null:c,h=a.showHeader,m=void 0===h||h,f=a.tabList,v=void 0===f?[]:f,T=a.isCollapsed,y=void 0!==T&&T,k=a.selectedTab,C=void 0===k?"":k,B=a.width,x=void 0===B?"":B,R=a.collapsedWidth,L=void 0===R?"":R,S=a.headerIconClick,w=a.isSidebarLocked,I=void 0!==w&&w,A=o(),z=n(!y),H=z[0],N=z[1],O=H?l:g;return r(t,i({display:"flex",css:{transition:"transform ease 0.6s"}},{children:[e(p,i({isOpen:H,width:x,collapsedWidth:L,isOverlay:!1},{children:r(u,{children:[m&&r(t,i({display:"flex",alignItems:"center",paddingTop:A.spacing[6],paddingBottom:A.spacing[6],cursor:"pointer",onClick:S},{children:[null==O?void 0:O.icon," ",null==O?void 0:O.label]})),e(t,{children:v.map((function(n){var o=n.key,a=n.label,d=n.icon,l=n.subTabList,c=n.selectedSubTab,s=n.onClick,p=o===C;return r(t,{children:[e(b,{icon:d,label:a,isCollapsed:!H,tabType:"parentTab",isSelected:p,onClick:s},o),e(t,i({marginLeft:A.spacing[5],style:{borderLeft:"1px solid ".concat(A.color.border.defaultDark)}},{children:H&&p&&(null==l?void 0:l.map((function(r){var n=r.key,o=r.label,a=r.icon,d=void 0===a?null:a,l=r.onClick;return e(t,i({marginLeft:A.spacing[3]},{children:e(b,{icon:d,label:H?o:"",tabType:"subTab",isSelected:n===c,onClick:l},n)}))})))}))]})}))})]})})),!I&&e(t,i({onClick:function(){N(!H)},marginTop:A.spacing[7],width:"0px",position:"relative",zIndex:A.zIndex.sideNav,css:{transform:"rotateY(".concat(H?0:180,"deg)")},cursor:"pointer"},{children:e(t,i({position:"absolute",right:"-12px"},{children:e(s,{})}))}))]}))};export{f as SideNav};
+//# sourceMappingURL=ct-design-sidenav.browser.esm.js.map

package/dist/ct-design-sidenav.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-sidenav.browser.esm.js","sources":["../../packages/components/Sidenav/src/StyledSidenav/style.ts","../../packages/components/Sidenav/src/SidenavTab/type.ts","../../packages/components/Sidenav/src/StyledSidenav/StyledSidenav.tsx","../../packages/components/Sidenav/src/SidenavTab/style.ts","../../packages/components/Sidenav/src/SidenavTab/StyledSidenavTab/StyledSidenavTab.tsx","../../packages/components/Sidenav/src/SidenavTab/StyledSidenavTab/style.ts","../../packages/components/Sidenav/src/SidenavTab/SidenavTab.tsx","../../packages/components/Sidenav/src/Sidenav.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":["SideTab","StyledSidenav","styled","div","_a","theme","backgroundColor","color","sidenav","primaryBg","minHeight","paddingLeft","spacing","paddingRight","display","alignItems","flexDirection","width","getStyledSidenavStyles","getSidenavTabStyles","isSelected","tabType","isSubTabList","isCollapsed","__assign","PARENT_TAB","height","selectedTabBg","borderRadius","border","radius","marginBottom","SUB_TAB","renderTab","boxSizing","paddingTop","paddingBottom","getStyledSidenavTabStyles","SidenavTab","_b","key","_c","label","_d","_e","icon","onClick","_f","_g","_h","useTheme","_j","useState","isHovered","setIsHovered","toggleHover","value","sidenavTabStyles","iconEle","_jsx","Tooltip","open","arrowPosition","children","Container","Typography","variant","TypographyColor","NEUTRAL","container","layoutDiff","left","top","StyledSidenavTab","_jsxs","cursor","marginLeft","marginRight","onMouseOver","onMouseOut","size","css","visibility","transition","SideNav","header","collapsedHeader","showHeader","tabList","selectedTab","collapsedWidth","headerIconClick","_k","isSidebarLocked","_l","isOpened","setIsOpened","headerElement","Drawer","isOpen","isOverlay","map","tab","subTabList","selectedSubTab","isTabSelected","style","borderLeft","defaultDark","subItem","marginTop","position","zIndex","sideNav","transform","concat","right","ChevronLeft"],"mappings":"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"}

package/dist/ct-design-sidenav.cjs.js

@@ -0,0 +1,143 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var useTheme = require('@cleartrip/ct-design-use-theme');
+var ctDesignContainer = require('@cleartrip/ct-design-container');
+var styled = require('styled-components');
+var ctDesignTypography = require('@cleartrip/ct-design-typography');
+var ctDesignTooltip = require('@cleartrip/ct-design-tooltip');
+var ctDesignIcons = require('@cleartrip/ct-design-icons');
+var ctDesignDrawer = require('@cleartrip/ct-design-drawer');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var getStyledSidenavStyles = function (_a) {
+    var theme = _a.theme;
+    return {
+        backgroundColor: theme.color.sidenav.primaryBg,
+        minHeight: '100vh',
+        paddingLeft: theme.spacing[3],
+        paddingRight: theme.spacing[3],
+        display: 'flex',
+        alignItems: 'center',
+        flexDirection: 'column',
+        width: '100%',
+    };
+};
+
+var StyledSidenav$1 = styled__default.default.div(function (_a) {
+    var theme = _a.theme;
+    return getStyledSidenavStyles({
+        theme: theme,
+    });
+});
+
+var SideTab;
+(function (SideTab) {
+    SideTab["PARENT_TAB"] = "parentTab";
+    SideTab["SUB_TAB"] = "subTab";
+})(SideTab || (SideTab = {}));
+
+var renderTab = function (isSelected, theme, tabType, isSubTabList, isCollapsed) {
+    switch (tabType) {
+        case SideTab.PARENT_TAB: {
+            return {
+                height: theme.spacing[10],
+                backgroundColor: isSelected && theme.color.sidenav.selectedTabBg,
+                borderRadius: isSelected && theme.border.radius[8],
+                marginBottom: isSelected && isSubTabList ? theme.spacing[3] : theme.spacing[4],
+                paddingRight: !isCollapsed && theme.spacing[2],
+            };
+        }
+        case SideTab.SUB_TAB: {
+            return {
+                height: theme.spacing[9],
+                backgroundColor: isSelected && theme.color.sidenav.selectedTabBg,
+                borderRadius: isSelected && theme.border.radius[8],
+                marginBottom: theme.spacing[3],
+                paddingRight: theme.spacing[2],
+            };
+        }
+    }
+};
+var getSidenavTabStyles = function (_a) {
+    var isSelected = _a.isSelected, tabType = _a.tabType, theme = _a.theme, isSubTabList = _a.isSubTabList, isCollapsed = _a.isCollapsed;
+    return tslib.__assign({}, renderTab(isSelected, theme, tabType, isSubTabList, isCollapsed));
+};
+
+var getStyledSidenavTabStyles = function (_a) {
+    var height = _a.height, backgroundColor = _a.backgroundColor, marginBottom = _a.marginBottom, borderRadius = _a.borderRadius, theme = _a.theme, paddingRight = _a.paddingRight;
+    return {
+        height: height,
+        backgroundColor: backgroundColor,
+        marginBottom: marginBottom,
+        borderRadius: borderRadius,
+        display: 'flex',
+        alignItems: 'center',
+        boxSizing: 'border-box',
+        paddingTop: theme.spacing[2],
+        paddingBottom: theme.spacing[2],
+        paddingRight: paddingRight,
+    };
+};
+
+var StyledSidenav = styled__default.default.div(function (_a) {
+    var height = _a.height, backgroundColor = _a.backgroundColor, marginBottom = _a.marginBottom, paddingRight = _a.paddingRight, borderRadius = _a.borderRadius, theme = _a.theme;
+    return getStyledSidenavTabStyles({
+        height: height,
+        backgroundColor: backgroundColor,
+        marginBottom: marginBottom,
+        borderRadius: borderRadius,
+        paddingRight: paddingRight,
+        theme: theme,
+    });
+});
+
+var SidenavTab = function (_a) {
+    var _b = _a.key, key = _b === void 0 ? '' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.isSelected, isSelected = _d === void 0 ? false : _d, _e = _a.icon, icon = _e === void 0 ? null : _e, onClick = _a.onClick, _f = _a.tabType, tabType = _f === void 0 ? 'parentTab' : _f, _g = _a.isSubTabList, isSubTabList = _g === void 0 ? false : _g, _h = _a.isCollapsed, isCollapsed = _h === void 0 ? false : _h;
+    var theme = useTheme__default.default();
+    var _j = react.useState(false), isHovered = _j[0], setIsHovered = _j[1];
+    var toggleHover = function (value) { return function () {
+        setIsHovered(value);
+    }; };
+    var sidenavTabStyles = getSidenavTabStyles({ theme: theme, isSelected: isSelected, tabType: tabType, isSubTabList: isSubTabList, isCollapsed: isCollapsed });
+    var iconEle = isCollapsed && isHovered ? (jsxRuntime.jsx(ctDesignTooltip.Tooltip, { open: true, arrowPosition: 'left', children: jsxRuntime.jsx(ctDesignContainer.Container, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B3', color: ctDesignTypography.TypographyColor.NEUTRAL }, { children: label })) }), container: jsxRuntime.jsx(ctDesignContainer.Container, { children: icon }), layoutDiff: { left: 18, top: 2 } })) : (icon);
+    return (jsxRuntime.jsx(StyledSidenav, tslib.__assign({}, sidenavTabStyles, { children: jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ cursor: 'pointer', display: 'flex', alignItems: 'center', onClick: onClick, paddingLeft: !icon ? theme.spacing[2] : '' }, { children: [icon && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', marginLeft: theme.spacing[2], marginRight: theme.spacing[2], onMouseOver: toggleHover(true), onMouseOut: toggleHover(false), width: theme.size[6] }, { children: iconEle }))), jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ css: {
+                        visibility: isCollapsed ? 'hidden' : 'visible',
+                        transition: 'all ease-in 0.3s',
+                    } }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: isSelected ? 'HM4' : 'B2', color: 'neutral', width: isCollapsed ? '0px' : '140px' }, { children: !isCollapsed ? label : '' })) }))] }), key) })));
+};
+
+var SideNav = function (_a) {
+    var _b = _a.header, header = _b === void 0 ? null : _b, _c = _a.collapsedHeader, collapsedHeader = _c === void 0 ? null : _c, _d = _a.showHeader, showHeader = _d === void 0 ? true : _d, _e = _a.tabList, tabList = _e === void 0 ? [] : _e, _f = _a.isCollapsed, isCollapsed = _f === void 0 ? false : _f, _g = _a.selectedTab, selectedTab = _g === void 0 ? '' : _g, _h = _a.width, width = _h === void 0 ? '' : _h, _j = _a.collapsedWidth, collapsedWidth = _j === void 0 ? '' : _j, headerIconClick = _a.headerIconClick, _k = _a.isSidebarLocked, isSidebarLocked = _k === void 0 ? false : _k;
+    var theme = useTheme__default.default();
+    var _l = react.useState(!isCollapsed), isOpened = _l[0], setIsOpened = _l[1];
+    var headerElement = isOpened ? header : collapsedHeader;
+    var sideNavToggleHandler = function () {
+        setIsOpened(!isOpened);
+    };
+    return (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', css: {
+            transition: 'transform ease 0.6s',
+        } }, { children: [jsxRuntime.jsx(ctDesignDrawer.Drawer, tslib.__assign({ isOpen: isOpened, width: width, collapsedWidth: collapsedWidth, isOverlay: false }, { children: jsxRuntime.jsxs(StyledSidenav$1, { children: [showHeader && (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', paddingTop: theme.spacing[6], paddingBottom: theme.spacing[6], cursor: 'pointer', onClick: headerIconClick }, { children: [headerElement === null || headerElement === void 0 ? void 0 : headerElement.icon, " ", headerElement === null || headerElement === void 0 ? void 0 : headerElement.label] }))), jsxRuntime.jsx(ctDesignContainer.Container, { children: tabList.map(function (tab) {
+                                var key = tab.key, label = tab.label, icon = tab.icon, subTabList = tab.subTabList, selectedSubTab = tab.selectedSubTab, onClick = tab.onClick;
+                                var isTabSelected = key === selectedTab;
+                                return (jsxRuntime.jsxs(ctDesignContainer.Container, { children: [jsxRuntime.jsx(SidenavTab, { icon: icon, label: label, isCollapsed: !isOpened, tabType: 'parentTab', isSelected: isTabSelected, onClick: onClick }, key), jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ marginLeft: theme.spacing[5], style: {
+                                                borderLeft: "1px solid ".concat(theme.color.border.defaultDark),
+                                            } }, { children: isOpened &&
+                                                isTabSelected &&
+                                                (subTabList === null || subTabList === void 0 ? void 0 : subTabList.map(function (subItem) {
+                                                    var key = subItem.key, label = subItem.label, _a = subItem.icon, icon = _a === void 0 ? null : _a, onClick = subItem.onClick;
+                                                    return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ marginLeft: theme.spacing[3] }, { children: jsxRuntime.jsx(SidenavTab, { icon: icon, label: isOpened ? label : '', tabType: 'subTab', isSelected: key === selectedSubTab, onClick: onClick }, key) })));
+                                                })) }))] }));
+                            }) })] }) })), !isSidebarLocked && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ onClick: sideNavToggleHandler, marginTop: theme.spacing[7], width: '0px', position: 'relative', zIndex: theme.zIndex.sideNav, css: {
+                    transform: "rotateY(".concat(isOpened ? 0 : 180, "deg)"),
+                }, cursor: 'pointer' }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ position: 'absolute', right: '-12px' }, { children: jsxRuntime.jsx(ctDesignIcons.ChevronLeft, {}) })) })))] })));
+};
+
+exports.SideNav = SideNav;
+//# sourceMappingURL=ct-design-sidenav.cjs.js.map

package/dist/ct-design-sidenav.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-sidenav.cjs.js","sources":["../../packages/components/Sidenav/src/StyledSidenav/style.ts","../../packages/components/Sidenav/src/StyledSidenav/StyledSidenav.tsx","../../packages/components/Sidenav/src/SidenavTab/type.ts","../../packages/components/Sidenav/src/SidenavTab/style.ts","../../packages/components/Sidenav/src/SidenavTab/StyledSidenavTab/style.ts","../../packages/components/Sidenav/src/SidenavTab/StyledSidenavTab/StyledSidenavTab.tsx","../../packages/components/Sidenav/src/SidenavTab/SidenavTab.tsx","../../packages/components/Sidenav/src/Sidenav.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":["StyledSidenav","styled","__assign","useTheme","useState","_jsx","Tooltip","Container","Typography","TypographyColor","StyledSidenavTab","_jsxs","Drawer","ChevronLeft"],"mappings":"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"}

package/dist/ct-design-sidenav.esm.js

@@ -0,0 +1,136 @@
+import { __assign } from 'tslib';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import useTheme from '@cleartrip/ct-design-use-theme';
+import { Container } from '@cleartrip/ct-design-container';
+import styled from 'styled-components';
+import { Typography, TypographyColor } from '@cleartrip/ct-design-typography';
+import { Tooltip } from '@cleartrip/ct-design-tooltip';
+import { ChevronLeft } from '@cleartrip/ct-design-icons';
+import { Drawer } from '@cleartrip/ct-design-drawer';
+
+var getStyledSidenavStyles = function (_a) {
+    var theme = _a.theme;
+    return {
+        backgroundColor: theme.color.sidenav.primaryBg,
+        minHeight: '100vh',
+        paddingLeft: theme.spacing[3],
+        paddingRight: theme.spacing[3],
+        display: 'flex',
+        alignItems: 'center',
+        flexDirection: 'column',
+        width: '100%',
+    };
+};
+
+var StyledSidenav$1 = styled.div(function (_a) {
+    var theme = _a.theme;
+    return getStyledSidenavStyles({
+        theme: theme,
+    });
+});
+
+var SideTab;
+(function (SideTab) {
+    SideTab["PARENT_TAB"] = "parentTab";
+    SideTab["SUB_TAB"] = "subTab";
+})(SideTab || (SideTab = {}));
+
+var renderTab = function (isSelected, theme, tabType, isSubTabList, isCollapsed) {
+    switch (tabType) {
+        case SideTab.PARENT_TAB: {
+            return {
+                height: theme.spacing[10],
+                backgroundColor: isSelected && theme.color.sidenav.selectedTabBg,
+                borderRadius: isSelected && theme.border.radius[8],
+                marginBottom: isSelected && isSubTabList ? theme.spacing[3] : theme.spacing[4],
+                paddingRight: !isCollapsed && theme.spacing[2],
+            };
+        }
+        case SideTab.SUB_TAB: {
+            return {
+                height: theme.spacing[9],
+                backgroundColor: isSelected && theme.color.sidenav.selectedTabBg,
+                borderRadius: isSelected && theme.border.radius[8],
+                marginBottom: theme.spacing[3],
+                paddingRight: theme.spacing[2],
+            };
+        }
+    }
+};
+var getSidenavTabStyles = function (_a) {
+    var isSelected = _a.isSelected, tabType = _a.tabType, theme = _a.theme, isSubTabList = _a.isSubTabList, isCollapsed = _a.isCollapsed;
+    return __assign({}, renderTab(isSelected, theme, tabType, isSubTabList, isCollapsed));
+};
+
+var getStyledSidenavTabStyles = function (_a) {
+    var height = _a.height, backgroundColor = _a.backgroundColor, marginBottom = _a.marginBottom, borderRadius = _a.borderRadius, theme = _a.theme, paddingRight = _a.paddingRight;
+    return {
+        height: height,
+        backgroundColor: backgroundColor,
+        marginBottom: marginBottom,
+        borderRadius: borderRadius,
+        display: 'flex',
+        alignItems: 'center',
+        boxSizing: 'border-box',
+        paddingTop: theme.spacing[2],
+        paddingBottom: theme.spacing[2],
+        paddingRight: paddingRight,
+    };
+};
+
+var StyledSidenav = styled.div(function (_a) {
+    var height = _a.height, backgroundColor = _a.backgroundColor, marginBottom = _a.marginBottom, paddingRight = _a.paddingRight, borderRadius = _a.borderRadius, theme = _a.theme;
+    return getStyledSidenavTabStyles({
+        height: height,
+        backgroundColor: backgroundColor,
+        marginBottom: marginBottom,
+        borderRadius: borderRadius,
+        paddingRight: paddingRight,
+        theme: theme,
+    });
+});
+
+var SidenavTab = function (_a) {
+    var _b = _a.key, key = _b === void 0 ? '' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.isSelected, isSelected = _d === void 0 ? false : _d, _e = _a.icon, icon = _e === void 0 ? null : _e, onClick = _a.onClick, _f = _a.tabType, tabType = _f === void 0 ? 'parentTab' : _f, _g = _a.isSubTabList, isSubTabList = _g === void 0 ? false : _g, _h = _a.isCollapsed, isCollapsed = _h === void 0 ? false : _h;
+    var theme = useTheme();
+    var _j = useState(false), isHovered = _j[0], setIsHovered = _j[1];
+    var toggleHover = function (value) { return function () {
+        setIsHovered(value);
+    }; };
+    var sidenavTabStyles = getSidenavTabStyles({ theme: theme, isSelected: isSelected, tabType: tabType, isSubTabList: isSubTabList, isCollapsed: isCollapsed });
+    var iconEle = isCollapsed && isHovered ? (jsx(Tooltip, { open: true, arrowPosition: 'left', children: jsx(Container, { children: jsx(Typography, __assign({ variant: 'B3', color: TypographyColor.NEUTRAL }, { children: label })) }), container: jsx(Container, { children: icon }), layoutDiff: { left: 18, top: 2 } })) : (icon);
+    return (jsx(StyledSidenav, __assign({}, sidenavTabStyles, { children: jsxs(Container, __assign({ cursor: 'pointer', display: 'flex', alignItems: 'center', onClick: onClick, paddingLeft: !icon ? theme.spacing[2] : '' }, { children: [icon && (jsx(Container, __assign({ display: 'flex', alignItems: 'center', marginLeft: theme.spacing[2], marginRight: theme.spacing[2], onMouseOver: toggleHover(true), onMouseOut: toggleHover(false), width: theme.size[6] }, { children: iconEle }))), jsx(Container, __assign({ css: {
+                        visibility: isCollapsed ? 'hidden' : 'visible',
+                        transition: 'all ease-in 0.3s',
+                    } }, { children: jsx(Typography, __assign({ variant: isSelected ? 'HM4' : 'B2', color: 'neutral', width: isCollapsed ? '0px' : '140px' }, { children: !isCollapsed ? label : '' })) }))] }), key) })));
+};
+
+var SideNav = function (_a) {
+    var _b = _a.header, header = _b === void 0 ? null : _b, _c = _a.collapsedHeader, collapsedHeader = _c === void 0 ? null : _c, _d = _a.showHeader, showHeader = _d === void 0 ? true : _d, _e = _a.tabList, tabList = _e === void 0 ? [] : _e, _f = _a.isCollapsed, isCollapsed = _f === void 0 ? false : _f, _g = _a.selectedTab, selectedTab = _g === void 0 ? '' : _g, _h = _a.width, width = _h === void 0 ? '' : _h, _j = _a.collapsedWidth, collapsedWidth = _j === void 0 ? '' : _j, headerIconClick = _a.headerIconClick, _k = _a.isSidebarLocked, isSidebarLocked = _k === void 0 ? false : _k;
+    var theme = useTheme();
+    var _l = useState(!isCollapsed), isOpened = _l[0], setIsOpened = _l[1];
+    var headerElement = isOpened ? header : collapsedHeader;
+    var sideNavToggleHandler = function () {
+        setIsOpened(!isOpened);
+    };
+    return (jsxs(Container, __assign({ display: 'flex', css: {
+            transition: 'transform ease 0.6s',
+        } }, { children: [jsx(Drawer, __assign({ isOpen: isOpened, width: width, collapsedWidth: collapsedWidth, isOverlay: false }, { children: jsxs(StyledSidenav$1, { children: [showHeader && (jsxs(Container, __assign({ display: 'flex', alignItems: 'center', paddingTop: theme.spacing[6], paddingBottom: theme.spacing[6], cursor: 'pointer', onClick: headerIconClick }, { children: [headerElement === null || headerElement === void 0 ? void 0 : headerElement.icon, " ", headerElement === null || headerElement === void 0 ? void 0 : headerElement.label] }))), jsx(Container, { children: tabList.map(function (tab) {
+                                var key = tab.key, label = tab.label, icon = tab.icon, subTabList = tab.subTabList, selectedSubTab = tab.selectedSubTab, onClick = tab.onClick;
+                                var isTabSelected = key === selectedTab;
+                                return (jsxs(Container, { children: [jsx(SidenavTab, { icon: icon, label: label, isCollapsed: !isOpened, tabType: 'parentTab', isSelected: isTabSelected, onClick: onClick }, key), jsx(Container, __assign({ marginLeft: theme.spacing[5], style: {
+                                                borderLeft: "1px solid ".concat(theme.color.border.defaultDark),
+                                            } }, { children: isOpened &&
+                                                isTabSelected &&
+                                                (subTabList === null || subTabList === void 0 ? void 0 : subTabList.map(function (subItem) {
+                                                    var key = subItem.key, label = subItem.label, _a = subItem.icon, icon = _a === void 0 ? null : _a, onClick = subItem.onClick;
+                                                    return (jsx(Container, __assign({ marginLeft: theme.spacing[3] }, { children: jsx(SidenavTab, { icon: icon, label: isOpened ? label : '', tabType: 'subTab', isSelected: key === selectedSubTab, onClick: onClick }, key) })));
+                                                })) }))] }));
+                            }) })] }) })), !isSidebarLocked && (jsx(Container, __assign({ onClick: sideNavToggleHandler, marginTop: theme.spacing[7], width: '0px', position: 'relative', zIndex: theme.zIndex.sideNav, css: {
+                    transform: "rotateY(".concat(isOpened ? 0 : 180, "deg)"),
+                }, cursor: 'pointer' }, { children: jsx(Container, __assign({ position: 'absolute', right: '-12px' }, { children: jsx(ChevronLeft, {}) })) })))] })));
+};
+
+export { SideNav };
+//# sourceMappingURL=ct-design-sidenav.esm.js.map

package/dist/ct-design-sidenav.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-sidenav.esm.js","sources":["../../packages/components/Sidenav/src/StyledSidenav/style.ts","../../packages/components/Sidenav/src/StyledSidenav/StyledSidenav.tsx","../../packages/components/Sidenav/src/SidenavTab/type.ts","../../packages/components/Sidenav/src/SidenavTab/style.ts","../../packages/components/Sidenav/src/SidenavTab/StyledSidenavTab/style.ts","../../packages/components/Sidenav/src/SidenavTab/StyledSidenavTab/StyledSidenavTab.tsx","../../packages/components/Sidenav/src/SidenavTab/SidenavTab.tsx","../../packages/components/Sidenav/src/Sidenav.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":["StyledSidenav","_jsx","StyledSidenavTab","_jsxs"],"mappings":";;;;;;;;;;;AAGO,IAAM,sBAAsB,GAAG,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;IAC5C,OAAO;AACL,QAAA,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;AAC9C,QAAA,SAAS,EAAE,OAAO;AAClB,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7B,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC;;ACXD,IAAMA,eAAa,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,EAAS,EAAA;AAAP,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AACvC,IAAA,OAAA,sBAAsB,CAAC;AACrB,QAAA,KAAK,EAAA,KAAA;KACN,CAAC,CAAA;AAFF,CAEE,CACH;;ACLD,IAAY,OAGX,CAAA;AAHD,CAAA,UAAY,OAAO,EAAA;AACjB,IAAA,OAAA,CAAA,YAAA,CAAA,GAAA,WAAwB,CAAA;AACxB,IAAA,OAAA,CAAA,SAAA,CAAA,GAAA,QAAkB,CAAA;AACpB,CAAC,EAHW,OAAO,KAAP,OAAO,GAGlB,EAAA,CAAA,CAAA;;ACDM,IAAM,SAAS,GAAG,UAAC,UAAmB,EAAE,KAAY,EAAE,OAAO,EAAE,YAAqB,EAAE,WAAoB,EAAA;AAC/G,IAAA,QAAQ,OAAO;AACb,QAAA,KAAK,OAAO,CAAC,UAAU,EAAE;YACvB,OAAO;AACL,gBAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzB,eAAe,EAAE,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa;gBAChE,YAAY,EAAE,UAAU,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;gBAClD,YAAY,EAAE,UAAU,IAAI,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9E,YAAY,EAAE,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC/C,CAAC;AACH,SAAA;AACD,QAAA,KAAK,OAAO,CAAC,OAAO,EAAE;YACpB,OAAO;AACL,gBAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACxB,eAAe,EAAE,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa;gBAChE,YAAY,EAAE,UAAU,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAClD,gBAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,gBAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC/B,CAAC;AACH,SAAA;AACF,KAAA;AACH,CAAC,CAAC;AAEK,IAAM,mBAAmB,GAAG,UAAC,EAYnC,EAAA;AAXC,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,WAAW,GAAA,EAAA,CAAA,WAAA,CAAA;AAQX,IAAA,OAAA,QAAA,CAAA,EAAA,EACK,SAAS,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,CACnE,CAAA;AACJ,CAAC;;ACvCM,IAAM,yBAAyB,GAAG,UAAC,EAOC,EAAA;AANzC,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,YAAY,kBAAA,EACZ,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,YAAY,GAAA,EAAA,CAAA,YAAA,CAAA;IAEZ,OAAO;AACL,QAAA,MAAM,EAAA,MAAA;AACN,QAAA,eAAe,EAAA,eAAA;AACf,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,SAAS,EAAE,YAAY;AACvB,QAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC5B,QAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,QAAA,YAAY,EAAA,YAAA;KACb,CAAC;AACJ,CAAC;;ACpBD,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAC9B,UAAC,EAA4E,EAAA;AAA1E,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AACzE,IAAA,OAAA,yBAAyB,CAAC;AACxB,QAAA,MAAM,EAAA,MAAA;AACN,QAAA,eAAe,EAAA,eAAA;AACf,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,KAAK,EAAA,KAAA;KACN,CAAC,CAAA;AAPF,CAOE,CACL;;ACLD,IAAM,UAAU,GAA8B,UAAC,EAS9C,EAAA;QARC,EAAQ,GAAA,EAAA,CAAA,GAAA,EAAR,GAAG,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,EACR,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,EACV,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAClB,EAAW,GAAA,EAAA,CAAA,IAAA,EAAX,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EACX,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,eAAqB,EAArB,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,WAAW,GAAA,EAAA,EACrB,oBAAoB,EAApB,YAAY,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACpB,mBAAmB,EAAnB,WAAW,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,CAAA;AAEnB,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACnB,IAAA,EAAA,GAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAC;AAElD,IAAA,IAAM,WAAW,GAAG,UAAC,KAAK,IAAK,OAAA,YAAA;QAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB,CAAA,EAAA,CAAC;IAEF,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,EAAE,KAAK,EAAA,KAAA,EAAE,UAAU,EAAA,UAAA,EAAE,OAAO,EAAA,OAAA,EAAE,YAAY,EAAA,YAAA,EAAE,WAAW,EAAA,WAAA,EAAE,CAAC,CAAC;AACxG,IAAA,IAAM,OAAO,GACX,WAAW,IAAI,SAAS,IACtBC,GAAC,CAAA,OAAO,EACN,EAAA,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,MAAM,EACrB,QAAQ,EACNA,IAAC,SAAS,EAAA,EAAA,QAAA,EACRA,GAAC,CAAA,UAAU,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,EAAA,EAAA,EAAA,QAAA,EACtD,KAAK,EAAA,CAAA,CACK,GACH,EAEd,SAAS,EAAEA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAE,IAAI,EAAA,CAAa,EACxC,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAChC,CAAA,KAEF,IAAI,CACL,CAAC;IACJ,QACEA,IAACC,aAAgB,EAAA,QAAA,CAAA,EAAA,EAAK,gBAAgB,EACpC,EAAA,QAAA,EAAAC,IAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAER,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,EAEzC,EAAA,EAAA,QAAA,EAAA,CAAA,IAAI,KACHF,IAAC,SAAS,EAAA,QAAA,CAAA,EACR,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAC5B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAC7B,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,EAC9B,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAEnB,EAAA,EAAA,QAAA,EAAA,OAAO,EACE,CAAA,CAAA,CACb,EACDA,GAAC,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,GAAG,EAAE;wBACH,UAAU,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS;AAC9C,wBAAA,UAAU,EAAE,kBAAkB;qBAC/B,EAED,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,UAAU,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,UAAU,GAAG,KAAK,GAAG,IAAI,EAAE,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,WAAW,GAAG,KAAK,GAAG,OAAO,gBACjG,CAAC,WAAW,GAAG,KAAK,GAAG,EAAE,EACf,CAAA,CAAA,EAAA,CAAA,CACH,MA7BP,GAAG,CA8BE,EACK,CAAA,CAAA,EACnB;AACJ,CAAC;;ACxEK,IAAA,OAAO,GAA2B,UAAC,EAWxC,EAAA;AAVC,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,MAAa,EAAb,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EACb,EAAsB,GAAA,EAAA,CAAA,eAAA,EAAtB,eAAe,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EACtB,EAAA,GAAA,EAAA,CAAA,UAAiB,EAAjB,UAAU,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EACjB,EAAY,GAAA,EAAA,CAAA,OAAA,EAAZ,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACZ,EAAA,GAAA,EAAA,CAAA,WAAmB,EAAnB,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EAChB,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACV,EAAmB,GAAA,EAAA,CAAA,cAAA,EAAnB,cAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACnB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,EAAuB,GAAA,EAAA,CAAA,eAAA,EAAvB,eAAe,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,CAAA;AAEvB,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACnB,IAAA,IAAA,EAA0B,GAAA,QAAQ,CAAC,CAAC,WAAW,CAAC,EAA/C,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAA0B,CAAC;IACvD,IAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,eAAe,CAAC;AAE1D,IAAA,IAAM,oBAAoB,GAAG,YAAA;AAC3B,QAAA,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;AACzB,KAAC,CAAC;IAEF,QACEE,KAAC,SAAS,EAAA,QAAA,CAAA,EACR,OAAO,EAAC,MAAM,EACd,GAAG,EAAE;AACH,YAAA,UAAU,EAAE,qBAAqB;AAClC,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAEDF,IAAC,MAAM,EAAA,QAAA,CAAA,EAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,gBACtFE,IAAC,CAAAH,eAAa,EACX,EAAA,QAAA,EAAA,CAAA,UAAU,KACTG,IAAA,CAAC,SAAS,EACR,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAC/B,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,eAAe,iBAEvB,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,aAAa,CAAE,IAAI,OAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,aAAa,CAAE,KAAK,CAAA,EAAA,CAAA,CACjC,CACb,EACDF,GAAA,CAAC,SAAS,EACP,EAAA,QAAA,EAAA,OAAO,CAAC,GAAG,CAAC,UAAC,GAAG,EAAA;AACP,gCAAA,IAAA,GAAG,GAAuD,GAAG,CAAA,GAA1D,EAAE,KAAK,GAAgD,GAAG,CAAnD,KAAA,EAAE,IAAI,GAA0C,GAAG,CAAA,IAA7C,EAAE,UAAU,GAA8B,GAAG,CAAjC,UAAA,EAAE,cAAc,GAAc,GAAG,CAAA,cAAjB,EAAE,OAAO,GAAK,GAAG,QAAR,CAAS;AACtE,gCAAA,IAAM,aAAa,GAAG,GAAG,KAAK,WAAW,CAAC;gCAC1C,QACEE,KAAC,SAAS,EAAA,EAAA,QAAA,EAAA,CACRF,IAAC,UAAU,EAAA,EAET,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,QAAQ,EACtB,OAAO,EAAC,WAAW,EACnB,UAAU,EAAE,aAAa,EACzB,OAAO,EAAE,OAAO,EANX,EAAA,GAAG,CAOR,EACFA,GAAC,CAAA,SAAS,aACR,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAC5B,KAAK,EAAE;gDACL,UAAU,EAAE,oBAAa,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAE;AAC1D,6CAAA,EAAA,EAAA,EAAA,QAAA,EAEA,QAAQ;gDACP,aAAa;iDACb,UAAU,KAAA,IAAA,IAAV,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,UAAU,CAAE,GAAG,CAAC,UAAC,OAAO,EAAA;oDACd,IAAA,GAAG,GAAkC,OAAO,CAAA,GAAzC,EAAE,KAAK,GAA2B,OAAO,CAAA,KAAlC,EAAE,EAAA,GAAyB,OAAO,CAArB,IAAA,EAAX,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EAAE,OAAO,GAAK,OAAO,CAAA,OAAZ,CAAa;oDACrD,QACEA,IAAC,SAAS,EAAA,QAAA,CAAA,EAAC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EACrC,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,UAAU,EAAA,EAET,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,QAAQ,GAAG,KAAK,GAAG,EAAE,EAC5B,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAE,GAAG,KAAK,cAAc,EAClC,OAAO,EAAE,OAAO,IALX,GAAG,CAMR,EACQ,CAAA,CAAA,EACZ;AACJ,iDAAC,CAAC,CAAA,EACM,CAAA,CAAA,CAAA,EAAA,CACF,EACZ;AACJ,6BAAC,CAAC,EACQ,CAAA,CAAA,EAAA,CACE,IACT,EACR,CAAC,eAAe,KACfA,IAAC,SAAS,EAAA,QAAA,CAAA,EACR,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAC3B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAC5B,GAAG,EAAE;oBACH,SAAS,EAAE,UAAW,CAAA,MAAA,CAAA,QAAQ,GAAG,CAAC,GAAG,GAAG,EAAM,MAAA,CAAA;iBAC/C,EACD,MAAM,EAAE,SAAS,EAAA,EAAA,EAAA,QAAA,EAEjBA,IAAC,SAAS,EAAA,QAAA,CAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAE,OAAO,EAC3C,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,IACL,EACF,CAAA,CAAA,CACb,CACS,EAAA,CAAA,CAAA,EACZ;AACJ;;;;"}

package/dist/ct-design-sidenav.umd.js

@@ -0,0 +1,169 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@cleartrip/ct-design-use-theme'), require('@cleartrip/ct-design-container'), require('styled-components'), require('@cleartrip/ct-design-typography'), require('@cleartrip/ct-design-tooltip'), require('@cleartrip/ct-design-icons'), require('@cleartrip/ct-design-drawer')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@cleartrip/ct-design-use-theme', '@cleartrip/ct-design-container', 'styled-components', '@cleartrip/ct-design-typography', '@cleartrip/ct-design-tooltip', '@cleartrip/ct-design-icons', '@cleartrip/ct-design-drawer'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemSidenav = {}, global.jsxRuntime, global.React, global.useTheme, global.ctDesignContainer, global.styled, global.ctDesignTypography, global.ctDesignTooltip, global.ctDesignIcons, global.ctDesignDrawer));
+})(this, (function (exports, jsxRuntime, react, useTheme, ctDesignContainer, styled, ctDesignTypography, ctDesignTooltip, ctDesignIcons, ctDesignDrawer) { 'use strict';
+
+    function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+    var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+    var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    var getStyledSidenavStyles = function (_a) {
+        var theme = _a.theme;
+        return {
+            backgroundColor: theme.color.sidenav.primaryBg,
+            minHeight: '100vh',
+            paddingLeft: theme.spacing[3],
+            paddingRight: theme.spacing[3],
+            display: 'flex',
+            alignItems: 'center',
+            flexDirection: 'column',
+            width: '100%',
+        };
+    };
+
+    var StyledSidenav$1 = styled__default.default.div(function (_a) {
+        var theme = _a.theme;
+        return getStyledSidenavStyles({
+            theme: theme,
+        });
+    });
+
+    var SideTab;
+    (function (SideTab) {
+        SideTab["PARENT_TAB"] = "parentTab";
+        SideTab["SUB_TAB"] = "subTab";
+    })(SideTab || (SideTab = {}));
+
+    var renderTab = function (isSelected, theme, tabType, isSubTabList, isCollapsed) {
+        switch (tabType) {
+            case SideTab.PARENT_TAB: {
+                return {
+                    height: theme.spacing[10],
+                    backgroundColor: isSelected && theme.color.sidenav.selectedTabBg,
+                    borderRadius: isSelected && theme.border.radius[8],
+                    marginBottom: isSelected && isSubTabList ? theme.spacing[3] : theme.spacing[4],
+                    paddingRight: !isCollapsed && theme.spacing[2],
+                };
+            }
+            case SideTab.SUB_TAB: {
+                return {
+                    height: theme.spacing[9],
+                    backgroundColor: isSelected && theme.color.sidenav.selectedTabBg,
+                    borderRadius: isSelected && theme.border.radius[8],
+                    marginBottom: theme.spacing[3],
+                    paddingRight: theme.spacing[2],
+                };
+            }
+        }
+    };
+    var getSidenavTabStyles = function (_a) {
+        var isSelected = _a.isSelected, tabType = _a.tabType, theme = _a.theme, isSubTabList = _a.isSubTabList, isCollapsed = _a.isCollapsed;
+        return __assign({}, renderTab(isSelected, theme, tabType, isSubTabList, isCollapsed));
+    };
+
+    var getStyledSidenavTabStyles = function (_a) {
+        var height = _a.height, backgroundColor = _a.backgroundColor, marginBottom = _a.marginBottom, borderRadius = _a.borderRadius, theme = _a.theme, paddingRight = _a.paddingRight;
+        return {
+            height: height,
+            backgroundColor: backgroundColor,
+            marginBottom: marginBottom,
+            borderRadius: borderRadius,
+            display: 'flex',
+            alignItems: 'center',
+            boxSizing: 'border-box',
+            paddingTop: theme.spacing[2],
+            paddingBottom: theme.spacing[2],
+            paddingRight: paddingRight,
+        };
+    };
+
+    var StyledSidenav = styled__default.default.div(function (_a) {
+        var height = _a.height, backgroundColor = _a.backgroundColor, marginBottom = _a.marginBottom, paddingRight = _a.paddingRight, borderRadius = _a.borderRadius, theme = _a.theme;
+        return getStyledSidenavTabStyles({
+            height: height,
+            backgroundColor: backgroundColor,
+            marginBottom: marginBottom,
+            borderRadius: borderRadius,
+            paddingRight: paddingRight,
+            theme: theme,
+        });
+    });
+
+    var SidenavTab = function (_a) {
+        var _b = _a.key, key = _b === void 0 ? '' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.isSelected, isSelected = _d === void 0 ? false : _d, _e = _a.icon, icon = _e === void 0 ? null : _e, onClick = _a.onClick, _f = _a.tabType, tabType = _f === void 0 ? 'parentTab' : _f, _g = _a.isSubTabList, isSubTabList = _g === void 0 ? false : _g, _h = _a.isCollapsed, isCollapsed = _h === void 0 ? false : _h;
+        var theme = useTheme__default.default();
+        var _j = react.useState(false), isHovered = _j[0], setIsHovered = _j[1];
+        var toggleHover = function (value) { return function () {
+            setIsHovered(value);
+        }; };
+        var sidenavTabStyles = getSidenavTabStyles({ theme: theme, isSelected: isSelected, tabType: tabType, isSubTabList: isSubTabList, isCollapsed: isCollapsed });
+        var iconEle = isCollapsed && isHovered ? (jsxRuntime.jsx(ctDesignTooltip.Tooltip, { open: true, arrowPosition: 'left', children: jsxRuntime.jsx(ctDesignContainer.Container, { children: jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B3', color: ctDesignTypography.TypographyColor.NEUTRAL }, { children: label })) }), container: jsxRuntime.jsx(ctDesignContainer.Container, { children: icon }), layoutDiff: { left: 18, top: 2 } })) : (icon);
+        return (jsxRuntime.jsx(StyledSidenav, __assign({}, sidenavTabStyles, { children: jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ cursor: 'pointer', display: 'flex', alignItems: 'center', onClick: onClick, paddingLeft: !icon ? theme.spacing[2] : '' }, { children: [icon && (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center', marginLeft: theme.spacing[2], marginRight: theme.spacing[2], onMouseOver: toggleHover(true), onMouseOut: toggleHover(false), width: theme.size[6] }, { children: iconEle }))), jsxRuntime.jsx(ctDesignContainer.Container, __assign({ css: {
+                            visibility: isCollapsed ? 'hidden' : 'visible',
+                            transition: 'all ease-in 0.3s',
+                        } }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: isSelected ? 'HM4' : 'B2', color: 'neutral', width: isCollapsed ? '0px' : '140px' }, { children: !isCollapsed ? label : '' })) }))] }), key) })));
+    };
+
+    var SideNav = function (_a) {
+        var _b = _a.header, header = _b === void 0 ? null : _b, _c = _a.collapsedHeader, collapsedHeader = _c === void 0 ? null : _c, _d = _a.showHeader, showHeader = _d === void 0 ? true : _d, _e = _a.tabList, tabList = _e === void 0 ? [] : _e, _f = _a.isCollapsed, isCollapsed = _f === void 0 ? false : _f, _g = _a.selectedTab, selectedTab = _g === void 0 ? '' : _g, _h = _a.width, width = _h === void 0 ? '' : _h, _j = _a.collapsedWidth, collapsedWidth = _j === void 0 ? '' : _j, headerIconClick = _a.headerIconClick, _k = _a.isSidebarLocked, isSidebarLocked = _k === void 0 ? false : _k;
+        var theme = useTheme__default.default();
+        var _l = react.useState(!isCollapsed), isOpened = _l[0], setIsOpened = _l[1];
+        var headerElement = isOpened ? header : collapsedHeader;
+        var sideNavToggleHandler = function () {
+            setIsOpened(!isOpened);
+        };
+        return (jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex', css: {
+                transition: 'transform ease 0.6s',
+            } }, { children: [jsxRuntime.jsx(ctDesignDrawer.Drawer, __assign({ isOpen: isOpened, width: width, collapsedWidth: collapsedWidth, isOverlay: false }, { children: jsxRuntime.jsxs(StyledSidenav$1, { children: [showHeader && (jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center', paddingTop: theme.spacing[6], paddingBottom: theme.spacing[6], cursor: 'pointer', onClick: headerIconClick }, { children: [headerElement === null || headerElement === void 0 ? void 0 : headerElement.icon, " ", headerElement === null || headerElement === void 0 ? void 0 : headerElement.label] }))), jsxRuntime.jsx(ctDesignContainer.Container, { children: tabList.map(function (tab) {
+                                    var key = tab.key, label = tab.label, icon = tab.icon, subTabList = tab.subTabList, selectedSubTab = tab.selectedSubTab, onClick = tab.onClick;
+                                    var isTabSelected = key === selectedTab;
+                                    return (jsxRuntime.jsxs(ctDesignContainer.Container, { children: [jsxRuntime.jsx(SidenavTab, { icon: icon, label: label, isCollapsed: !isOpened, tabType: 'parentTab', isSelected: isTabSelected, onClick: onClick }, key), jsxRuntime.jsx(ctDesignContainer.Container, __assign({ marginLeft: theme.spacing[5], style: {
+                                                    borderLeft: "1px solid ".concat(theme.color.border.defaultDark),
+                                                } }, { children: isOpened &&
+                                                    isTabSelected &&
+                                                    (subTabList === null || subTabList === void 0 ? void 0 : subTabList.map(function (subItem) {
+                                                        var key = subItem.key, label = subItem.label, _a = subItem.icon, icon = _a === void 0 ? null : _a, onClick = subItem.onClick;
+                                                        return (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ marginLeft: theme.spacing[3] }, { children: jsxRuntime.jsx(SidenavTab, { icon: icon, label: isOpened ? label : '', tabType: 'subTab', isSelected: key === selectedSubTab, onClick: onClick }, key) })));
+                                                    })) }))] }));
+                                }) })] }) })), !isSidebarLocked && (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ onClick: sideNavToggleHandler, marginTop: theme.spacing[7], width: '0px', position: 'relative', zIndex: theme.zIndex.sideNav, css: {
+                        transform: "rotateY(".concat(isOpened ? 0 : 180, "deg)"),
+                    }, cursor: 'pointer' }, { children: jsxRuntime.jsx(ctDesignContainer.Container, __assign({ position: 'absolute', right: '-12px' }, { children: jsxRuntime.jsx(ctDesignIcons.ChevronLeft, {}) })) })))] })));
+    };
+
+    exports.SideNav = SideNav;
+
+}));
+//# sourceMappingURL=ct-design-sidenav.umd.js.map