@xyo-network/react-appbar 2.36.2 → 2.37.0

package/dist/cjs/components/SiteMenu/MenuItems.d.ts

@@ -1,5 +1,5 @@
 import { ListItemProps, ListItemTextProps } from '@mui/material';
-import { ListItemButtonExProps } from '@xyo-network/react-shared';
+import { LinkExProps } from '@xylabs/react-link';
 import { ReactNode } from 'react';
 import { To } from 'react-router-dom';
 import { SiteMenuListItemBase } from './lib';
@@ -8,17 +8,18 @@ export interface SiteMenuListItemProps extends SiteMenuListItemBase, ListItemPro
     to?: To;
     href?: string;
     icon?: ReactNode;
-    onButtonClick?: ListItemButtonExProps['onClick'];
+    onButtonClick?: LinkExProps['onClick'];
     subNavListItems?: SubNavListItemProps[];
     tooltip?: string;
     subNavOpen?: boolean;
+    iconOnly?: boolean;
 }
 export interface SubNavListItemProps {
     primary: ListItemTextProps['primary'];
     to?: To;
     href?: string;
     icon?: ReactNode;
-    onButtonClick?: ListItemButtonExProps['onClick'];
+    onButtonClick?: LinkExProps['onClick'];
     tooltip?: string;
 }
 export declare const SiteMenuListItem: React.FC<SiteMenuListItemProps>;

package/dist/cjs/components/SiteMenu/MenuItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,aAAa,EAAE,iBAAiB,EAAqB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAGrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAM5C,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,aAAa;IAChF,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAChD,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8D5D,CAAA"}
+{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,aAAa,EAAE,iBAAiB,EAAqB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAGrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAM5C,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,aAAa;IAChF,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiE5D,CAAA"}

package/dist/cjs/components/SiteMenu/MenuItems.js

@@ -5,21 +5,27 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_link_1 = require("@xylabs/react-link");
 const react_1 = require("react");
 const vsc_1 = require("react-icons/vsc");
 const contexts_1 = require("../../contexts");
 const MenuIcon_1 = require("./MenuIcon");
 const MenuListItem_1 = require("./MenuListItem");
-const MenuListItemButtonEx_1 = require("./MenuListItemButtonEx");
+const MenuListItemEx_1 = require("./MenuListItemEx");
 const MenuListItemText_1 = require("./MenuListItemText");
 const SiteMenuListItem = (_a) => {
-    var { style, subNavListItems, iconOnly, tooltip, collapseEnd, icon, primary, onButtonClick, to } = _a, props = tslib_1.__rest(_a, ["style", "subNavListItems", "iconOnly", "tooltip", "collapseEnd", "icon", "primary", "onButtonClick", "to"]);
+    var { style, subNavListItems, iconOnly, tooltip, icon, primary, onButtonClick, to } = _a, props = tslib_1.__rest(_a, ["style", "subNavListItems", "iconOnly", "tooltip", "icon", "primary", "onButtonClick", "to"]);
     const { dense } = props;
     const theme = (0, material_1.useTheme)();
     const { collapse } = (0, contexts_1.useCollapsible)();
     const [openSubNav, setOpenSubNav] = (0, react_1.useState)(false);
     const [hovered, setHovered] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(MenuListItem_1.MenuListItem, Object.assign({ disableGutters: true, style: Object.assign({ whiteSpace: 'nowrap' }, style), iconOnly: iconOnly }, props, { children: [(0, jsx_runtime_1.jsxs)(MenuListItemButtonEx_1.MenuListItemButtonEx, Object.assign({ iconOnly: iconOnly, onClick: onButtonClick, collapseEnd: collapseEnd, dense: dense, to: to, sx: { justifyContent: 'space-between' }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false) }, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [(0, jsx_runtime_1.jsx)(MenuIcon_1.MenuIcon, { icon: icon, paddingRight: theme.spacing(1), color: hovered ? 'primary' : 'inherit' }), (0, jsx_runtime_1.jsx)(MenuListItemText_1.MenuListItemText, { primary: primary, iconOnly: iconOnly })] }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [subNavListItems ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => setOpenSubNav(!openSubNav), sx: { marginRight: theme.spacing(1) } }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscChevronDown, { fontSize: "16px" }) }))) : null, tooltip ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: tooltip, placement: "right" }, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscInfo, { color: "grey" }) })) }) }))) : null] })] })), subNavListItems ? ((0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: collapse == true ? false : openSubNav }, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: subNavListItems.map((item, index) => {
+    return ((0, jsx_runtime_1.jsxs)(MenuListItem_1.MenuListItem, Object.assign({ disableGutters: true, style: Object.assign({ whiteSpace: 'nowrap' }, style), iconOnly: iconOnly }, props, { children: [(0, jsx_runtime_1.jsxs)(MenuListItemEx_1.MenuListItemEx, Object.assign({ iconOnly: iconOnly, onClick: onButtonClick, dense: dense, sx: { justifyContent: 'space-between' } }, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [(0, jsx_runtime_1.jsx)(MenuIcon_1.MenuIcon, { icon: icon, paddingRight: theme.spacing(1), color: hovered ? 'secondary' : 'inherit' }), (0, jsx_runtime_1.jsx)(react_link_1.LinkEx, Object.assign({ onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), color: "inherit", to: to, sx: {
+                                    '& :hover': {
+                                        cursor: 'pointer',
+                                        textDecoration: 'underline',
+                                    },
+                                } }, { children: (0, jsx_runtime_1.jsx)(MenuListItemText_1.MenuListItemText, { primary: primary, iconOnly: iconOnly }) }))] }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ style: { marginLeft: theme.spacing(1) } }, { children: [subNavListItems ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => setOpenSubNav(!openSubNav), sx: { marginRight: theme.spacing(0.5) } }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscChevronDown, { fontSize: "16px" }) }))) : null, tooltip ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: tooltip, placement: "right" }, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscInfo, { color: "grey" }) })) }) }))) : null] }))] })), subNavListItems ? ((0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: collapse == true ? false : openSubNav }, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: subNavListItems.map((item, index) => {
                         return (0, jsx_runtime_1.jsx)(exports.SiteMenuListItem, Object.assign({ sx: { pl: theme.spacing(1) } }, item), index);
                     }) }) }))) : null] })));
 };

