@xyo-network/react-appbar 2.35.11 → 2.35.13

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqBrD,CAAA"}
+{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoBrD,CAAA"}

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.js

@@ -1,12 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollapseToggleFlex = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const KeyboardDoubleArrowLeftRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardDoubleArrowLeftRounded"));
-const KeyboardDoubleArrowRightRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardDoubleArrowRightRounded"));
 const material_1 = require("@mui/material");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
+const vsc_1 = require("react-icons/vsc");
 const contexts_1 = require("../../contexts");
 const CollapseToggleFlex = (props) => {
     const { collapse, setCollapse, setCollapseEnd } = (0, contexts_1.useCollapsible)();
@@ -16,8 +14,7 @@ const CollapseToggleFlex = (props) => {
     };
     return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ mt: 2, py: 2 }, props, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleCollapseToggle, sx: {
                 flexDirection: 'column',
-                ml: 1,
-            } }, { children: !collapse ? (0, jsx_runtime_1.jsx)(KeyboardDoubleArrowLeftRounded_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardDoubleArrowRightRounded_1.default, {}) })) })));
+            } }, { children: !collapse ? (0, jsx_runtime_1.jsx)(vsc_1.VscArrowSmallLeft, {}) : (0, jsx_runtime_1.jsx)(vsc_1.VscArrowSmallRight, {}) })) })));
 };
 exports.CollapseToggleFlex = CollapseToggleFlex;
 //# sourceMappingURL=CollapseToggle.js.map

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseToggle.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";;;;;AAAA,gIAAmG;AACnG,kIAAiG;AACjG,4CAA0C;AAC1C,yDAA6D;AAE7D,6CAA+C;AAExC,MAAM,kBAAkB,GAA2B,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAElE,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,QAAQ,CAAC,CAAA;QACxB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAM,KAAK,cAC9B,uBAAC,qBAAU,kBACT,OAAO,EAAE,oBAAoB,EAC7B,EAAE,EAAE;gBACF,aAAa,EAAE,QAAQ;gBACvB,EAAE,EAAE,CAAC;aACN,gBAEA,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,wCAAkC,KAAG,CAAC,CAAC,CAAC,uBAAC,yCAA+B,KAAG,IAC9E,IACL,CACX,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,kBAAkB,sBAqB9B"}
+{"version":3,"file":"CollapseToggle.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,yDAA6D;AAC7D,yCAAuE;AAEvE,6CAA+C;AAExC,MAAM,kBAAkB,GAA2B,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAElE,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,QAAQ,CAAC,CAAA;QACxB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAM,KAAK,cAC9B,uBAAC,qBAAU,kBACT,OAAO,EAAE,oBAAoB,EAC7B,EAAE,EAAE;gBACF,aAAa,EAAE,QAAQ;aACxB,gBAEA,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,uBAAiB,KAAG,CAAC,CAAC,CAAC,uBAAC,wBAAkB,KAAG,IAChD,IACL,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,kBAAkB,sBAoB9B"}

package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.d.ts

@@ -0,0 +1,4 @@
+import { SiteMenuListItemProps } from '../SiteMenu';
+export declare const menuDataTop: SiteMenuListItemProps[];
+export declare const menuDataBottom: SiteMenuListItemProps[];
+//# sourceMappingURL=ExampleMenuData.d.ts.map

package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/ExampleMenuData.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,eAAO,MAAM,WAAW,EAAE,qBAAqB,EAoC9C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,qBAAqB,EAyBjD,CAAA"}

