@xyo-network/react-appbar 2.35.0-rc.8 → 2.35.0

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

@@ -0,0 +1,8 @@
+import { TypographyExProps } from '@xyo-network/react-shared';
+import { ReactNode } from 'react';
+import { SiteMenuListItemBase } from './lib';
+export interface MenuIconProps extends SiteMenuListItemBase, TypographyExProps {
+    icon?: ReactNode;
+}
+export declare const MenuIcon: React.FC<MenuIconProps>;
+//# sourceMappingURL=MenuIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,aAAc,SAAQ,oBAAoB,EAAE,iBAAiB;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuIcon = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const MenuIcon = (_a) => {
+    var { iconOnly, icon } = _a, props = tslib_1.__rest(_a, ["iconOnly", "icon"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ mr: iconOnly ? 0 : 1, display: "flex", variant: "caption" }, props, { children: icon })));
+};
+exports.MenuIcon = MenuIcon;
+//# sourceMappingURL=MenuIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuIcon.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAUnC,MAAM,QAAQ,GAA4B,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,QAAQ,EAAE,IAAI,OAAY,EAAP,KAAK,sBAA1B,oBAA4B,CAAF;IAC1E,OAAO,CACL,uBAAC,qBAAU,kBAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,IAAK,KAAK,cACzE,IAAI,IACM,CACd,CAAA;AACH,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB"}

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