package/dist/cjs/components/SiteMenu/MenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,yDAAwD;AACxD,mDAAwD;AACxD,iCAA2C;AAC3C,yCAAyD;AAGzD,6CAA+C;AAE/C,yCAAqC;AACrC,iDAA6C;AAC7C,qDAAiD;AACjD,yDAAqD;AAuB9C,MAAM,gBAAgB,GAAoC,CAAC,EAUjE,EAAE,EAAE;QAV6D,EAChE,KAAK,EACL,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,aAAa,EACb,EAAE,OAEH,EADI,KAAK,sBATwD,6FAUjE,CADS;IAER,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CACL,wBAAC,2BAAY,kBAAC,cAAc,QAAC,KAAK,kBAAI,UAAU,EAAE,QAAQ,IAAK,KAAK,GAAI,QAAQ,EAAE,QAAQ,IAAM,KAAK,eACnG,wBAAC,+BAAc,kBAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE,iBAC/G,wBAAC,uBAAO,eACN,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAI,EAClG,uBAAC,mBAAM,kBACL,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACrC,KAAK,EAAC,SAAS,EACf,EAAE,EAAE,EAAE,EACN,EAAE,EAAE;oCACF,UAAU,EAAE;wCACV,MAAM,EAAE,SAAS;wCACjB,cAAc,EAAE,WAAW;qCAC5B;iCACF,gBAED,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACnD,IACD,EACV,wBAAC,uBAAO,kBAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,iBAC7C,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,qBAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,gBAC5F,uBAAC,oBAAc,IAAC,QAAQ,EAAC,MAAM,GAAG,IACvB,CACd,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,kBAAO,kBAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,OAAO,gBAExC,0CACE,uBAAC,uBAAO,kBAAC,cAAc,EAAC,QAAQ,gBAC9B,uBAAC,aAAO,IAAC,KAAK,EAAC,MAAM,GAAG,IAChB,GACN,IACE,CACX,CAAC,CAAC,CAAC,IAAI,KACA,KACK,EAChB,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,gBACjD,uBAAC,eAAI,cACF,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBACnC,OAAO,uBAAC,wBAAgB,kBAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAkB,IAAI,GAAf,KAAK,CAAc,CAAA;oBACjF,CAAC,CAAC,GACG,IACE,CACZ,CAAC,CAAC,CAAC,IAAI,KACK,CAChB,CAAA;AACH,CAAC,CAAA;AAjEY,QAAA,gBAAgB,oBAiE5B"}

package/dist/cjs/components/SiteMenu/MenuListItemEx.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ListItemProps } from '@mui/material';
+import { SiteMenuListItemBase } from './lib';
+export interface ListItemExProps extends SiteMenuListItemBase, ListItemProps {
+}
+export declare const MenuListItemEx: React.FC<ListItemExProps>;
+//# sourceMappingURL=MenuListItemEx.d.ts.map

package/dist/cjs/components/SiteMenu/MenuListItemEx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemEx.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,EAAE,aAAa;CAAG;AAE/E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYpD,CAAA"}

