@xyo-network/react-appbar 2.37.13 → 2.37.15

package/dist/esm/components/SiteMenu/Menu.js

@@ -4,7 +4,7 @@ import SettingsIcon from '@mui/icons-material/Settings';
 import { IconButton, List, SwipeableDrawer } from '@mui/material';
 import { FlexRow } from '@xylabs/react-flexbox';
 import { useEffect, useState } from 'react';
-import { SiteMenuListItem } from './MenuItems';
+import { MenuListItemContainer } from './MenuListItem';
 export const SiteMenu = ({ side = 'right', children, onMenuToggle, ...props }) => {
     const [open, setOpen] = useState(false);
     useEffect(() => {
@@ -12,6 +12,6 @@ export const SiteMenu = ({ side = 'right', children, onMenuToggle, ...props }) =
     }, [onMenuToggle, open]);
     return (_jsxs(FlexRow, { alignItems: "stretch", ...props, children: [_jsx(IconButton, { size: "small", color: "inherit", onClick: () => {
                     setOpen(!open);
-                }, children: _jsx(MenuIcon, { fontSize: "large" }) }), _jsx(SwipeableDrawer, { anchor: side, open: open, onClick: () => setOpen(false), onKeyDown: () => setOpen(false), onClose: () => setOpen(false), onOpen: () => setOpen(true), children: children ?? (_jsx(List, { children: _jsx(SiteMenuListItem, { primary: "Settings", icon: _jsx(SettingsIcon, {}), to: "/settings" }) })) })] }));
+                }, children: _jsx(MenuIcon, { fontSize: "large" }) }), _jsx(SwipeableDrawer, { anchor: side, open: open, onClick: () => setOpen(false), onKeyDown: () => setOpen(false), onClose: () => setOpen(false), onOpen: () => setOpen(true), children: children ?? (_jsx(List, { children: _jsx(MenuListItemContainer, { primary: "Settings", icon: _jsx(SettingsIcon, {}), to: "/settings" }) })) })] }));
 };
 //# sourceMappingURL=Menu.js.map

package/dist/esm/components/SiteMenu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAQ9C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,EAAE,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,YAED,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,GAClB,EACb,KAAC,eAAe,IACd,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE1B,QAAQ,IAAI,CACX,KAAC,IAAI,cACH,KAAC,gBAAgB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACzE,CACR,GACe,IACV,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAQtD,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,EAAE,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,YAED,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,GAClB,EACb,KAAC,eAAe,IACd,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE1B,QAAQ,IAAI,CACX,KAAC,IAAI,cACH,KAAC,qBAAqB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GAC9E,CACR,GACe,IACV,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ListItemProps } from '@mui/material';
+import { NavListItemProps, SiteMenuListItemBase } from '../lib';
+export interface MenuListItemProps extends NavListItemProps, SiteMenuListItemBase, ListItemProps {
+    subNavListItems?: NavListItemProps[];
+    subNavOpen?: boolean;
+    iconOnly?: boolean;
+}
+export declare const MenuListItemContainer: React.FC<MenuListItemProps>;
+//# sourceMappingURL=MenuListItemContainer.d.ts.map

package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA0B,MAAM,eAAe,CAAA;AAMrE,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAA;AAI/D,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB,EAAE,oBAAoB,EAAE,aAAa;IAC9F,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2D7D,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ListItemText, useTheme } from '@mui/material';
+import { FlexRow } from '@xylabs/react-flexbox';
+import { LinkEx } from '@xylabs/react-link';
+import { useState } from 'react';
+import { useCollapsible } from '../../../contexts';
+import { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components';
+import { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav';
+export const MenuListItemContainer = ({ style, subNavListItems, iconOnly, tooltip, icon, primary, onButtonClick, to, sx, ...props }) => {
+    const { dense } = props;
+    const theme = useTheme();
+    const { collapse } = useCollapsible();
+    const [openSubNav, setOpenSubNav] = useState(false);
+    const [hovered, setHovered] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsxs(MenuListItem, { disableGutters: true, iconOnly: iconOnly, onClick: onButtonClick, dense: dense, sx: { justifyContent: 'space-between', ...sx }, style: { whiteSpace: 'nowrap', ...style }, ...props, children: [_jsx(LinkEx, { onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), color: "inherit", to: to, sx: {
+                            '& :hover': {
+                                cursor: 'pointer',
+                                textDecoration: 'underline',
+                            },
+                        }, children: _jsxs(FlexRow, { children: [_jsx(MenuIcon, { icon: icon, paddingRight: theme.spacing(1), color: hovered ? 'secondary' : 'inherit' }), _jsx(ListItemText, { primary: primary })] }) }), _jsxs(FlexRow, { style: { marginLeft: theme.spacing(1) }, children: [subNavListItems ? _jsx(SubNavToggleIconButton, { setOpenSubNav: setOpenSubNav, openSubNav: openSubNav }) : null, tooltip ? _jsx(ListItemTooltip, { title: tooltip }) : null] })] }), subNavListItems ? (_jsx(SubNavListItemsCollapse, { openSubNav: openSubNav, collapse: collapse, children: subNavListItems?.map((item, index) => (_jsx(MenuListItemContainer, { dense: dense, sx: { pl: theme.spacing(1) }, ...item }, index))) })) : null] }));
+};
+//# sourceMappingURL=MenuListItemContainer.js.map

