@xyo-network/react-appbar 2.25.41 → 2.25.42

package/dist/{cjs/components/Toolbar/System/SiteMenu.d.ts → esm/components/SiteMenu/Menu.d.ts}

@@ -1,15 +1,7 @@
+/// <reference types="react" />
 import { FlexBoxProps } from '@xylabs/sdk-react';
-import { ReactNode } from 'react';
-import { To } from 'react-router-dom';
-export interface SiteMenuItem {
-    name: string;
-    to?: To;
-    href?: string;
-    onClick?: () => void;
-}
 export interface SiteMenuProps extends FlexBoxProps {
     hideSettingsMenuItem?: boolean;
-    menu?: ReactNode;
     side?: 'left' | 'right' | 'top' | 'bottom';
 }
 export declare const SiteMenu: React.FC<SiteMenuProps>;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import MenuIcon from '@mui/icons-material/Menu';
+import SettingsIcon from '@mui/icons-material/Settings';
+import { Box, IconButton, List, SwipeableDrawer } from '@mui/material';
+import { FlexRow } from '@xylabs/sdk-react';
+import { useState } from 'react';
+import { DrawerListItem } from './MenuItems';
+export const SiteMenu = ({ side = 'right', children, ...props }) => {
+    const [open, setOpen] = useState(false);
+    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, onClose: () => setOpen(false), onOpen: () => setOpen(true), children: _jsx(Box, { width: "auto", role: "presentation", onClick: () => setOpen(false), onKeyDown: () => setOpen(false), children: children ?? (_jsx(List, { children: _jsx(DrawerListItem, { primary: "Settings", icon: _jsx(SettingsIcon, {}), to: "/settings" }) })) }) })] }));
+};
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +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,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACtE,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAO5C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,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,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YACnG,KAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YACjG,QAAQ,IAAI,CACX,KAAC,IAAI,cACH,KAAC,cAAc,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACvE,CACR,GACG,GACU,IACV,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+import { ListItemProps, ListItemTextProps } from '@mui/material';
+import { ListItemButtonExProps } from '@xyo-network/react-shared';
+import { ReactNode } from 'react';
+import { To } from 'react-router-dom';
+export interface DrawerListItemProps extends ListItemProps {
+    primary: ListItemTextProps['primary'];
+    to?: To;
+    icon?: ReactNode;
+    onButtonClick?: ListItemButtonExProps['onClick'];
+}
+export declare const DrawerListItem: React.FC<DrawerListItemProps>;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListItem, ListItemIcon, ListItemText } from '@mui/material';
+import { ListItemButtonEx } from '@xyo-network/react-shared';
+export const DrawerListItem = ({ primary, to, icon, onButtonClick, ...props }) => {
+    return (_jsx(ListItem, { ...props, children: _jsxs(ListItemButtonEx, { to: to, onClick: onButtonClick, children: [_jsx(ListItemIcon, { children: icon }), _jsx(ListItemText, { primary: primary })] }) }));
+};
+//# sourceMappingURL=MenuItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAiB,YAAY,EAAqB,MAAM,eAAe,CAAA;AACtG,OAAO,EAAE,gBAAgB,EAAyB,MAAM,2BAA2B,CAAA;AAWnF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9G,OAAO,CACL,KAAC,QAAQ,OAAK,KAAK,YACjB,MAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,aAC9C,KAAC,YAAY,cAAE,IAAI,GAAgB,EACnC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IACjB,GACV,CACZ,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './Menu';
+export * from './MenuItems';

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

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

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

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

package/dist/esm/components/Toolbar/System/SystemToolbar.d.ts