package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuDataBottom = exports.menuDataTop = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const vsc_1 = require("react-icons/vsc");
+exports.menuDataTop = [
+    {
+        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscGlobe, { fontSize: "body1" }),
+        primary: 'Explore',
+        to: '',
+        tooltip: 'View global archivist data on a world map.',
+    },
+    {
+        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscSymbolMethod, { fontSize: "body1" }),
+        primary: 'Blocks',
+        to: '',
+        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
+    },
+    {
+        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscSymbolNamespace, { fontSize: "body1" }),
+        primary: 'Payloads',
+        to: '',
+        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
+    },
+    {
+        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscGraph, { fontSize: "body1" }),
+        primary: 'Queries',
+        to: '',
+        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
+    },
+    {
+        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscServer, { fontSize: "body1" }),
+        primary: 'Archives',
+        subNavListItems: [
+            { icon: (0, jsx_runtime_1.jsx)(vsc_1.VscDashboard, { fontSize: "body2" }), primary: 'Dashboard', to: '', tooltip: 'View data for all archives on this network.' },
+            { icon: (0, jsx_runtime_1.jsx)(vsc_1.VscAdd, { fontSize: "body2" }), primary: 'Create Archive', to: '', tooltip: 'Create a new archive on this network.' },
+            { icon: (0, jsx_runtime_1.jsx)(vsc_1.VscTable, { fontSize: "body2" }), primary: 'Archive Table', to: '', tooltip: 'View all archives on this network as a table.' },
+        ],
+        to: '',
+        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
+    },
+];
+exports.menuDataBottom = [
+    {
+        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscGraphLine, { fontSize: "body1" }),
+        primary: 'Statistics',
+        to: '',
+        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
+    },
+    {
+        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscJson, { fontSize: "body1" }),
+        primary: 'Schema',
+        to: '',
+        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
+    },
+    {
+        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscAccount, { fontSize: "body1" }),
+        primary: 'Account',
+        to: '',
+        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
+    },
+    {
+        icon: (0, jsx_runtime_1.jsx)(vsc_1.VscSettingsGear, { fontSize: "body1" }),
+        primary: 'Settings',
+        to: '',
+        tooltip: 'The most recent blocks seen in the in temp archive on your current network.',
+    },
+];
+//# sourceMappingURL=ExampleMenuData.js.map

package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleMenuData.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/ExampleMenuData.tsx"],"names":[],"mappings":";;;;AAAA,yCAawB;AAIX,QAAA,WAAW,GAA4B;IAClD;QACE,IAAI,EAAE,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG;QACnC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,4CAA4C;KACtD;IACD;QACE,IAAI,EAAE,uBAAC,qBAAe,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC1C,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,wBAAkB,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC7C,OAAO,EAAE,UAAU;QACnB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG;QACnC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,eAAS,IAAC,QAAQ,EAAC,OAAO,GAAG;QACpC,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE;YACf,EAAE,IAAI,EAAE,uBAAC,kBAAY,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,6CAA6C,EAAE;YACjI,EAAE,IAAI,EAAE,uBAAC,YAAM,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,uCAAuC,EAAE;YAC1H,EAAE,IAAI,EAAE,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,+CAA+C,EAAE;SACpI;QACD,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;CACF,CAAA;AAEY,QAAA,cAAc,GAA4B;IACrD;QACE,IAAI,EAAE,uBAAC,kBAAY,IAAC,QAAQ,EAAC,OAAO,GAAG;QACvC,OAAO,EAAE,YAAY;QACrB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,aAAO,IAAC,QAAQ,EAAC,OAAO,GAAG;QAClC,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,gBAAU,IAAC,QAAQ,EAAC,OAAO,GAAG;QACrC,OAAO,EAAE,SAAS;QAClB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;IACD;QACE,IAAI,EAAE,uBAAC,qBAAe,IAAC,QAAQ,EAAC,OAAO,GAAG;QAC1C,OAAO,EAAE,UAAU;QACnB,EAAE,EAAE,EAAE;QACN,OAAO,EAAE,6EAA6E;KACvF;CACF,CAAA"}

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

@@ -1,6 +1,6 @@
-import { TypographyExProps } from '@xyo-network/react-shared';
+import { TypographyProps } from '@mui/material';
 import { ReactNode } from 'react';
-export interface MenuIconProps extends TypographyExProps {
+export interface MenuIconProps extends TypographyProps {
     icon?: ReactNode;
 }
 export declare const MenuIcon: React.FC<MenuIconProps>;

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

@@ -1 +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,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}
+{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/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/cjs/components/SiteMenu/MenuIcon.js

@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const MenuIcon = (_a) => {
     var { icon } = _a, props = tslib_1.__rest(_a, ["icon"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ display: "flex", variant: "caption" }, props, { children: icon })));
+    return ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ display: "flex" }, props, { children: icon })));
 };
 exports.MenuIcon = MenuIcon;
 //# sourceMappingURL=MenuIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuIcon.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAQnC,MAAM,QAAQ,GAA4B,CAAC,EAAkB,EAAE,EAAE;QAAtB,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAhB,QAAkB,CAAF;IAChE,OAAO,CACL,uBAAC,qBAAU,kBAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,IAAK,KAAK,cACnD,IAAI,IACM,CACd,CAAA;AACH,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB"}
