@xyo-network/react-appbar 2.62.3 → 2.63.1

package/dist/cjs/components/AppBar/Application.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApplicationAppBar = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_appbar_1 = require("@xylabs/react-appbar");
+const Toolbar_1 = require("../Toolbar");
+const ApplicationAppBar = (_a) => {
+    var { systemToolbar, contextToolbar, responsive = true } = _a, props = tslib_1.__rest(_a, ["systemToolbar", "contextToolbar", "responsive"]);
+    return ((0, jsx_runtime_1.jsx)(react_appbar_1.AppBarEx, Object.assign({ systemToolbar: systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.SystemToolbar, {}), contextToolbar: contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.ContextToolbar, {}), position: "sticky", responsive: responsive }, props)));
+};
+exports.ApplicationAppBar = ApplicationAppBar;
+//# sourceMappingURL=Application.js.map

package/dist/cjs/components/AppBar/Application.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";;;;;AACA,uDAA8D;AAG9D,wCAA0D;AAQnD,MAAM,iBAAiB,GAAqC,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,GAAG,IAAI,OAAY,EAAP,KAAK,sBAA5D,iDAA8D,CAAF;IAC9H,OAAO,CACL,uBAAC,uBAAQ,kBACP,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,uBAAC,uBAAa,KAAG,EACjD,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,uBAAC,wBAAc,KAAG,EACpD,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,UAAU,IAClB,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,iBAAiB,qBAU7B"}

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

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

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapseToggleFlex = void 0;
+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 CollapseToggleFlex = (props) => {
+    const { collapse, setCollapse, setCollapseEnd } = (0, contexts_1.useCollapsible)();
+    const [hover, setHover] = (0, react_1.useState)(false);
+    const theme = (0, material_1.useTheme)();
+    const handleCollapseToggle = () => {
+        setCollapse === null || setCollapse === void 0 ? void 0 : setCollapse(!collapse);
+        setCollapseEnd === null || setCollapseEnd === void 0 ? void 0 : setCollapseEnd((previous) => (previous ? false : previous));
+    };
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ mt: 2, py: 2, justifyContent: collapse ? 'start' : 'center' }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ onClick: handleCollapseToggle, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), fontSize: 'large', sx: { color: hover ? theme.palette.secondary.main : 'inherit', cursor: 'pointer' } }, { 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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseToggle.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAC9C,yDAA6D;AAC7D,iCAAgC;AAChC,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;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACzC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,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,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,IAAM,KAAK,cAC7E,uBAAC,eAAI,kBACH,OAAO,EAAE,oBAAoB,EAC7B,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,OAAO,EACjB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,gBAEjF,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,uBAAiB,KAAG,CAAC,CAAC,CAAC,uBAAC,wBAAkB,KAAG,IACtD,IACC,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,kBAAkB,sBAuB9B"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsibleDrawer = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const contexts_1 = require("../../contexts");
+const CollapsibleDrawer = (_a) => {
+    var _b;
+    var { children, sx } = _a, props = tslib_1.__rest(_a, ["children", "sx"]);
+    const { collapse, setCollapseEnd } = (0, contexts_1.useCollapsible)();
+    const theme = (0, material_1.useTheme)();
+    const collapsedSize = (_b = props.collapsedSize) !== null && _b !== void 0 ? _b : theme.spacing(5);
+    return ((0, jsx_runtime_1.jsx)(CollapsibleFlexInner, Object.assign({ in: !collapse, orientation: "horizontal", collapsedSize: collapsedSize, onExited: () => setCollapseEnd === null || setCollapseEnd === void 0 ? void 0 : setCollapseEnd(true), sx: Object.assign({ alignItems: 'start', display: 'flex', height: '100%' }, sx) }, props, { children: children })));
+};
+exports.CollapsibleDrawer = CollapsibleDrawer;
+const CollapsibleFlexInner = (0, material_1.styled)(material_1.Collapse)(() => ({
+    '& .MuiCollapse-wrapperInner': {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+}));
+//# sourceMappingURL=CollapsibleDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleDrawer.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AAGzE,6CAA+C;AAExC,MAAM,iBAAiB,GAA0C,CAAC,EAA0B,EAAE,EAAE;;QAA9B,EAAE,QAAQ,EAAE,EAAE,OAAY,EAAP,KAAK,sBAAxB,kBAA0B,CAAF;IAC/F,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACrD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAE7D,OAAO,CACL,uBAAC,oBAAoB,kBACnB,EAAE,EAAE,CAAC,QAAQ,EACb,WAAW,EAAC,YAAY,EACxB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,IAAI,CAAC,EACtC,EAAE,kBACA,UAAU,EAAE,OAAO,EACnB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,IACX,EAAE,KAEH,KAAK,cAER,QAAQ,IACY,CACxB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,iBAAiB,qBAuB7B;AAED,MAAM,oBAAoB,GAAG,IAAA,iBAAM,EAAC,mBAAQ,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACnD,6BAA6B,EAAE;QAC7B,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC;AAChC,8DAAmC"}

package/dist/cjs/components/CollapsibleDrawer/storyExampleMenuData.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=storyExampleMenuData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storyExampleMenuData.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":";;;;AAAA,yCAawB;AAIX,QAAA,WAAW,GAAwB;IAC9C;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,GAAwB;IACjD;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/MobileSystemControls/SystemControls.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SystemControls = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const SystemControlsRoot_1 = require("./SystemControlsRoot");
+const SystemControls = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { children: (0, jsx_runtime_1.jsx)(SystemControlsRoot_1.SystemControlsRoot, Object.assign({}, props)) }));
+};
+exports.SystemControls = SystemControls;
+//# sourceMappingURL=SystemControls.js.map