@@ -7,7 +7,7 @@ export interface SystemToolbarProps extends ToolbarProps {
     archiveSelectProps?: SelectExProps<string>;
     hideNetworkSelect?: boolean;
     hideArchiveSelect?: boolean;
-    menuItems?: ReactNode;
+    menu?: ReactNode;
     darkModeButton?: boolean;
     authButton?: boolean;
     noMenu?: boolean;

package/dist/esm/components/Toolbar/System/SystemToolbar.js

@@ -5,8 +5,8 @@ import { ArchiveSelectEx } from '@xyo-network/react-archive';
 import { AuthStatusIconButton } from '@xyo-network/react-auth';
 import { NetworkSelectEx } from '@xyo-network/react-network';
 import { DarkModeIconButton } from '@xyo-network/react-shared';
-import { SiteMenu } from './SiteMenu';
-export const SystemToolbar = ({ children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, menuItems, darkModeButton = false, authButton = false, noMenu = false, ...props }) => {
-    return (_jsxs(Toolbar, { ...props, children: [hideNetworkSelect ? null : (_jsx(FlexRow, { marginX: 0.5, maxWidth: 120, children: _jsx(Paper, { variant: "elevation", children: _jsx(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) }) })), hideArchiveSelect ? null : (_jsx(FlexRow, { marginX: 0.5, maxWidth: 120, children: _jsx(Paper, { variant: "elevation", children: _jsx(ArchiveSelectEx, { fullWidth: true, ...archiveSelectProps }) }) })), children, authButton ? _jsx(AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? _jsx(DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : _jsx(SiteMenu, { menu: menuItems })] }));
+import { SiteMenu } from '../../SiteMenu';
+export const SystemToolbar = ({ children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, menu, darkModeButton = false, authButton = false, noMenu = false, ...props }) => {
+    return (_jsxs(Toolbar, { ...props, children: [hideNetworkSelect ? null : (_jsx(FlexRow, { marginX: 0.5, maxWidth: 120, children: _jsx(Paper, { variant: "elevation", children: _jsx(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) }) })), hideArchiveSelect ? null : (_jsx(FlexRow, { marginX: 0.5, maxWidth: 120, children: _jsx(Paper, { variant: "elevation", children: _jsx(ArchiveSelectEx, { fullWidth: true, ...archiveSelectProps }) }) })), children, authButton ? _jsx(AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? _jsx(DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : _jsx(SiteMenu, { children: menu })] }));
 };
 //# sourceMappingURL=SystemToolbar.js.map

package/dist/esm/components/Toolbar/System/SystemToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAiB,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAwB,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAarC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,YAClC,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,YAClC,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,KAAC,oBAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,KAAC,kBAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,SAAS,GAAI,IACtC,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAiB,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAwB,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAazC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,YAClC,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,YAClC,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,KAAC,oBAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,KAAC,kBAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,IAAI,GAAY,IACpC,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Toolbar/System/index.d.ts

@@ -1,2 +1 @@
-export * from './SiteMenu';
 export * from './SystemToolbar';

package/dist/esm/components/Toolbar/System/index.js

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

package/dist/esm/components/Toolbar/System/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

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

@@ -1,4 +1,5 @@
 export * from './AppBar';
 export * from './MobileSystemControls';
 export * from './SearchBar';
+export * from './SiteMenu';
 export * from './Toolbar';

package/dist/esm/components/index.js

@@ -1,5 +1,6 @@
 export * from './AppBar';
 export * from './MobileSystemControls';
 export * from './SearchBar';
+export * from './SiteMenu';
 export * from './Toolbar';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}

package/package.json

@@ -16,12 +16,12 @@
     "@mui/material": "^5.8.3",
     "@xylabs/sdk-react": "^2.13.7",
     "@xyo-network/core": "^2.20.44",
-    "@xyo-network/react-archive": "^2.25.41",
-    "@xyo-network/react-archivist-api": "^2.25.41",
-    "@xyo-network/react-auth": "^2.25.41",
-    "@xyo-network/react-network": "^2.25.41",
-    "@xyo-network/react-shared": "^2.25.41",
-    "@xyo-network/react-theme": "^2.25.41",
+    "@xyo-network/react-archive": "^2.25.42",
+    "@xyo-network/react-archivist-api": "^2.25.42",
+    "@xyo-network/react-auth": "^2.25.42",
+    "@xyo-network/react-network": "^2.25.42",
+    "@xyo-network/react-shared": "^2.25.42",
+    "@xyo-network/react-theme": "^2.25.42",
     "lodash": "^4.17.21",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
@@ -105,6 +105,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.41",
+  "version": "2.25.42",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/{Toolbar/System/SiteMenu.tsx → SiteMenu/Menu.tsx}

@@ -1,25 +1,17 @@
 import MenuIcon from '@mui/icons-material/Menu'
-import { Box, IconButton, SwipeableDrawer } from '@mui/material'
+import SettingsIcon from '@mui/icons-material/Settings'
+import { Box, IconButton, List, SwipeableDrawer } from '@mui/material'
 import { FlexBoxProps, FlexRow } from '@xylabs/sdk-react'
-import { ReactNode, useState } from 'react'
-import { To } from 'react-router-dom'
+import { useState } from 'react'
 
-import { DefaultMenuItems } from './DefaultMenuItems'
-
-export interface SiteMenuItem {
-  name: string
-  to?: To
-  href?: string
-  onClick?: () => void
-}
+import { DrawerListItem } from './MenuItems'
 
 export interface SiteMenuProps extends FlexBoxProps {
   hideSettingsMenuItem?: boolean
-  menu?: ReactNode
   side?: 'left' | 'right' | 'top' | 'bottom'
 }
 
-export const SiteMenu: React.FC<SiteMenuProps> = ({ side, menu, ...props }) => {
+export const SiteMenu: React.FC<SiteMenuProps> = ({ side = 'right', children, ...props }) => {
   const [open, setOpen] = useState(false)
 
   return (
@@ -33,9 +25,13 @@ export const SiteMenu: React.FC<SiteMenuProps> = ({ side, menu, ...props }) => {
       >
         <MenuIcon fontSize="large" />
       </IconButton>
-      <SwipeableDrawer anchor={side ?? 'left'} open={open} onClose={() => setOpen(false)} onOpen={() => setOpen(true)}>
+      <SwipeableDrawer anchor={side} open={open} onClose={() => setOpen(false)} onOpen={() => setOpen(true)}>
         <Box width="auto" role="presentation" onClick={() => setOpen(false)} onKeyDown={() => setOpen(false)}>
-          {menu ?? <DefaultMenuItems />}
+          {children ?? (
+            <List>
+              <DrawerListItem primary="Settings" icon={<SettingsIcon />} to="/settings" />
+            </List>
+          )}
         </Box>
       </SwipeableDrawer>
     </FlexRow>

package/src/components/SiteMenu/MenuItems.tsx

@@ -0,0 +1,22 @@
+import { ListItem, ListItemIcon, ListItemProps, ListItemText, ListItemTextProps } from '@mui/material'
+import { ListItemButtonEx, ListItemButtonExProps } from '@xyo-network/react-shared'
+import { ReactNode } from 'react'
+import { To } from 'react-router-dom'
+
+export interface DrawerListItemProps extends ListItemProps {
+  primary: ListItemTextProps['primary']
+  to?: To
+  icon?: ReactNode
+  onButtonClick?: ListItemButtonExProps['onClick']
+}
+
+export const DrawerListItem: React.FC<DrawerListItemProps> = ({ primary, to, icon, onButtonClick, ...props }) => {
+  return (
+    <ListItem {...props}>
+      <ListItemButtonEx to={to} onClick={onButtonClick}>
+        <ListItemIcon>{icon}</ListItemIcon>
+        <ListItemText primary={primary} />
+      </ListItemButtonEx>
+    </ListItem>
+  )
+}

package/src/components/SiteMenu/index.ts

@@ -0,0 +1,2 @@
+export * from './Menu'
+export * from './MenuItems'

package/src/components/Toolbar/System/SystemToolbar.tsx

@@ -6,14 +6,14 @@ import { NetworkSelectEx, NetworkSelectExProps } from '@xyo-network/react-networ
 import { DarkModeIconButton } from '@xyo-network/react-shared'
 import { ReactNode } from 'react'
 
-import { SiteMenu } from './SiteMenu'
+import { SiteMenu } from '../../SiteMenu'
 
 export interface SystemToolbarProps extends ToolbarProps {
   networkSelectProps?: NetworkSelectExProps
   archiveSelectProps?: SelectExProps<string>
   hideNetworkSelect?: boolean
   hideArchiveSelect?: boolean
-  menuItems?: ReactNode
+  menu?: ReactNode
   darkModeButton?: boolean
   authButton?: boolean
   noMenu?: boolean
@@ -25,7 +25,7 @@ export const SystemToolbar: React.FC<SystemToolbarProps> = ({
   archiveSelectProps,
   hideNetworkSelect,
   hideArchiveSelect,
-  menuItems,
+  menu,
   darkModeButton = false,
   authButton = false,
   noMenu = false,
@@ -50,7 +50,7 @@ export const SystemToolbar: React.FC<SystemToolbarProps> = ({
       {children}
       {authButton ? <AuthStatusIconButton color="inherit" /> : null}
       {darkModeButton ? <DarkModeIconButton color="inherit" /> : null}
-      {noMenu ? null : <SiteMenu menu={menuItems} />}
+      {noMenu ? null : <SiteMenu>{menu}</SiteMenu>}
     </Toolbar>
   )
 }

package/src/components/Toolbar/System/index.ts

@@ -1,2 +1 @@
-export * from './SiteMenu'
 export * from './SystemToolbar'

package/src/components/index.ts

@@ -1,4 +1,5 @@
 export * from './AppBar'
 export * from './MobileSystemControls'
 export * from './SearchBar'
+export * from './SiteMenu'
 export * from './Toolbar'

package/dist/cjs/components/Toolbar/System/DefaultMenuItems.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const DefaultMenuItems: React.FC;

package/dist/cjs/components/Toolbar/System/DefaultMenuItems.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultMenuItems = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Settings_1 = tslib_1.__importDefault(require("@mui/icons-material/Settings"));
-const material_1 = require("@mui/material");
-const react_shared_1 = require("@xyo-network/react-shared");
-const DefaultMenuItems = () => {
-    return ((0, jsx_runtime_1.jsx)(material_1.List, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ disablePadding: true }, { children: (0, jsx_runtime_1.jsxs)(react_shared_1.ListItemButtonEx, Object.assign({ to: "/settings" }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Settings_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: "Settings" })] })) })) }));
-};
-exports.DefaultMenuItems = DefaultMenuItems;
-//# sourceMappingURL=DefaultMenuItems.js.map

package/dist/cjs/components/Toolbar/System/DefaultMenuItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultMenuItems.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/DefaultMenuItems.tsx"],"names":[],"mappings":";;;;;AAAA,oFAAuD;AACvD,4CAA0E;AAC1E,4DAA4D;AAErD,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,OAAO,CACL,uBAAC,eAAI,cACH,uBAAC,mBAAQ,kBAAC,cAAc,sBACtB,wBAAC,+BAAgB,kBAAC,EAAE,EAAC,WAAW,iBAC9B,uBAAC,uBAAY,cACX,uBAAC,kBAAY,KAAG,GACH,EACf,uBAAC,uBAAY,IAAC,OAAO,EAAC,UAAU,GAAG,KAClB,IACV,GACN,CACR,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,gBAAgB,oBAa5B"}

package/dist/cjs/components/Toolbar/System/SiteMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SiteMenu.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SiteMenu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,4CAAgE;AAChE,iDAAyD;AACzD,iCAA2C;AAG3C,yDAAqD;AAe9C,MAAM,QAAQ,GAA4B,CAAC,EAAwB,EAAE,EAAE;QAA5B,EAAE,IAAI,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAtB,gBAAwB,CAAF;IACtE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,wBAAC,mBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,qBAAU,kBACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,gBAED,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IAClB,EACb,uBAAC,0BAAe,kBAAC,MAAM,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAC7G,uBAAC,cAAG,kBAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACjG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,uBAAC,mCAAgB,KAAG,IACzB,IACU,KACV,CACX,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,QAAQ,YAqBpB"}

package/dist/esm/components/Toolbar/System/DefaultMenuItems.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const DefaultMenuItems: React.FC;

package/dist/esm/components/Toolbar/System/DefaultMenuItems.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import SettingsIcon from '@mui/icons-material/Settings';
-import { List, ListItem, ListItemIcon, ListItemText } from '@mui/material';
-import { ListItemButtonEx } from '@xyo-network/react-shared';
-export const DefaultMenuItems = () => {
-    return (_jsx(List, { children: _jsx(ListItem, { disablePadding: true, children: _jsxs(ListItemButtonEx, { to: "/settings", children: [_jsx(ListItemIcon, { children: _jsx(SettingsIcon, {}) }), _jsx(ListItemText, { primary: "Settings" })] }) }) }));
-};
-//# sourceMappingURL=DefaultMenuItems.js.map

package/dist/esm/components/Toolbar/System/DefaultMenuItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultMenuItems.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/DefaultMenuItems.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,OAAO,CACL,KAAC,IAAI,cACH,KAAC,QAAQ,IAAC,cAAc,kBACtB,MAAC,gBAAgB,IAAC,EAAE,EAAC,WAAW,aAC9B,KAAC,YAAY,cACX,KAAC,YAAY,KAAG,GACH,EACf,KAAC,YAAY,IAAC,OAAO,EAAC,UAAU,GAAG,IAClB,GACV,GACN,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Toolbar/System/SiteMenu.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import MenuIcon from '@mui/icons-material/Menu';
-import { Box, IconButton, SwipeableDrawer } from '@mui/material';
-import { FlexRow } from '@xylabs/sdk-react';
-import { useState } from 'react';
-import { DefaultMenuItems } from './DefaultMenuItems';
-export const SiteMenu = ({ side, menu, ...props }) => {
-    const [open, setOpen] = useState(false);
-    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 ?? 'left', open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true), children: _jsx(Box, { width: "auto", role: "presentation", onClick: () => setOpen(false), onKeyDown: () => setOpen(false), children: menu ?? _jsx(DefaultMenuItems, {}) }) })] }));
-};
-//# sourceMappingURL=SiteMenu.js.map

package/dist/esm/components/Toolbar/System/SiteMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SiteMenu.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SiteMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAerD,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,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,IAAC,MAAM,EAAE,IAAI,IAAI,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAC7G,KAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YACjG,IAAI,IAAI,KAAC,gBAAgB,KAAG,GACzB,GACU,IACV,CACX,CAAA;AACH,CAAC,CAAA"}

package/src/components/Toolbar/System/DefaultMenuItems.tsx

@@ -1,18 +0,0 @@
-import SettingsIcon from '@mui/icons-material/Settings'
-import { List, ListItem, ListItemIcon, ListItemText } from '@mui/material'
-import { ListItemButtonEx } from '@xyo-network/react-shared'
-
-export const DefaultMenuItems: React.FC = () => {
-  return (
-    <List>
-      <ListItem disablePadding>
-        <ListItemButtonEx to="/settings">
-          <ListItemIcon>
-            <SettingsIcon />
-          </ListItemIcon>
-          <ListItemText primary="Settings" />
-        </ListItemButtonEx>
-      </ListItem>
-    </List>
-  )
-}