@@ -2,12 +2,12 @@ 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 SiteMenuListItemProps extends ListItemProps {
+import { SiteMenuListItemBase } from './lib';
+export interface SiteMenuListItemProps extends SiteMenuListItemBase, ListItemProps {
     primary: ListItemTextProps['primary'];
     to?: To;
     icon?: ReactNode;
     onButtonClick?: ListItemButtonExProps['onClick'];
-    minIconWidth?: number;
 }
 export declare const SiteMenuListItem: React.FC<SiteMenuListItemProps>;
 //# sourceMappingURL=MenuItems.d.ts.map

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,EAA0B,aAAa,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtG,OAAO,EAAoB,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAErC,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAY5D,CAAA"}
+{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAErC,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,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;CACjD;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAU5D,CAAA"}

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

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SiteMenuListItem = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_shared_1 = require("@xyo-network/react-shared");
+const MenuIcon_1 = require("./MenuIcon");
+const MenuListItem_1 = require("./MenuListItem");
+const MenuListItemButtonEx_1 = require("./MenuListItemButtonEx");
+const MenuListItemText_1 = require("./MenuListItemText");
 const SiteMenuListItem = (_a) => {
-    var { style, children, primary, to, icon, minIconWidth, onButtonClick } = _a, props = tslib_1.__rest(_a, ["style", "children", "primary", "to", "icon", "minIconWidth", "onButtonClick"]);
-    const listItemIconProps = minIconWidth !== undefined ? { style: { minWidth: `${minIconWidth}px` } } : {};
-    console.log(listItemIconProps);
-    return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, Object.assign({ style: Object.assign({ display: 'block' }, style) }, props, { children: [(0, jsx_runtime_1.jsxs)(react_shared_1.ListItemButtonEx, Object.assign({ to: to, onClick: onButtonClick }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, Object.assign({}, listItemIconProps, { children: icon })), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: primary })] })), children] })));
+    var { style, children, iconOnly, icon, primary, onButtonClick } = _a, props = tslib_1.__rest(_a, ["style", "children", "iconOnly", "icon", "primary", "onButtonClick"]);
+    return ((0, jsx_runtime_1.jsxs)(MenuListItem_1.MenuListItem, Object.assign({ style: style, iconOnly: iconOnly }, props, { children: [(0, jsx_runtime_1.jsxs)(MenuListItemButtonEx_1.MenuListItemButtonEx, Object.assign({ iconOnly: iconOnly, onClick: onButtonClick }, { children: [(0, jsx_runtime_1.jsx)(MenuIcon_1.MenuIcon, { icon: icon, iconOnly: iconOnly }), (0, jsx_runtime_1.jsx)(MenuListItemText_1.MenuListItemText, { primary: primary, iconOnly: iconOnly })] })), children] })));
 };
 exports.SiteMenuListItem = SiteMenuListItem;
 //# sourceMappingURL=MenuItems.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAsG;AACtG,4DAAmF;AAY5E,MAAM,gBAAgB,GAAoC,CAAC,EAA6E,EAAE,EAAE;QAAjF,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,OAAY,EAAP,KAAK,sBAA3E,+EAA6E,CAAF;IAC3I,MAAM,iBAAiB,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,YAAY,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACxG,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;IAC9B,OAAO,CACL,wBAAC,mBAAQ,kBAAC,KAAK,kBAAI,OAAO,EAAE,OAAO,IAAK,KAAK,KAAQ,KAAK,eACxD,wBAAC,+BAAgB,kBAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,iBAC9C,uBAAC,uBAAY,oBAAK,iBAAiB,cAAG,IAAI,IAAgB,EAC1D,uBAAC,uBAAY,IAAC,OAAO,EAAE,OAAO,GAAI,KACjB,EAClB,QAAQ,KACA,CACZ,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,gBAAgB,oBAY5B"}
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";;;;;AAMA,yCAAqC;AACrC,iDAA6C;AAC7C,iEAA6D;AAC7D,yDAAqD;AAS9C,MAAM,gBAAgB,GAAoC,CAAC,EAAqE,EAAE,EAAE;QAAzE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,OAAY,EAAP,KAAK,sBAAnE,qEAAqE,CAAF;IACnI,OAAO,CACL,wBAAC,2BAAY,kBAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,eACvD,wBAAC,2CAAoB,kBAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,iBAC9D,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC5C,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,KACrC,EACtB,QAAQ,KACI,CAChB,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,aAAa;CAAG;AAEjF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAUpD,CAAA"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuListItem = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const MenuListItem = (_a) => {
+    var { children, style, iconOnly } = _a, props = tslib_1.__rest(_a, ["children", "style", "iconOnly"]);
+    const listItemStyles = {
+        display: iconOnly ? 'inline-flex' : 'block',
+        width: iconOnly ? 'auto' : '100%',
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ style: Object.assign(Object.assign({}, listItemStyles), style) }, props, { children: children })));
+};
+exports.MenuListItem = MenuListItem;
+//# sourceMappingURL=MenuListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItem.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItem.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AAMhD,MAAM,YAAY,GAAgC,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAArC,iCAAuC,CAAF;IAC7F,MAAM,cAAc,GAAG;QACrB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;QAC3C,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;KAClC,CAAA;IACD,OAAO,CACL,uBAAC,mBAAQ,kBAAC,KAAK,kCAAO,cAAc,GAAK,KAAK,KAAQ,KAAK,cACxD,QAAQ,IACA,CACZ,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,YAAY,gBAUxB"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ListItemButtonExProps } from '@xyo-network/react-shared';
+import { SiteMenuListItemBase } from './lib';
+export interface MenuListItemButtonExProps extends SiteMenuListItemBase, ListItemButtonExProps {
+}
+export declare const MenuListItemButtonEx: React.FC<MenuListItemButtonExProps>;
+//# sourceMappingURL=MenuListItemButtonEx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemButtonEx.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB,EAAE,qBAAqB;CAAG;AAEjG,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAOpE,CAAA"}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuListItemButtonEx = 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) => {
+    var { iconOnly, sx, children } = _a, props = tslib_1.__rest(_a, ["iconOnly", "sx", "children"]);
+    const listItemButtonSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex' } : {};
+    return ((0, jsx_runtime_1.jsx)(react_shared_1.ListItemButtonEx, Object.assign({ sx: Object.assign(Object.assign({}, listItemButtonSx), sx) }, props, { children: children })));
+};
+exports.MenuListItemButtonEx = MenuListItemButtonEx;
+//# sourceMappingURL=MenuListItemButtonEx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemButtonEx.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAmF;AAM5E,MAAM,oBAAoB,GAAwC,CAAC,EAAoC,EAAE,EAAE;QAAxC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAlC,8BAAoC,CAAF;IAC1G,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACxF,OAAO,CACL,uBAAC,+BAAgB,kBAAC,EAAE,kCAAO,gBAAgB,GAAK,EAAE,KAAQ,KAAK,cAC5D,QAAQ,IACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAPY,QAAA,oBAAoB,wBAOhC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemText.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,iBAAiB;CAAG;AAEzF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAG5D,CAAA"}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuListItemText = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const MenuListItemText = (_a) => {
+    var { iconOnly, sx } = _a, props = tslib_1.__rest(_a, ["iconOnly", "sx"]);
+    const listItemTextSxProps = iconOnly ? Object.assign({ visibility: 'hidden', width: 0 }, sx) : {};
+    return (0, jsx_runtime_1.jsx)(material_1.ListItemText, Object.assign({ sx: Object.assign(Object.assign({}, listItemTextSxProps), sx) }, props));
+};
+exports.MenuListItemText = MenuListItemText;
+//# sourceMappingURL=MenuListItemText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemText.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemText.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+D;AAMxD,MAAM,gBAAgB,GAAoC,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,QAAQ,EAAE,EAAE,OAAY,EAAP,KAAK,sBAAxB,kBAA0B,CAAF;IACxF,MAAM,mBAAmB,GAAG,QAAQ,CAAC,CAAC,iBAAG,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,IAAK,EAAE,EAAG,CAAC,CAAC,EAAE,CAAA;IACrF,OAAO,uBAAC,uBAAY,kBAAC,EAAE,kCAAO,mBAAmB,GAAK,EAAE,KAAQ,KAAK,EAAI,CAAA;AAC3E,CAAC,CAAA;AAHY,QAAA,gBAAgB,oBAG5B"}