package/dist/cjs/components/MobileSystemControls/SystemControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControls.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":";;;;AAAA,yDAA+C;AAE/C,6DAAyD;AAGzD,MAAM,cAAc,GAA0C,CAAC,KAAK,EAAE,EAAE;IACtE,OAAO,CACL,uBAAC,uBAAO,cACN,uBAAC,uCAAkB,oBAAK,KAAK,EAAI,GACzB,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,wCAAc"}

package/dist/cjs/components/MobileSystemControls/SystemControlsRoot.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SystemControlsRoot = void 0;
+const material_1 = require("@mui/material");
+const SystemControlsType_1 = require("./SystemControlsType");
+const SystemControlsUnstyled_1 = require("./SystemControlsUnstyled");
+const SystemControlsRoot = (0, material_1.styled)(SystemControlsUnstyled_1.SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })(({ theme }) => ({
+    // shared defaults
+    ['&']: {
+        '.toggle': {
+            backgroundColor: theme.palette.primary.main,
+        },
+        alignItems: 'start',
+        zIndex: 1,
+    },
+    // WindowShade System Controls styles
+    [`&.system-controls-type-${SystemControlsType_1.SystemControlsType.WindowShade}`]: {
+        '.control': {
+            borderRadius: '0 0 5px 5px',
+            flexDirection: 'row',
+            flexGrow: 1,
+            justifyContent: 'space-around',
+            padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,
+        },
+        '.controls': {
+            alignItems: 'stretch',
+            flexDirection: 'column',
+            flexGrow: 1,
+        },
+        '.toggle': {
+            borderRadius: '0 0 5px 5px',
+            padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
+        },
+        flexDirection: 'row',
+        position: 'absolute',
+        top: 0,
+        width: '100%',
+    },
+    // Left System Control styles
+    [`&.system-controls-type-${SystemControlsType_1.SystemControlsType.Left}`]: {
+        '.control': {
+            alignItems: 'start',
+            flexDirection: 'column',
+            padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,
+        },
+        '.control-wrap': {
+            marginBottom: `${theme.spacing(2)}`,
+        },
+        '.toggle': {
+            borderRadius: '0 5px 5px 0',
+            padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,
+            writingMode: 'vertical-rl',
+        },
+        flexDirection: 'column',
+        left: 0,
+        position: 'fixed',
+        top: '30vh',
+        width: 'auto',
+    },
+}));
+exports.SystemControlsRoot = SystemControlsRoot;
+//# sourceMappingURL=SystemControlsRoot.js.map