package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map

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

package/dist/esm/components/SiteMenu/MenuListItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MenuListItemContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/SiteMenu/MenuListItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/index.js

@@ -0,0 +1,2 @@
+export * from './MenuListItemContainer';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/SiteMenu/MenuListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TooltipProps } from '@mui/material';
+export interface ListItemTooltipProps extends Omit<TooltipProps, 'children'> {
+    title: string;
+}
+export declare const ListItemTooltip: React.FC<ListItemTooltipProps>;
+//# sourceMappingURL=ListItemTooltip.d.ts.map

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAA;AAIrD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAW1D,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tooltip } from '@mui/material';
+import { FlexCol } from '@xylabs/react-flexbox';
+import { VscInfo } from 'react-icons/vsc';
+export const ListItemTooltip = ({ title, ...props }) => {
+    return (_jsx(Tooltip, { title: title, placement: "right", ...props, children: _jsx("div", { children: _jsx(FlexCol, { justifyContent: "center", children: _jsx(VscInfo, { color: "grey" }) }) }) }));
+};
+//# sourceMappingURL=ListItemTooltip.js.map

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTooltip.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAMzC,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrF,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,KAAK,KAAK,YAEhD,wBACE,KAAC,OAAO,IAAC,cAAc,EAAC,QAAQ,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,GAAG,GAChB,GACN,GACE,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAO3D,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,KAAK,KAAK,YACjC,IAAI,GACM,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/{cjs/components/SiteMenu → esm/components/SiteMenu/MenuListItem/list-item-components}/MenuListItem.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ListItemProps } from '@mui/material';
-import { SiteMenuListItemBase } from './lib';
+import { SiteMenuListItemBase } from '../../lib';
 export interface ListItemExProps extends SiteMenuListItemBase, ListItemProps {
 }
 export declare const MenuListItem: React.FC<ListItemExProps>;

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts.map

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

package/dist/esm/components/SiteMenu/{MenuListItem.js → MenuListItem/list-item-components/MenuListItem.js}

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ListItem } from '@mui/material';
-export const MenuListItem = ({ iconOnly, collapseEnd, sx, children, ...props }) => {
-    const dense = props;
+export const MenuListItem = ({ iconOnly, collapseEnd, sx, children, dense, ...props }) => {
     const listItemSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0, width: 'auto' } : { width: '100%' };
     // wait till collapseEnds to remove the spacing between items
     const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 };

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItem.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AAMvD,MAAM,CAAC,MAAM,YAAY,GAA8B,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;IAC7H,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,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,YAC1E,QAAQ,GACA,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ListItemTooltip';
+export * from './MenuIcon';
+export * from './MenuListItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.js

@@ -0,0 +1,4 @@
+export * from './ListItemTooltip';
+export * from './MenuIcon';
+export * from './MenuListItem';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CollapseProps } from '@mui/material';
+import { WithChildren } from '@xylabs/react-shared';
+import { NavListItemProps } from '../../lib';
+export interface SubNavListItemsCollapseProps extends WithChildren, CollapseProps {
+    collapse?: boolean;
+    openSubNav?: boolean;
+    subNavListItems?: NavListItemProps[];
+}
+export declare const SubNavListItemsCollapse: React.FC<SubNavListItemsCollapseProps>;
+//# sourceMappingURL=SubNavListItemCollapse.d.ts.map

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNavListItemCollapse.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAQ,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,WAAW,4BAA6B,SAAQ,YAAY,EAAE,aAAa;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;CACrC;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAM1E,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Collapse, List } from '@mui/material';
+export const SubNavListItemsCollapse = ({ collapse, openSubNav, children, ...props }) => {
+    return (_jsx(Collapse, { in: collapse == true ? false : openSubNav, ...props, children: _jsx(List, { children: children }) }));
+};
+//# sourceMappingURL=SubNavListItemCollapse.js.map

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNavListItemCollapse.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,IAAI,EAAE,MAAM,eAAe,CAAA;AAW7D,MAAM,CAAC,MAAM,uBAAuB,GAA2C,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9H,OAAO,CACL,KAAC,QAAQ,IAAC,EAAE,EAAE,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,KAAM,KAAK,YAC5D,KAAC,IAAI,cAAE,QAAQ,GAAQ,GACd,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts

@@ -0,0 +1,8 @@
+import { IconButtonProps } from '@mui/material';
+import { Dispatch, SetStateAction } from 'react';
+export interface SubNavToggleIconButtonProps extends IconButtonProps {
+    openSubNav?: boolean;
+    setOpenSubNav?: Dispatch<SetStateAction<boolean>>;
+}
+export declare const SubNavToggleIconButton: React.FC<SubNavToggleIconButtonProps>;
+//# sourceMappingURL=SubNavToggleIconButton.d.ts.map

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNavToggleIconButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAY,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAA;AAGhE,MAAM,WAAW,2BAA4B,SAAQ,eAAe;IAClE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAaxE,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconButton, useTheme } from '@mui/material';
+import { VscChevronDown } from 'react-icons/vsc';
+export const SubNavToggleIconButton = ({ setOpenSubNav, openSubNav }) => {
+    const theme = useTheme();
+    return (_jsx(IconButton, { onClick: (event) => {
+            event.stopPropagation();
+            setOpenSubNav?.(!openSubNav);
+        }, sx: { marginRight: theme.spacing(0.5) }, children: _jsx(VscChevronDown, { fontSize: "16px" }) }));
+};
+//# sourceMappingURL=SubNavToggleIconButton.js.map

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNavToggleIconButton.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,QAAQ,EAAE,MAAM,eAAe,CAAA;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAOhD,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,EAAE;IAC7G,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,CAAC,KAAqB,EAAE,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,aAAa,EAAE,CAAC,CAAC,UAAU,CAAC,CAAA;QAC9B,CAAC,EACD,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,YAEvC,KAAC,cAAc,IAAC,QAAQ,EAAC,MAAM,GAAG,GACvB,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SubNavListItemCollapse';
+export * from './SubNavToggleIconButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.js

@@ -0,0 +1,3 @@
+export * from './SubNavListItemCollapse';
+export * from './SubNavToggleIconButton';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { SiteMenuListItemProps } from './MenuItems';
+import { MenuListItemProps } from './MenuListItem';
 export interface MenuSectionProps extends FlexBoxProps {
     title: string;
-    listItems: SiteMenuListItemProps[];
+    listItems: MenuListItemProps[];
     showTitle?: boolean;
 }
 export declare const MenuSection: React.FC<MenuSectionProps>;

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

@@ -1 +1 @@
-{"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"}
+{"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,EAAyB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA"}

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

@@ -1,8 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Collapse, ListSubheader } from '@mui/material';
 import { FlexCol } from '@xylabs/react-flexbox';
-import { SiteMenuListItem } from './MenuItems';
+import { MenuListItemContainer } from './MenuListItem';
 export const MenuSection = ({ title, listItems, showTitle = true, ...props }) => {
-    return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [_jsx(Collapse, { in: showTitle, timeout: 700, children: _jsx(ListSubheader, { children: title }) }), listItems.map((item, index) => (_jsx(_Fragment, { children: _jsx(SiteMenuListItem, { ...item }, index) })))] }));
+    return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [_jsx(Collapse, { in: showTitle, timeout: 700, children: _jsx(ListSubheader, { children: title }) }), listItems.map((item, index) => (_jsx(MenuListItemContainer, { ...item }, index)))] }));
 };
 //# sourceMappingURL=MenuSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAyB,MAAM,aAAa,CAAA;AAQrE,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,QAAQ,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,YACnC,KAAC,aAAa,cAAE,KAAK,GAAiB,GAC7B,EAEV,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,4BACE,KAAC,gBAAgB,OAAiB,IAAI,IAAf,KAAK,CAA+B,GAC1D,CACJ,CAAC,IACM,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,qBAAqB,EAAqB,MAAM,gBAAgB,CAAA;AAQzE,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,QAAQ,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,YACnC,KAAC,aAAa,cAAE,KAAK,GAAiB,GAC7B,EAEV,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,qBAAqB,OAAiB,IAAI,IAAf,KAAK,CAAoC,CACtE,CAAC,IACM,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SiteMenu/hooks/useMenuItemsShared.d.ts