package/dist/cjs/components/SiteMenu/lib/SiteMenuListItemBase.d.ts

@@ -0,0 +1,4 @@
+export interface SiteMenuListItemBase {
+    iconOnly?: boolean;
+}
+//# sourceMappingURL=SiteMenuListItemBase.d.ts.map

package/dist/cjs/components/SiteMenu/lib/SiteMenuListItemBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteMenuListItemBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/SiteMenuListItemBase.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/cjs/components/SiteMenu/lib/SiteMenuListItemBase.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=SiteMenuListItemBase.js.map

package/dist/cjs/components/SiteMenu/lib/SiteMenuListItemBase.js.map

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SiteMenuListItemBase"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/docs.json

@@ -24,7 +24,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts",
 							"line": 2,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts#L2"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts#L2"
 						}
 					],
 					"type": {
@@ -43,7 +43,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts",
 							"line": 3,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts#L3"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts#L3"
 						}
 					],
 					"type": {
@@ -62,7 +62,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts",
 							"line": 4,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts#L4"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts#L4"
 						}
 					],
 					"type": {
@@ -86,7 +86,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts",
 					"line": 1,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts#L1"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsType.ts#L1"
 				}
 			]
 		},
@@ -110,7 +110,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/AppBar/Application.tsx",
 							"line": 8,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L8"
 						}
 					],
 					"type": {
@@ -182,7 +182,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/AppBar/Application.tsx",
 							"line": 10,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L10"
 						}
 					],
 					"type": {
@@ -207,7 +207,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/AppBar/Application.tsx",
 							"line": 9,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L9"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L9"
 						}
 					],
 					"type": {
@@ -282,7 +282,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/AppBar/Application.tsx",
 					"line": 7,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L7"
 				}
 			],
 			"extendedTypes": [
@@ -314,7 +314,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx",
 							"line": 7,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx#L7"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx#L7"
 						}
 					],
 					"type": {
@@ -337,7 +337,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx",
 							"line": 8,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx#L8"
 						}
 					],
 					"type": {
@@ -360,7 +360,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx",
 					"line": 6,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx#L6"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx#L6"
 				}
 			],
 			"extendedTypes": [
@@ -13341,7 +13341,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx",
 							"line": 8,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx#L8"
 						}
 					],
 					"type": {
@@ -13357,7 +13357,7 @@
 									"fileName": "packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx",
 									"line": 8,
 									"character": 13,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx#L8"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx#L8"
 								}
 							],
 							"signatures": [
@@ -18804,7 +18804,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx",
 					"line": 7,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx#L7"
 				}
 			],
 			"extendedTypes": [
@@ -18834,9 +18834,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx",
-							"line": 9,
+							"line": 15,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L9"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L15"
 						}
 					],
 					"type": {
@@ -18848,7 +18848,7 @@
 				},
 				{
 					"id": 1169,
-					"name": "minIconWidth",
+					"name": "iconOnly",
 					"kind": 1024,
 					"kindString": "Property",
 					"flags": {
@@ -18856,15 +18856,19 @@
 					},
 					"sources": [
 						{
-							"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx",
-							"line": 11,
+							"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/lib/SiteMenuListItemBase.tsx",
+							"line": 2,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/lib/SiteMenuListItemBase.tsx#L2"
 						}
 					],
 					"type": {
 						"type": "intrinsic",
-						"name": "number"
+						"name": "boolean"
+					},
+					"inheritedFrom": {
+						"type": "reference",
+						"name": "SiteMenuListItemBase.iconOnly"
 					}
 				},
 				{
@@ -18878,9 +18882,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx",
-							"line": 10,
+							"line": 16,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L16"
 						}
 					],
 					"type": {
@@ -18907,9 +18911,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx",
-							"line": 7,
+							"line": 13,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L7"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L13"
 						}
 					],
 					"type": {
@@ -18930,9 +18934,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx",
-							"line": 8,
+							"line": 14,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L14"
 						}
 					],
 					"type": {
@@ -18958,12 +18962,16 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx",
-					"line": 6,
+					"line": 12,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L6"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L12"
 				}
 			],
 			"extendedTypes": [
+				{
+					"type": "reference",
+					"name": "SiteMenuListItemBase"
+				},
 				{
 					"type": "reference",
 					"name": "ListItemProps",
@@ -27075,7 +27083,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx",
 							"line": 10,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx#L10"
 						}
 					],
 					"type": {
@@ -35829,7 +35837,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx",
 							"line": 11,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx#L11"
 						}
 					],
 					"type": {
@@ -37401,7 +37409,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx",
 					"line": 9,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx#L9"
 				}
 			],
 			"extendedTypes": [
@@ -54249,7 +54257,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx",
 							"line": 11,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx#L11"
 						}
 					],
 					"type": {
@@ -55167,7 +55175,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx",
 							"line": 10,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx#L10"
 						}
 					],
 					"type": {
@@ -55826,7 +55834,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx",
 					"line": 9,
 					"character": 10,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx#L9"
 				}
 			],
 			"extendedTypes": [
@@ -55858,7 +55866,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 							"line": 14,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L14"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L14"
 						}
 					],
 					"type": {
@@ -55887,7 +55895,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 							"line": 18,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L18"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L18"
 						}
 					],
 					"type": {
@@ -55908,7 +55916,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 							"line": 17,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L17"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L17"
 						}
 					],
 					"type": {
@@ -55929,7 +55937,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 							"line": 21,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L21"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L21"
 						}
 					],
 					"type": {
@@ -55950,7 +55958,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 							"line": 16,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L16"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L16"
 						}
 					],
 					"type": {
@@ -55971,7 +55979,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 							"line": 15,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L15"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L15"
 						}
 					],
 					"type": {
@@ -55992,7 +56000,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 							"line": 19,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L19"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L19"
 						}
 					],
 					"type": {
@@ -56015,7 +56023,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 							"line": 13,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L13"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L13"
 						}
 					],
 					"type": {
@@ -56036,7 +56044,7 @@
 							"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 							"line": 20,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L20"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L20"
 						}
 					],
 					"type": {
@@ -56068,7 +56076,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 					"line": 12,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L12"
 				}
 			],
 			"extendedTypes": [
@@ -56091,7 +56099,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/AppBar/Application.tsx",
 					"line": 13,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L13"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/AppBar/Application.tsx#L13"
 				}
 			],
 			"signatures": [
@@ -56167,7 +56175,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx",
 					"line": 11,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx#L11"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/Context/ContextToolbar.tsx#L11"
 				}
 			],
 			"signatures": [
@@ -56243,7 +56251,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx",
 					"line": 11,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx#L11"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SearchBar/SearchBar.tsx#L11"
 				}
 			],
 			"signatures": [
@@ -56319,7 +56327,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx",
 					"line": 14,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx#L14"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/Menu.tsx#L14"
 				}
 			],
 			"signatures": [
@@ -56393,9 +56401,9 @@
 			"sources": [
 				{
 					"fileName": "packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx",
-					"line": 14,
+					"line": 19,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L14"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/SiteMenu/MenuItems.tsx#L19"
 				}
 			],
 			"signatures": [
@@ -56471,7 +56479,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControls.tsx",
 					"line": 6,
 					"character": 6,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControls.tsx#L6"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControls.tsx#L6"
 				}
 			],
 			"signatures": [
@@ -56547,7 +56555,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx",
 					"line": 14,
 					"character": 6,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx#L14"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/MobileSystemControls/SystemControlsUnstyled.tsx#L14"
 				}
 			],
 			"signatures": [
@@ -56623,7 +56631,7 @@
 					"fileName": "packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx",
 					"line": 24,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L24"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/components/Toolbar/System/SystemToolbar.tsx#L24"
 				}
 			],
 			"signatures": [
@@ -56727,7 +56735,7 @@
 			"fileName": "packages/sdk/packages/appbar/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b0f00fb54/packages/sdk/packages/appbar/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ba07f034e/packages/sdk/packages/appbar/src/index.ts#L1"
 		}
 	]
 }

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