+{"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuIcon.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAOpD,MAAM,QAAQ,GAA4B,CAAC,EAAkB,EAAE,EAAE;QAAtB,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAhB,QAAkB,CAAF;IAChE,OAAO,CACL,uBAAC,qBAAU,kBAAC,OAAO,EAAC,MAAM,IAAK,KAAK,cACjC,IAAI,IACM,CACd,CAAA;AACH,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB"}

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

@@ -6,8 +6,20 @@ import { SiteMenuListItemBase } from './lib';
 export interface SiteMenuListItemProps extends SiteMenuListItemBase, ListItemProps {
     primary: ListItemTextProps['primary'];
     to?: To;
+    href?: string;
     icon?: ReactNode;
     onButtonClick?: ListItemButtonExProps['onClick'];
+    subNavListItems?: SubNavListItemProps[];
+    tooltip?: string;
+    subNavOpen?: boolean;
+}
+export interface SubNavListItemProps {
+    primary: ListItemTextProps['primary'];
+    to?: To;
+    href?: string;
+    icon?: ReactNode;
+    onButtonClick?: ListItemButtonExProps['onClick'];
+    tooltip?: string;
 }
 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,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,CAqB5D,CAAA"}
+{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,aAAa,EAAE,iBAAiB,EAAqB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAGrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAM5C,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,aAAa;IAChF,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAChD,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8D5D,CAAA"}

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

@@ -3,14 +3,25 @@ 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_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
+const vsc_1 = require("react-icons/vsc");
+const contexts_1 = require("../../contexts");
 const MenuIcon_1 = require("./MenuIcon");
 const MenuListItem_1 = require("./MenuListItem");
 const MenuListItemButtonEx_1 = require("./MenuListItemButtonEx");
 const MenuListItemText_1 = require("./MenuListItemText");
 const SiteMenuListItem = (_a) => {
-    var { style, children, iconOnly, collapseEnd, icon, primary, onButtonClick, to } = _a, props = tslib_1.__rest(_a, ["style", "children", "iconOnly", "collapseEnd", "icon", "primary", "onButtonClick", "to"]);
+    var { style, subNavListItems, iconOnly, tooltip, collapseEnd, icon, primary, onButtonClick, to } = _a, props = tslib_1.__rest(_a, ["style", "subNavListItems", "iconOnly", "tooltip", "collapseEnd", "icon", "primary", "onButtonClick", "to"]);
     const { dense } = props;
-    return ((0, jsx_runtime_1.jsxs)(MenuListItem_1.MenuListItem, Object.assign({ style: Object.assign({ whiteSpace: 'nowrap' }, style), iconOnly: iconOnly }, props, { children: [(0, jsx_runtime_1.jsxs)(MenuListItemButtonEx_1.MenuListItemButtonEx, Object.assign({ iconOnly: iconOnly, onClick: onButtonClick, collapseEnd: collapseEnd, dense: dense, to: to }, { children: [(0, jsx_runtime_1.jsx)(MenuIcon_1.MenuIcon, { icon: icon }), (0, jsx_runtime_1.jsx)(MenuListItemText_1.MenuListItemText, { primary: primary, iconOnly: iconOnly })] })), children] })));
+    const theme = (0, material_1.useTheme)();
+    const { collapse } = (0, contexts_1.useCollapsible)();
+    const [openSubNav, setOpenSubNav] = (0, react_1.useState)(false);
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(MenuListItem_1.MenuListItem, Object.assign({ disableGutters: true, style: Object.assign({ whiteSpace: 'nowrap' }, style), iconOnly: iconOnly }, props, { children: [(0, jsx_runtime_1.jsxs)(MenuListItemButtonEx_1.MenuListItemButtonEx, Object.assign({ iconOnly: iconOnly, onClick: onButtonClick, collapseEnd: collapseEnd, dense: dense, to: to, sx: { justifyContent: 'space-between' }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false) }, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [(0, jsx_runtime_1.jsx)(MenuIcon_1.MenuIcon, { icon: icon, paddingRight: theme.spacing(1), color: hovered ? 'primary' : 'inherit' }), (0, jsx_runtime_1.jsx)(MenuListItemText_1.MenuListItemText, { primary: primary, iconOnly: iconOnly })] }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [subNavListItems ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => setOpenSubNav(!openSubNav), sx: { marginRight: theme.spacing(1) } }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscChevronDown, { fontSize: "16px" }) }))) : null, tooltip ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: tooltip, placement: "right" }, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscInfo, { color: "grey" }) })) }) }))) : null] })] })), subNavListItems ? ((0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: collapse == true ? false : openSubNav }, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: subNavListItems.map((item, index) => {
+                        return (0, jsx_runtime_1.jsx)(exports.SiteMenuListItem, Object.assign({ sx: { pl: theme.spacing(1) } }, item), index);
+                    }) }) }))) : null] })));
 };
 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":";;;;;AAMA,yCAAqC;AACrC,iDAA6C;AAC7C,iEAA6D;AAC7D,yDAAqD;AAS9C,MAAM,gBAAgB,GAAoC,CAAC,EAUjE,EAAE,EAAE;QAV6D,EAChE,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,aAAa,EACb,EAAE,OAEH,EADI,KAAK,sBATwD,0FAUjE,CADS;IAER,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO,CACL,wBAAC,2BAAY,kBAAC,KAAK,kBAAI,UAAU,EAAE,QAAQ,IAAK,KAAK,GAAI,QAAQ,EAAE,QAAQ,IAAM,KAAK,eACpF,wBAAC,2CAAoB,kBAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,iBAC9G,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,EACxB,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,KACrC,EACtB,QAAQ,KACI,CAChB,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,gBAAgB,oBAqB5B"}
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":"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"}

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