@@ -1,5 +1,5 @@
-import { SiteMenuListItemProps } from '../MenuItems';
-declare type DefaultSiteMenuListItemProps = Pick<SiteMenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>;
+import { MenuListItemProps } from '../MenuListItem';
+declare type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>;
 export declare const useMenuItemsShared: () => {
     defaultSiteMenuListItemProps: DefaultSiteMenuListItemProps;
     onMenuItemToggle: (open?: boolean) => void;

package/dist/esm/components/SiteMenu/hooks/useMenuItemsShared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuItemsShared.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/hooks/useMenuItemsShared.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,aAAK,4BAA4B,GAAG,IAAI,CAAC,qBAAqB,EAAE,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC,CAAA;AAE5G,eAAO,MAAM,kBAAkB;;8BAGI,OAAO;CAkBzC,CAAA"}
+{"version":3,"file":"useMenuItemsShared.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/hooks/useMenuItemsShared.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,aAAK,4BAA4B,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC,CAAA;AAExG,eAAO,MAAM,kBAAkB;;8BAGI,OAAO;CAkBzC,CAAA"}

package/dist/esm/components/SiteMenu/index.d.ts

@@ -1,5 +1,5 @@
 export * from './hooks';
 export * from './Menu';
-export * from './MenuItems';
+export * from './MenuListItem';
 export * from './MenuSection';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/SiteMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA"}

package/dist/esm/components/SiteMenu/index.js

@@ -1,5 +1,5 @@
 export * from './hooks';
 export * from './Menu';
-export * from './MenuItems';
+export * from './MenuListItem';
 export * from './MenuSection';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/SiteMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA"}

package/dist/esm/components/SiteMenu/lib/NavListItemProps.d.ts

@@ -0,0 +1,13 @@
+import { ListItemTextProps } from '@mui/material';
+import { LinkExProps } from '@xylabs/react-link';
+import { ReactNode } from 'react';
+import { To } from 'react-router-dom';
+export interface NavListItemProps {
+    primary: ListItemTextProps['primary'];
+    to?: To;
+    href?: string;
+    icon?: ReactNode;
+    onButtonClick?: LinkExProps['onClick'];
+    tooltip?: string;
+}
+//# sourceMappingURL=NavListItemProps.d.ts.map

package/dist/esm/components/SiteMenu/lib/NavListItemProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavListItemProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/NavListItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAErC,MAAM,WAAW,gBAAgB;IAC/B,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"}

package/dist/esm/components/SiteMenu/lib/NavListItemProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NavListItemProps.js.map

package/dist/esm/components/SiteMenu/lib/NavListItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavListItemProps.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/NavListItemProps.ts"],"names":[],"mappings":""}

package/dist/esm/components/SiteMenu/lib/index.d.ts

@@ -1,2 +1,3 @@
+export * from './NavListItemProps';
 export * from './SiteMenuListItemBase';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/SiteMenu/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA"}

package/dist/esm/components/SiteMenu/lib/index.js

@@ -1,2 +1,3 @@
+export * from './NavListItemProps';
 export * from './SiteMenuListItemBase';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/SiteMenu/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA"}

package/package.json

@@ -16,11 +16,11 @@
     "@xylabs/react-flexbox": "^2.15.1",
     "@xylabs/react-link": "^2.15.1",
     "@xylabs/react-shared": "^2.15.1",
-    "@xyo-network/react-app-settings": "^2.37.13",
-    "@xyo-network/react-archive": "^2.37.13",
-    "@xyo-network/react-auth-sets": "^2.37.13",
-    "@xyo-network/react-network": "^2.37.13",
-    "@xyo-network/react-shared": "^2.37.13",
+    "@xyo-network/react-app-settings": "^2.37.15",
+    "@xyo-network/react-archive": "^2.37.15",
+    "@xyo-network/react-auth-sets": "^2.37.15",
+    "@xyo-network/react-network": "^2.37.15",
+    "@xyo-network/react-shared": "^2.37.15",
     "tslib": "^2.4.0"
   },
   "peerDependencies": {
@@ -77,5 +77,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.37.13"
+  "version": "2.37.15"
 }

package/src/components/AppBar/Application.stories.tsx

@@ -12,7 +12,7 @@ import { XyoWalletBase } from '@xyo-network/wallet'
 import { BrowserRouter } from 'react-router-dom'
 
 import { SearchBar } from '../SearchBar'
-import { SiteMenuListItem } from '../SiteMenu'
+import { MenuListItemContainer } from '../SiteMenu'
 import { SystemToolbar } from '../Toolbar'
 import { ApplicationAppBar } from './Application'
 