@@ -0,0 +1,8 @@
+import { TypographyExProps } from '@xyo-network/react-shared';
+import { ReactNode } from 'react';
+import { SiteMenuListItemBase } from './lib';
+export interface MenuIconProps extends SiteMenuListItemBase, TypographyExProps {
+    icon?: ReactNode;
+}
+export declare const MenuIcon: React.FC<MenuIconProps>;
+//# sourceMappingURL=MenuIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,aAAc,SAAQ,oBAAoB,EAAE,iBAAiB;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+export const MenuIcon = ({ iconOnly, icon, ...props }) => {
+    return (_jsx(Typography, { mr: iconOnly ? 0 : 1, display: "flex", variant: "caption", ...props, children: icon }));
+};
+//# sourceMappingURL=MenuIcon.js.map

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

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

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

@@ -2,12 +2,12 @@ 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 SiteMenuListItemProps extends ListItemProps {
+import { SiteMenuListItemBase } from './lib';
+export interface SiteMenuListItemProps extends SiteMenuListItemBase, ListItemProps {
     primary: ListItemTextProps['primary'];
     to?: To;
     icon?: ReactNode;
     onButtonClick?: ListItemButtonExProps['onClick'];
-    minIconWidth?: number;
 }
 export declare const SiteMenuListItem: React.FC<SiteMenuListItemProps>;
 //# sourceMappingURL=MenuItems.d.ts.map

package/dist/esm/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,EAA0B,aAAa,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtG,OAAO,EAAoB,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAErC,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAY5D,CAAA"}
+{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAErC,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,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;CACjD;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAU5D,CAAA"}

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

@@ -1,9 +1,9 @@
 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 SiteMenuListItem = ({ style, children, primary, to, icon, minIconWidth, onButtonClick, ...props }) => {
-    const listItemIconProps = minIconWidth !== undefined ? { style: { minWidth: `${minIconWidth}px` } } : {};
-    console.log(listItemIconProps);
-    return (_jsxs(ListItem, { style: { display: 'block', ...style }, ...props, children: [_jsxs(ListItemButtonEx, { to: to, onClick: onButtonClick, children: [_jsx(ListItemIcon, { ...listItemIconProps, children: icon }), _jsx(ListItemText, { primary: primary })] }), children] }));
+import { MenuIcon } from './MenuIcon';
+import { MenuListItem } from './MenuListItem';
+import { MenuListItemButtonEx } from './MenuListItemButtonEx';
+import { MenuListItemText } from './MenuListItemText';
+export const SiteMenuListItem = ({ style, children, iconOnly, icon, primary, onButtonClick, ...props }) => {
+    return (_jsxs(MenuListItem, { style: style, iconOnly: iconOnly, ...props, children: [_jsxs(MenuListItemButtonEx, { iconOnly: iconOnly, onClick: onButtonClick, children: [_jsx(MenuIcon, { icon: icon, iconOnly: iconOnly }), _jsx(MenuListItemText, { primary: primary, iconOnly: iconOnly })] }), children] }));
 };
 //# sourceMappingURL=MenuItems.js.map

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

@@ -1 +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;AAYnF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjJ,MAAM,iBAAiB,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,YAAY,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACxG,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;IAC9B,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,KAAM,KAAK,aACxD,MAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,aAC9C,KAAC,YAAY,OAAK,iBAAiB,YAAG,IAAI,GAAgB,EAC1D,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IACjB,EAClB,QAAQ,IACA,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AASrD,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzI,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,aACvD,MAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,aAC9D,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC5C,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACrC,EACtB,QAAQ,IACI,CAChB,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,aAAa;CAAG;AAEjF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAUpD,CAAA"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItem } from '@mui/material';
+export const MenuListItem = ({ children, style, iconOnly, ...props }) => {
+    const listItemStyles = {
+        display: iconOnly ? 'inline-flex' : 'block',
+        width: iconOnly ? 'auto' : '100%',
+    };
+    return (_jsx(ListItem, { style: { ...listItemStyles, ...style }, ...props, children: children }));
+};
+//# sourceMappingURL=MenuListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItem.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AAMvD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnG,MAAM,cAAc,GAAG;QACrB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;QAC3C,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;KAClC,CAAA;IACD,OAAO,CACL,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,EAAE,KAAM,KAAK,YACxD,QAAQ,GACA,CACZ,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ListItemButtonExProps } from '@xyo-network/react-shared';
+import { SiteMenuListItemBase } from './lib';
+export interface MenuListItemButtonExProps extends SiteMenuListItemBase, ListItemButtonExProps {
+}
+export declare const MenuListItemButtonEx: React.FC<MenuListItemButtonExProps>;
+//# sourceMappingURL=MenuListItemButtonEx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemButtonEx.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB,EAAE,qBAAqB;CAAG;AAEjG,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAOpE,CAAA"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItemButtonEx } from '@xyo-network/react-shared';
+export const MenuListItemButtonEx = ({ iconOnly, sx, children, ...props }) => {
+    const listItemButtonSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex' } : {};
+    return (_jsx(ListItemButtonEx, { sx: { ...listItemButtonSx, ...sx }, ...props, children: children }));
+};
+//# sourceMappingURL=MenuListItemButtonEx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemButtonEx.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAyB,MAAM,2BAA2B,CAAA;AAMnF,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChH,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACxF,OAAO,CACL,KAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,GAAG,gBAAgB,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,YAC5D,QAAQ,GACQ,CACpB,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemText.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,iBAAiB;CAAG;AAEzF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAG5D,CAAA"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItemText } from '@mui/material';
+export const MenuListItemText = ({ iconOnly, sx, ...props }) => {
+    const listItemTextSxProps = iconOnly ? { visibility: 'hidden', width: 0, ...sx } : {};
+    return _jsx(ListItemText, { sx: { ...listItemTextSxProps, ...sx }, ...props });
+};
+//# sourceMappingURL=MenuListItemText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemText.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,eAAe,CAAA;AAM/D,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,MAAM,mBAAmB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACrF,OAAO,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,GAAG,mBAAmB,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,GAAI,CAAA;AAC3E,CAAC,CAAA"}

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

@@ -0,0 +1,4 @@
+export interface SiteMenuListItemBase {
+    iconOnly?: boolean;
+}
+//# sourceMappingURL=SiteMenuListItemBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SiteMenuListItemBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/SiteMenuListItemBase.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

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

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

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

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

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

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

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

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

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

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

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

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

package/package.json

@@ -16,11 +16,11 @@
     "@xylabs/react-flexbox": "^2.14.20",
     "@xylabs/react-link": "^2.14.20",
     "@xylabs/react-shared": "^2.14.20",
-    "@xyo-network/react-app-settings": "^2.35.0-rc.8",
-    "@xyo-network/react-archive": "^2.35.0-rc.8",
-    "@xyo-network/react-auth-sets": "^2.35.0-rc.8",
-    "@xyo-network/react-network": "^2.35.0-rc.8",
-    "@xyo-network/react-shared": "^2.35.0-rc.8",
+    "@xyo-network/react-app-settings": "^2.35.0",
+    "@xyo-network/react-archive": "^2.35.0",
+    "@xyo-network/react-auth-sets": "^2.35.0",
+    "@xyo-network/react-network": "^2.35.0",
+    "@xyo-network/react-shared": "^2.35.0",
     "tslib": "^2.4.0"
   },
   "peerDependencies": {
@@ -76,6 +76,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.35.0-rc.8",
-  "stableVersion": "2.34.2"
+  "version": "2.35.0"
 }

package/src/components/SiteMenu/MenuIcon.tsx

@@ -0,0 +1,17 @@
+import { Typography } from '@mui/material'
+import { TypographyExProps } from '@xyo-network/react-shared'
+import { ReactNode } from 'react'
+
+import { SiteMenuListItemBase } from './lib'
+
+export interface MenuIconProps extends SiteMenuListItemBase, TypographyExProps {
+  icon?: ReactNode
+}
+
+export const MenuIcon: React.FC<MenuIconProps> = ({ iconOnly, icon, ...props }) => {
+  return (
+    <Typography mr={iconOnly ? 0 : 1} display="flex" variant="caption" {...props}>
+      {icon}
+    </Typography>
+  )
+}

package/src/components/SiteMenu/MenuItems.tsx

@@ -1,26 +1,29 @@
-import { ListItem, ListItemIcon, ListItemProps, ListItemText, ListItemTextProps } from '@mui/material'
-import { ListItemButtonEx, ListItemButtonExProps } from '@xyo-network/react-shared'
+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 SiteMenuListItemProps extends ListItemProps {
+import { SiteMenuListItemBase } from './lib'
+import { MenuIcon } from './MenuIcon'
+import { MenuListItem } from './MenuListItem'
+import { MenuListItemButtonEx } from './MenuListItemButtonEx'
+import { MenuListItemText } from './MenuListItemText'
+
+export interface SiteMenuListItemProps extends SiteMenuListItemBase, ListItemProps {
   primary: ListItemTextProps['primary']
   to?: To
   icon?: ReactNode
   onButtonClick?: ListItemButtonExProps['onClick']
-  minIconWidth?: number
 }
 
-export const SiteMenuListItem: React.FC<SiteMenuListItemProps> = ({ style, children, primary, to, icon, minIconWidth, onButtonClick, ...props }) => {
-  const listItemIconProps = minIconWidth !== undefined ? { style: { minWidth: `${minIconWidth}px` } } : {}
-  console.log(listItemIconProps)
+export const SiteMenuListItem: React.FC<SiteMenuListItemProps> = ({ style, children, iconOnly, icon, primary, onButtonClick, ...props }) => {
   return (
-    <ListItem style={{ display: 'block', ...style }} {...props}>
-      <ListItemButtonEx to={to} onClick={onButtonClick}>
-        <ListItemIcon {...listItemIconProps}>{icon}</ListItemIcon>
-        <ListItemText primary={primary} />
-      </ListItemButtonEx>
+    <MenuListItem style={style} iconOnly={iconOnly} {...props}>
+      <MenuListItemButtonEx iconOnly={iconOnly} onClick={onButtonClick}>
+        <MenuIcon icon={icon} iconOnly={iconOnly} />
+        <MenuListItemText primary={primary} iconOnly={iconOnly} />
+      </MenuListItemButtonEx>
       {children}
-    </ListItem>
+    </MenuListItem>
   )
 }

package/src/components/SiteMenu/MenuListItem.tsx

@@ -0,0 +1,17 @@
+import { ListItem, ListItemProps } from '@mui/material'
+
+import { SiteMenuListItemBase } from './lib'
+
+export interface MenuListItemProps extends SiteMenuListItemBase, ListItemProps {}
+
+export const MenuListItem: React.FC<MenuListItemProps> = ({ children, style, iconOnly, ...props }) => {
+  const listItemStyles = {
+    display: iconOnly ? 'inline-flex' : 'block',
+    width: iconOnly ? 'auto' : '100%',
+  }
+  return (
+    <ListItem style={{ ...listItemStyles, ...style }} {...props}>
+      {children}
+    </ListItem>
+  )
+}

package/src/components/SiteMenu/MenuListItemButtonEx.tsx

@@ -0,0 +1,14 @@
+import { ListItemButtonEx, ListItemButtonExProps } from '@xyo-network/react-shared'
+
+import { SiteMenuListItemBase } from './lib'
+
+export interface MenuListItemButtonExProps extends SiteMenuListItemBase, ListItemButtonExProps {}
+
+export const MenuListItemButtonEx: React.FC<MenuListItemButtonExProps> = ({ iconOnly, sx, children, ...props }) => {
+  const listItemButtonSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex' } : {}
+  return (
+    <ListItemButtonEx sx={{ ...listItemButtonSx, ...sx }} {...props}>
+      {children}
+    </ListItemButtonEx>
+  )
+}

package/src/components/SiteMenu/MenuListItemText.tsx

@@ -0,0 +1,10 @@
+import { ListItemText, ListItemTextProps } from '@mui/material'
+
+import { SiteMenuListItemBase } from './lib'
+
+export interface MenuListItemTextProps extends SiteMenuListItemBase, ListItemTextProps {}
+
+export const MenuListItemText: React.FC<MenuListItemTextProps> = ({ iconOnly, sx, ...props }) => {
+  const listItemTextSxProps = iconOnly ? { visibility: 'hidden', width: 0, ...sx } : {}
+  return <ListItemText sx={{ ...listItemTextSxProps, ...sx }} {...props} />
+}

package/src/components/SiteMenu/lib/SiteMenuListItemBase.tsx

@@ -0,0 +1,3 @@
+export interface SiteMenuListItemBase {
+  iconOnly?: boolean
+}

package/src/components/SiteMenu/lib/index.ts

@@ -0,0 +1 @@
+export * from './SiteMenuListItemBase'