@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_shared_1 = require("@xyo-network/react-shared");
 const MenuListItemButtonEx = (_a) => {
     var { iconOnly, collapseEnd, sx, children } = _a, props = tslib_1.__rest(_a, ["iconOnly", "collapseEnd", "sx", "children"]);
-    const { dense } = props;
+    const dense = props;
     const listItemButtonSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0 } : {};
     // wait till collapseEnds to remove the spacing between items
     const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 };

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

@@ -1 +1 @@
-{"version":3,"file":"MenuListItemButtonEx.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAmF;AAM5E,MAAM,oBAAoB,GAAwC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA/C,6CAAiD,CAAF;IACvH,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACrG,6DAA6D;IAC7D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;IACrE,6EAA6E;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAA;IACxD,OAAO,CACL,uBAAC,+BAAgB,kBAAC,EAAE,8DAAO,gBAAgB,GAAK,SAAS,GAAK,SAAS,GAAK,EAAE,KAAQ,KAAK,cACxF,QAAQ,IACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,oBAAoB,wBAYhC"}
+{"version":3,"file":"MenuListItemButtonEx.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAmF;AAM5E,MAAM,oBAAoB,GAAwC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA/C,6CAAiD,CAAF;IACvH,MAAM,KAAK,GAAG,KAAK,CAAA;IACnB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACrG,6DAA6D;IAC7D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;IACrE,6EAA6E;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAA;IACxD,OAAO,CACL,uBAAC,+BAAgB,kBAAC,EAAE,8DAAO,gBAAgB,GAAK,SAAS,GAAK,SAAS,GAAK,EAAE,KAAQ,KAAK,cACxF,QAAQ,IACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,oBAAoB,wBAYhC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ListProps } from '@mui/material';
+import { SiteMenuListItemProps } from './MenuItems';
+export interface MenuSectionProps extends ListProps {
+    title: string;
+    listItems: SiteMenuListItemProps[];
+    showTitle?: boolean;
+}
+export declare const MenuSection: React.FC<MenuSectionProps>;
+//# sourceMappingURL=MenuSection.d.ts.map

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuSection = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const MenuItems_1 = require("./MenuItems");
+const MenuSection = (_a) => {
+    var { title, listItems, showTitle = true } = _a, props = tslib_1.__rest(_a, ["title", "listItems", "showTitle"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.List, Object.assign({}, props, { children: [showTitle ? (0, jsx_runtime_1.jsx)(material_1.ListSubheader, { children: title }) : null, listItems.map((item, index) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(MenuItems_1.SiteMenuListItem, Object.assign({}, item), index) })))] })));
+};
+exports.MenuSection = MenuSection;
+//# sourceMappingURL=MenuSection.js.map

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

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

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

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

package/dist/cjs/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"}
+{"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"}

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

@@ -4,4 +4,5 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./hooks"), exports);
 tslib_1.__exportStar(require("./Menu"), exports);
 tslib_1.__exportStar(require("./MenuItems"), exports);
+tslib_1.__exportStar(require("./MenuSection"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":";;;AAAA,kDAAuB;AACvB,iDAAsB;AACtB,sDAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":";;;AAAA,kDAAuB;AACvB,iDAAsB;AACtB,sDAA2B;AAC3B,wDAA6B"}