package/dist/cjs/components/MobileSystemControls/SystemControlsRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsRoot.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"names":[],"mappings":";;;AAAA,4CAAsC;AAEtC,6DAAyD;AACzD,qEAA8F;AAE9F,MAAM,kBAAkB,GAAG,IAAA,iBAAM,EAAC,+CAAsB,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAA8B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/I,kBAAkB;IAClB,CAAC,GAAG,CAAC,EAAE;QACL,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;SAC5C;QACD,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE,CAAC;KACV;IACD,qCAAqC;IACrC,CAAC,0BAA0B,uCAAkB,CAAC,WAAW,EAAE,CAAC,EAAE;QAC5D,UAAU,EAAE;YACV,YAAY,EAAE,aAAa;YAC3B,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,CAAC;YACX,cAAc,EAAE,cAAc;YAC9B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;SACrD;QACD,WAAW,EAAE;YACX,UAAU,EAAE,SAAS;YACrB,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,CAAC;SACZ;QACD,SAAS,EAAE;YACT,YAAY,EAAE,aAAa;YAC3B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;SACrD;QACD,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;KACd;IACD,6BAA6B;IAC7B,CAAC,0BAA0B,uCAAkB,CAAC,IAAI,EAAE,CAAC,EAAE;QACrD,UAAU,EAAE;YACV,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,QAAQ;YACvB,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;SACrD;QACD,eAAe,EAAE;YACf,YAAY,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;SACpC;QACD,SAAS,EAAE;YACT,YAAY,EAAE,aAAa;YAC3B,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACpD,WAAW,EAAE,aAAa;SAC3B;QACD,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAA;AAEM,gDAAkB"}

package/dist/cjs/components/MobileSystemControls/SystemControlsType.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SystemControlsType = void 0;
+var SystemControlsType;
+(function (SystemControlsType) {
+    SystemControlsType["Left"] = "Left";
+    SystemControlsType["Right"] = "Right";
+    SystemControlsType["WindowShade"] = "WindowShade";
+})(SystemControlsType = exports.SystemControlsType || (exports.SystemControlsType = {}));
+//# sourceMappingURL=SystemControlsType.js.map

package/dist/cjs/components/MobileSystemControls/SystemControlsType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsType.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,iDAA2B,CAAA;AAC7B,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B"}

package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SystemControlsUnstyled = 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_network_1 = require("@xyo-network/react-network");
+const controls_1 = require("./controls");
+const SystemControlsType_1 = require("./SystemControlsType");
+const SystemControlsUnstyled = (_a) => {
+    var { visible, systemControlsType = SystemControlsType_1.SystemControlsType.WindowShade } = _a, props = tslib_1.__rest(_a, ["visible", "systemControlsType"]);
+    const isSmall = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.down('sm'));
+    if (visible || isSmall) {
+        return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({}, props, { className: `${props.className} system-controls-type-${systemControlsType}` }, { children: (0, jsx_runtime_1.jsx)(controls_1.SystemControl, { systemControlsType: systemControlsType, controlElement: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ className: 'control-wrap' }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0 }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, { responsive: false, className: "network-ex" }) })) })) }) }) })));
+    }
+    else {
+        return (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, {});
+    }
+};
+exports.SystemControlsUnstyled = SystemControlsUnstyled;
+//# sourceMappingURL=SystemControlsUnstyled.js.map