@@ -41,7 +41,7 @@ const Template: ComponentStory<typeof ApplicationAppBar> = (args) => (
                       <SystemToolbar
                         menuItems={
                           <List>
-                            <SiteMenuListItem primary="Hello" />
+                            <MenuListItemContainer primary="Hello" />
                           </List>
                         }
                       />
@@ -71,7 +71,7 @@ WithSearchBar.args = {
       authButton
       menuItems={
         <List>
-          <SiteMenuListItem primary="Hello" />
+          <MenuListItemContainer primary="Hello" />
         </List>
       }
     />

package/src/components/CollapsibleDrawer/CollapseDrawer.stories.tsx

@@ -6,7 +6,7 @@ import { CollapsibleProvider, useCollapsible } from '../../contexts'
 import { MenuSection } from '../SiteMenu'
 import { CollapseToggleFlex } from './CollapseToggle'
 import { CollapsibleDrawer } from './CollapsibleDrawer'
-import { menuDataBottom, menuDataTop } from './ExampleMenuData'
+import { menuDataBottom, menuDataTop } from './ExampleMenuData.stories'
 
 const CollapseProviderDecorator: DecoratorFn = (Story, args) => {
   return (

package/src/components/CollapsibleDrawer/{ExampleMenuData.tsx → ExampleMenuData.stories.tsx}

@@ -13,9 +13,9 @@ import {
   VscTable,
 } from 'react-icons/vsc'
 
-import { SiteMenuListItemProps } from '../SiteMenu'
+import { MenuListItemProps } from '../SiteMenu'
 
-export const menuDataTop: SiteMenuListItemProps[] = [
+export const menuDataTop: MenuListItemProps[] = [
   {
     icon: <VscGlobe fontSize="body1" />,
     primary: 'Explore',
@@ -53,7 +53,7 @@ export const menuDataTop: SiteMenuListItemProps[] = [
   },
 ]
 
-export const menuDataBottom: SiteMenuListItemProps[] = [
+export const menuDataBottom: MenuListItemProps[] = [
   {
     icon: <VscGraphLine fontSize="body1" />,
     primary: 'Statistics',

package/src/components/SiteMenu/Menu.tsx

@@ -4,7 +4,7 @@ import { IconButton, List, SwipeableDrawer } from '@mui/material'
 import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
 import { useEffect, useState } from 'react'
 
-import { SiteMenuListItem } from './MenuItems'
+import { MenuListItemContainer } from './MenuListItem'
 
 export interface SiteMenuProps extends FlexBoxProps {
   hideSettingsMenuItem?: boolean
@@ -40,7 +40,7 @@ export const SiteMenu: React.FC<SiteMenuProps> = ({ side = 'right', children, on
       >
         {children ?? (
           <List>
-            <SiteMenuListItem primary="Settings" icon={<SettingsIcon />} to="/settings" />
+            <MenuListItemContainer primary="Settings" icon={<SettingsIcon />} to="/settings" />
           </List>
         )}
       </SwipeableDrawer>

package/src/components/SiteMenu/{MenuItem.stories.tsx → MenuListItem/MenuListItemContainer.stories.tsx}

@@ -2,30 +2,30 @@ import { List } from '@mui/material'
 import { ComponentMeta, ComponentStory } from '@storybook/react'
 import { FaGlobeAmericas } from 'react-icons/fa'
 
-import { SiteMenuListItem, SiteMenuListItemProps } from './MenuItems'
+import { MenuListItemContainer, MenuListItemProps } from './MenuListItemContainer'
 
 const StorybookEntry = {
   argTypes: {},
-  component: SiteMenuListItem,
+  component: MenuListItemContainer,
   parameters: {
     docs: {
       page: null,
     },
   },
-  title: 'appbar/SiteMenuListItem',
-} as ComponentMeta<typeof SiteMenuListItem>
+  title: 'appbar/MenuListItemContainer',
+} as ComponentMeta<typeof MenuListItemContainer>
 
-const SiteMenuList: React.FC<SiteMenuListItemProps> = (args) => {
+const SiteMenuList: React.FC<MenuListItemProps> = (args) => {
   return (
     <List>
-      <SiteMenuListItem {...args} />
-      <SiteMenuListItem {...args} />
-      <SiteMenuListItem {...args} />
+      <MenuListItemContainer {...args} />
+      <MenuListItemContainer {...args} />
+      <MenuListItemContainer {...args} />
     </List>
   )
 }
 
-const Template: ComponentStory<typeof SiteMenuListItem> = (args) => {
+const Template: ComponentStory<typeof MenuListItemContainer> = (args) => {
   return <SiteMenuList {...args} />
 }