package/dist/cjs/components/SiteMenu/{MenuListItemButtonEx.js → MenuListItemEx.js}

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuListItemButtonEx = void 0;
+exports.MenuListItemEx = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_shared_1 = require("@xyo-network/react-shared");
-const MenuListItemButtonEx = (_a) => {
+const material_1 = require("@mui/material");
+const MenuListItemEx = (_a) => {
     var { iconOnly, collapseEnd, sx, children } = _a, props = tslib_1.__rest(_a, ["iconOnly", "collapseEnd", "sx", "children"]);
     const dense = props;
     const listItemButtonSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0 } : {};
@@ -12,7 +12,7 @@ const MenuListItemButtonEx = (_a) => {
     const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 };
     // adjusts to the paddingY value which does NOT scale along the theme.spacing
     const paddingSx = dense ? { px: '8px' } : { px: '12px' };
-    return ((0, jsx_runtime_1.jsx)(react_shared_1.ListItemButtonEx, Object.assign({ sx: Object.assign(Object.assign(Object.assign(Object.assign({}, listItemButtonSx), spacingSx), paddingSx), sx) }, props, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ sx: Object.assign(Object.assign(Object.assign(Object.assign({}, listItemButtonSx), spacingSx), paddingSx), sx) }, props, { children: children })));
 };
-exports.MenuListItemButtonEx = MenuListItemButtonEx;
-//# sourceMappingURL=MenuListItemButtonEx.js.map
+exports.MenuListItemEx = MenuListItemEx;
+//# sourceMappingURL=MenuListItemEx.js.map

package/dist/cjs/components/SiteMenu/MenuListItemEx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemEx.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AAMhD,MAAM,cAAc,GAA8B,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA/C,6CAAiD,CAAF;IACvG,MAAM,KAAK,GAAG,KAAK,CAAA;IACnB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACrG,6DAA6D;IAC7D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;IACrE,6EAA6E;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAA;IACxD,OAAO,CACL,uBAAC,mBAAQ,kBAAC,EAAE,8DAAO,gBAAgB,GAAK,SAAS,GAAK,SAAS,GAAK,EAAE,KAAQ,KAAK,cAChF,QAAQ,IACA,CACZ,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,cAAc,kBAY1B"}

package/dist/cjs/components/SiteMenu/MenuSection.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ListProps } from '@mui/material';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { SiteMenuListItemProps } from './MenuItems';
-export interface MenuSectionProps extends ListProps {
+export interface MenuSectionProps extends FlexBoxProps {
     title: string;
     listItems: SiteMenuListItemProps[];
     showTitle?: boolean;

package/dist/cjs/components/SiteMenu/MenuSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAiB,MAAM,eAAe,CAAA;AAE9D,OAAO,EAAoB,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAErE,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,qBAAqB,EAAE,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAWlD,CAAA"}
+{"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAoB,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAErE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,qBAAqB,EAAE,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAclD,CAAA"}

package/dist/cjs/components/SiteMenu/MenuSection.js

@@ -4,10 +4,11 @@ exports.MenuSection = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
 const MenuItems_1 = require("./MenuItems");
 const MenuSection = (_a) => {
     var { title, listItems, showTitle = true } = _a, props = tslib_1.__rest(_a, ["title", "listItems", "showTitle"]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.List, Object.assign({}, props, { children: [showTitle ? (0, jsx_runtime_1.jsx)(material_1.ListSubheader, { children: title }) : null, listItems.map((item, index) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(MenuItems_1.SiteMenuListItem, Object.assign({}, item), index) })))] })));
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: showTitle, timeout: 700 }, { children: (0, jsx_runtime_1.jsx)(material_1.ListSubheader, { children: title }) })), listItems.map((item, index) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(MenuItems_1.SiteMenuListItem, Object.assign({}, item), index) })))] })));
 };
 exports.MenuSection = MenuSection;
 //# sourceMappingURL=MenuSection.js.map

package/dist/cjs/components/SiteMenu/MenuSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8D;AAE9D,2CAAqE;AAQ9D,MAAM,WAAW,GAA+B,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,OAAY,EAAP,KAAK,sBAA9C,mCAAgD,CAAF;IACpG,OAAO,CACL,wBAAC,eAAI,oBAAK,KAAK,eACZ,SAAS,CAAC,CAAC,CAAC,uBAAC,wBAAa,cAAE,KAAK,GAAiB,CAAC,CAAC,CAAC,IAAI,EACzD,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,2DACE,uBAAC,4BAAgB,oBAAiB,IAAI,GAAf,KAAK,CAA+B,GAC1D,CACJ,CAAC,KACG,CACR,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,WAAW,eAWvB"}
+{"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,yDAA6D;AAE7D,2CAAqE;AAQ9D,MAAM,WAAW,GAA+B,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,OAAY,EAAP,KAAK,sBAA9C,mCAAgD,CAAF;IACpG,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,gBACnC,uBAAC,wBAAa,cAAE,KAAK,GAAiB,IAC7B,EAEV,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,2DACE,uBAAC,4BAAgB,oBAAiB,IAAI,GAAf,KAAK,CAA+B,GAC1D,CACJ,CAAC,KACM,CACX,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,WAAW,eAcvB"}