package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,yDAAsE;AACtE,8DAA4D;AAE5D,yCAA0C;AAC1C,6DAAyD;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EAItE,EAAE,EAAE;QAJkE,EACrE,OAAO,EACP,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,OAEpD,EADI,KAAK,sBAH6D,iCAItE,CADS;IAER,MAAM,OAAO,GAAG,IAAA,wBAAa,EAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE7E,IAAI,OAAO,IAAI,OAAO,EAAE;QACtB,OAAO,CACL,uBAAC,uBAAO,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,yBAAyB,kBAAkB,EAAE,gBAC5F,uBAAC,wBAAa,IACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,2DACE,uBAAC,uBAAO,kBAAC,SAAS,EAAE,cAAc,gBAChC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,gBACrC,uBAAC,+BAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,IACvD,IACA,GACT,GAEL,IACM,CACX,CAAA;KACF;SAAM;QACL,OAAO,uBAAC,uBAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGQ,wDAAsB"}

package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SystemControl = 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 SystemControlsType_1 = require("../SystemControlsType");
+const SystemControl = (_a) => {
+    var { children, controlElement, systemControlsType = SystemControlsType_1.SystemControlsType.WindowShade } = _a, props = tslib_1.__rest(_a, ["children", "controlElement", "systemControlsType"]);
+    const [toggleControls, setToggleControls] = (0, react_1.useState)(false);
+    let orientation = 'vertical';
+    switch (systemControlsType) {
+        case SystemControlsType_1.SystemControlsType.Left: {
+            orientation = 'horizontal';
+            break;
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ className: "controls" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: toggleControls, orientation: orientation, timeout: 500 }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ bgcolor: "primary.main", className: "control" }, { children: controlElement })) })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ style: { cursor: 'pointer' }, onClick: () => setToggleControls(!toggleControls) }, { children: children }))] })));
+};
+exports.SystemControl = SystemControl;
+//# sourceMappingURL=SystemControl.js.map

package/dist/cjs/components/MobileSystemControls/controls/SystemControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControl.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,yDAAsE;AAEtE,iCAAgC;AAEhC,8DAA0D;AAO1D,MAAM,aAAa,GAA+C,CAAC,EAKlE,EAAE,EAAE;QAL8D,EACjE,QAAQ,EACR,cAAc,EACd,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,OAEpD,EADI,KAAK,sBAJyD,oDAKlE,CADS;IAER,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3D,IAAI,WAAW,GAAiC,UAAU,CAAA;IAE1D,QAAQ,kBAAkB,EAAE;QAC1B,KAAK,uCAAkB,CAAC,IAAI,CAAC,CAAC;YAC5B,WAAW,GAAG,YAAY,CAAA;YAC1B,MAAK;SACN;KACF;IAED,OAAO,CACL,wBAAC,uBAAO,kBAAC,SAAS,EAAC,UAAU,IAAK,KAAK,eACrC,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,gBAClE,uBAAC,uBAAO,kBAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,gBAChD,cAAc,IACP,IACD,EACX,uBAAC,uBAAO,kBAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,gBACrF,QAAQ,IACD,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}

package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlText = 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 ControlText = (_a) => {
+    var { value } = _a, props = tslib_1.__rest(_a, ["value"]);
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ className: `${props.className} toggle` }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", color: "white", fontWeight: "bold" }, { children: value })) })));
+};
+exports.ControlText = ControlText;
+//# sourceMappingURL=SystemControlText.js.map

package/dist/cjs/components/MobileSystemControls/controls/SystemControlText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlText.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,yDAA6D;AAM7D,MAAM,WAAW,GAAqC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IACtE,OAAO,CACL,uBAAC,uBAAO,kBAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,SAAS,IAAM,KAAK,cACxD,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,gBAC1D,KAAK,IACK,IACL,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW"}

package/dist/cjs/components/MobileSystemControls/controls/index.js

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

package/dist/cjs/components/MobileSystemControls/controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,8DAAmC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC;AAChC,+DAAoC;AACpC,mEAAwC"}

package/dist/cjs/components/SearchBar/SearchBar.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBar = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Search_1 = tslib_1.__importDefault(require("@mui/icons-material/Search"));
+const material_1 = require("@mui/material");
+const react_button_1 = require("@xylabs/react-button");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
+const SearchBar = (_a) => {
+    var { defaultValue, onSearch } = _a, props = tslib_1.__rest(_a, ["defaultValue", "onSearch"]);
+    const [term, setTerm] = (0, react_1.useState)();
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsxs)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0, style: { display: 'flex', overflow: 'hidden', width: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { InputProps: { color: 'secondary', style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } }, variant: "outlined", size: "small", defaultValue: defaultValue, fullWidth: true, onChange: (event) => setTerm(event.target.value), onKeyDown: (event) => {
+                        if (event.key === 'Enter')
+                            onSearch === null || onSearch === void 0 ? void 0 : onSearch(term);
+                    } }), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch === null || onSearch === void 0 ? void 0 : onSearch(term) }, { children: (0, jsx_runtime_1.jsx)(Search_1.default, {}) }))] })) })));
+};
+exports.SearchBar = SearchBar;
+//# sourceMappingURL=SearchBar.js.map

package/dist/cjs/components/SearchBar/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4CAAgD;AAChD,uDAA+C;AAC/C,yDAA6D;AAC7D,iCAAgC;AAMzB,MAAM,SAAS,GAA6B,CAAC,EAAoC,EAAE,EAAE;QAAxC,EAAE,YAAY,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAlC,4BAAoC,CAAF;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAE1C,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACrC,wBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,iBACpG,uBAAC,oBAAS,IACR,UAAU,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,uBAAuB,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAClH,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,QACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;wBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;4BAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,CAAA;oBAC7C,CAAC,GACD,EACF,uBAAC,uBAAQ,kBAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,EAAE,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,gBACjI,uBAAC,gBAAU,KAAG,IACL,KACL,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,SAAS,aAuBrB"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteMenu = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Menu_1 = tslib_1.__importDefault(require("@mui/icons-material/Menu"));
+const Settings_1 = tslib_1.__importDefault(require("@mui/icons-material/Settings"));
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
+const MenuListItem_1 = require("./MenuListItem");
+const SiteMenu = (_a) => {
+    var { children, onMenuToggle, side = 'right' } = _a, props = tslib_1.__rest(_a, ["children", "onMenuToggle", "side"]);
+    const [open, setOpen] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        onMenuToggle === null || onMenuToggle === void 0 ? void 0 : onMenuToggle(open);
+    }, [onMenuToggle, open]);
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: () => {
+                    setOpen(!open);
+                } }, { children: (0, jsx_runtime_1.jsx)(Menu_1.default, { fontSize: "large" }) })), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ anchor: side, open: open, onClick: () => setOpen(false), onKeyDown: () => setOpen(false), onClose: () => setOpen(false), onOpen: () => setOpen(true) }, { children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsx)(material_1.List, { children: (0, jsx_runtime_1.jsx)(MenuListItem_1.MenuListItemContainer, { primary: "Settings", icon: (0, jsx_runtime_1.jsx)(Settings_1.default, {}), to: "/settings" }) })) }))] })));
+};
+exports.SiteMenu = SiteMenu;
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,oFAAuD;AACvD,4CAAiE;AACjE,yDAA6D;AAC7D,iCAA2C;AAE3C,iDAAsD;AAQ/C,MAAM,QAAQ,GAA4B,CAAC,EAAoD,EAAE,EAAE;QAAxD,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,GAAG,OAAO,OAAY,EAAP,KAAK,sBAAlD,oCAAoD,CAAF;IAClG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,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,kBACd,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAE1B,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,uBAAC,eAAI,cACH,uBAAC,oCAAqB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,uBAAC,kBAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GAC9E,CACR,IACe,KACV,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,QAAQ,YAkCpB"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuListItemContainer = 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_link_1 = require("@xylabs/react-link");
+const react_1 = require("react");
+const contexts_1 = require("../../../contexts");
+const list_item_components_1 = require("./list-item-components");
+const sub_nav_1 = require("./sub-nav");
+const MenuListItemContainer = (_a) => {
+    var { style, icon, iconMenuTextSpacing, iconOnly, onButtonClick, primary, subNavListItems, sx, tooltip, to } = _a, props = tslib_1.__rest(_a, ["style", "icon", "iconMenuTextSpacing", "iconOnly", "onButtonClick", "primary", "subNavListItems", "sx", "tooltip", "to"]);
+    const { dense } = props;
+    const theme = (0, material_1.useTheme)();
+    const { collapse } = (0, contexts_1.useCollapsible)();
+    const [openSubNav, setOpenSubNav] = (0, react_1.useState)(false);
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const resolvedIconMenuTextSpacing = iconMenuTextSpacing ? iconMenuTextSpacing : theme.spacing(1);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(list_item_components_1.MenuListItem, Object.assign({ disableGutters: true, iconOnly: iconOnly, onClick: onButtonClick, dense: dense, sx: Object.assign({ justifyContent: 'space-between' }, sx), style: Object.assign({ whiteSpace: 'nowrap' }, style) }, props, { children: [(0, jsx_runtime_1.jsx)(react_link_1.LinkEx, Object.assign({ onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), color: "inherit", to: to, sx: {
+                            '& :hover': {
+                                cursor: 'pointer',
+                                textDecoration: 'underline',
+                            },
+                        } }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [(0, jsx_runtime_1.jsx)(list_item_components_1.MenuIcon, { icon: icon, paddingRight: resolvedIconMenuTextSpacing, color: hovered ? 'secondary' : 'inherit' }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: primary })] }) })), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ style: { marginLeft: theme.spacing(1) } }, { children: [subNavListItems ? (0, jsx_runtime_1.jsx)(sub_nav_1.SubNavToggleIconButton, { setOpenSubNav: setOpenSubNav, openSubNav: openSubNav }) : null, tooltip ? (0, jsx_runtime_1.jsx)(list_item_components_1.ListItemTooltip, { title: tooltip }) : null] }))] })), subNavListItems ? ((0, jsx_runtime_1.jsx)(sub_nav_1.SubNavListItemsCollapse, Object.assign({ openSubNav: openSubNav, collapse: collapse }, { children: subNavListItems === null || subNavListItems === void 0 ? void 0 : subNavListItems.map((item, index) => (0, jsx_runtime_1.jsx)(exports.MenuListItemContainer, Object.assign({ dense: dense, sx: { pl: theme.spacing(1) } }, item), index)) }))) : null] }));
+};
+exports.MenuListItemContainer = MenuListItemContainer;
+//# sourceMappingURL=MenuListItemContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemContainer.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqE;AACrE,yDAA+C;AAC/C,mDAA2C;AAC3C,iCAAgC;AAEhC,gDAAkD;AAElD,iEAAgF;AAChF,uCAA2E;AASpE,MAAM,qBAAqB,GAAgC,CAAC,EAYlE,EAAE,EAAE;QAZ8D,EACjE,KAAK,EACL,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,EACf,EAAE,EACF,OAAO,EACP,EAAE,OAEH,EADI,KAAK,sBAXyD,0HAYlE,CADS;IAER,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,2BAA2B,GAAG,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAEhG,OAAO,CACL,6DACE,wBAAC,mCAAY,kBACX,cAAc,QACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,EACZ,EAAE,kBAAI,cAAc,EAAE,eAAe,IAAK,EAAE,GAC5C,KAAK,kBAAI,UAAU,EAAE,QAAQ,IAAK,KAAK,KACnC,KAAK,eAET,uBAAC,mBAAM,kBACL,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACrC,KAAK,EAAC,SAAS,EACf,EAAE,EAAE,EAAE,EACN,EAAE,EAAE;4BACF,UAAU,EAAE;gCACV,MAAM,EAAE,SAAS;gCACjB,cAAc,EAAE,WAAW;6BAC5B;yBACF,gBAED,wBAAC,uBAAO,eACN,uBAAC,+BAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,2BAA2B,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAI,EAC7G,uBAAC,uBAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IAC1B,IACH,EACT,wBAAC,uBAAO,kBAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,iBAC7C,eAAe,CAAC,CAAC,CAAC,uBAAC,gCAAsB,IAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC,CAAC,IAAI,EACzG,OAAO,CAAC,CAAC,CAAC,uBAAC,sCAAe,IAAC,KAAK,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,KAC7C,KACG,EACd,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,iCAAuB,kBAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,gBAChE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,uBAAC,6BAAqB,kBAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAkB,IAAI,GAAf,KAAK,CAAc,CAAC,IAC3G,CAC3B,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5DY,QAAA,qBAAqB,yBA4DjC"}

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

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

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemTooltip = 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 vsc_1 = require("react-icons/vsc");
+const ListItemTooltip = (_a) => {
+    var { title } = _a, props = tslib_1.__rest(_a, ["title"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: title, placement: "right" }, props, { 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" }) })) }) })));
+};
+exports.ListItemTooltip = ListItemTooltip;
+//# sourceMappingURL=ListItemTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTooltip.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqD;AACrD,yDAA+C;AAC/C,yCAAyC;AAMlC,MAAM,eAAe,GAAmC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAC/E,OAAO,CACL,uBAAC,kBAAO,kBAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,IAAK,KAAK,cAEhD,0CACE,uBAAC,uBAAO,kBAAC,cAAc,EAAC,QAAQ,gBAC9B,uBAAC,aAAO,IAAC,KAAK,EAAC,MAAM,GAAG,IAChB,GACN,IACE,CACX,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,eAAe,mBAW3B"}

package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/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 { icon } = _a, props = tslib_1.__rest(_a, ["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/MenuListItem/list-item-components/MenuIcon.js.map

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

@@ -0,0 +1,17 @@
+"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 { iconOnly, collapseEnd, sx, children, dense } = _a, props = tslib_1.__rest(_a, ["iconOnly", "collapseEnd", "sx", "children", "dense"]);
+    const listItemSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0, width: 'auto' } : { width: '100%' };
+    // wait till collapseEnds to remove the spacing between items
+    const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 };
+    // adjusts to the paddingY value which does NOT scale along the theme.spacing
+    const paddingSx = dense ? { px: '8px' } : { px: '12px' };
+    return ((0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ sx: Object.assign(Object.assign(Object.assign(Object.assign({}, listItemSx), spacingSx), paddingSx), sx) }, props, { children: children })));
+};
+exports.MenuListItem = MenuListItem;
+//# sourceMappingURL=MenuListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItem.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AAMhD,MAAM,YAAY,GAA8B,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAtD,sDAAwD,CAAF;IAC5G,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;IAC7H,6DAA6D;IAC7D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;IACrE,6EAA6E;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAA;IACxD,OAAO,CACL,uBAAC,mBAAQ,kBAAC,EAAE,8DAAO,UAAU,GAAK,SAAS,GAAK,SAAS,GAAK,EAAE,KAAQ,KAAK,cAC1E,QAAQ,IACA,CACZ,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,YAAY,gBAWxB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/index.ts"],"names":[],"mappings":";;;AAAA,4DAAiC;AACjC,qDAA0B;AAC1B,yDAA8B"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubNavListItemsCollapse = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const SubNavListItemsCollapse = (_a) => {
+    var { collapse, openSubNav, children } = _a, props = tslib_1.__rest(_a, ["collapse", "openSubNav", "children"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: collapse == true ? false : openSubNav }, props, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: children }) })));
+};
+exports.SubNavListItemsCollapse = SubNavListItemsCollapse;
+//# sourceMappingURL=SubNavListItemCollapse.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubNavListItemCollapse.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAWtD,MAAM,uBAAuB,GAA2C,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA1C,sCAA4C,CAAF;IACxH,OAAO,CACL,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,IAAM,KAAK,cAC5D,uBAAC,eAAI,cAAE,QAAQ,GAAQ,IACd,CACZ,CAAA;AACH,CAAC,CAAA;AANY,QAAA,uBAAuB,2BAMnC"}