@xyo-network/react-appbar 2.25.46 → 2.25.49

package/dist/cjs/components/AppBar/Application.d.ts

@@ -1,6 +1,7 @@
-import { AppBarProps, ToolbarProps } from '@mui/material';
-import React, { ReactElement } from 'react';
-export interface ApplicationAppBarProps extends AppBarProps {
+import { ToolbarProps } from '@mui/material';
+import { AppBarExProps } from '@xylabs/react-common';
+import { ReactElement } from 'react';
+export interface ApplicationAppBarProps extends AppBarExProps {
     contextToolbar?: ReactElement<ToolbarProps>;
     systemToolbar?: ReactElement<ToolbarProps>;
     responsive?: boolean;

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

@@ -4,13 +4,14 @@ exports.ApplicationAppBar = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const sdk_react_1 = require("@xylabs/sdk-react");
+const react_common_1 = require("@xylabs/react-common");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
 const Toolbar_1 = require("../Toolbar");
 const ApplicationAppBar = (_a) => {
     var { systemToolbar, contextToolbar, children, responsive = true } = _a, props = tslib_1.__rest(_a, ["systemToolbar", "contextToolbar", "children", "responsive"]);
     const { breakpoints } = (0, material_1.useTheme)();
     const belowSm = (0, material_1.useMediaQuery)(breakpoints.down('sm'));
-    return ((0, jsx_runtime_1.jsx)(material_1.AppBar, Object.assign({ position: "sticky" }, props, { children: (0, jsx_runtime_1.jsxs)(material_1.Container, Object.assign({ maxWidth: "xl", disableGutters: true }, { children: [(0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ flexWrap: "nowrap", justifyContent: "flex-start" }, { children: [contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.ContextToolbar, { version: true }), (0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowRow, { children: belowSm && responsive ? null : children }), systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.SystemToolbar, {})] })), belowSm && children && responsive ? (0, jsx_runtime_1.jsx)(material_1.Toolbar, { children: children }) : null] })) })));
+    return ((0, jsx_runtime_1.jsxs)(react_common_1.AppBarEx, Object.assign({ position: "sticky" }, props, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ flexWrap: "nowrap", justifyContent: "flex-start" }, { children: [contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.ContextToolbar, { version: true }), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, { children: belowSm && responsive ? null : children }), systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.SystemToolbar, {})] })), belowSm && children && responsive ? (0, jsx_runtime_1.jsx)(material_1.Toolbar, { children: children }) : null] })));
 };
 exports.ApplicationAppBar = ApplicationAppBar;
 //# sourceMappingURL=Application.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8G;AAC9G,iDAAwD;AAGxD,wCAA0D;AAQnD,MAAM,iBAAiB,GAAqC,CAAC,EAAwE,EAAE,EAAE;QAA5E,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,OAAY,EAAP,KAAK,sBAAtE,6DAAwE,CAAF;IACxI,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAClC,MAAM,OAAO,GAAG,IAAA,wBAAa,EAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACrD,OAAO,CACL,uBAAC,iBAAM,kBAAC,QAAQ,EAAC,QAAQ,IAAK,KAAK,cACjC,wBAAC,oBAAS,kBAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,uBACrC,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,iBACnD,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,uBAAC,wBAAc,IAAC,OAAO,SAAG,EAC7C,uBAAC,uBAAW,cAAE,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAe,EACnE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,uBAAC,uBAAa,KAAG,KAC3B,EACT,OAAO,IAAI,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,uBAAC,kBAAO,cAAE,QAAQ,GAAW,CAAC,CAAC,CAAC,IAAI,KAC/D,IACL,CACV,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,iBAAiB,qBAe7B"}
+{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8E;AAC9E,uDAA8D;AAC9D,yDAA4D;AAG5D,wCAA0D;AAQnD,MAAM,iBAAiB,GAAqC,CAAC,EAAwE,EAAE,EAAE;QAA5E,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,OAAY,EAAP,KAAK,sBAAtE,6DAAwE,CAAF;IACxI,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAClC,MAAM,OAAO,GAAG,IAAA,wBAAa,EAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACrD,OAAO,CACL,wBAAC,uBAAQ,kBAAC,QAAQ,EAAC,QAAQ,IAAK,KAAK,eACnC,wBAAC,uBAAO,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,iBACnD,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,uBAAC,wBAAc,IAAC,OAAO,SAAG,EAC7C,uBAAC,2BAAW,cAAE,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAe,EACnE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,uBAAC,uBAAa,KAAG,KAC3B,EACT,OAAO,IAAI,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,uBAAC,kBAAO,cAAE,QAAQ,GAAW,CAAC,CAAC,CAAC,IAAI,KAChE,CACZ,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,iBAAiB,qBAa7B"}

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SystemControls = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const sdk_react_1 = require("@xylabs/sdk-react");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
 const SystemControlsRoot_1 = require("./SystemControlsRoot");
 const SystemControls = (props) => {
-    return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexCol, { children: (0, jsx_runtime_1.jsx)(SystemControlsRoot_1.SystemControlsRoot, Object.assign({}, 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

@@ -1 +1 @@
-{"version":3,"file":"SystemControls.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":";;;;AAAA,iDAA2C;AAE3C,6DAAyD;AAGzD,MAAM,cAAc,GAA0C,CAAC,KAAK,EAAE,EAAE;IACtE,OAAO,CACL,uBAAC,mBAAO,cACN,uBAAC,uCAAkB,oBAAK,KAAK,EAAI,GACzB,CACX,CAAA;AACH,CAAC,CAAA;AAEQ,wCAAc"}
+{"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/SystemControlsUnstyled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/sdk-react';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { SystemControlsType } from './SystemControlsType';
 interface SystemControlsUnstyledProps extends FlexBoxProps {
     visible?: boolean;

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

@@ -4,7 +4,7 @@ exports.SystemControlsUnstyled = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const sdk_react_1 = require("@xylabs/sdk-react");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
 const react_archive_1 = require("@xyo-network/react-archive");
 const react_network_1 = require("@xyo-network/react-network");
 const controls_1 = require("./controls");
@@ -15,10 +15,10 @@ const SystemControlsUnstyled = (_a) => {
     const { archive } = (0, react_archive_1.useArchive)();
     const isSmall = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.down('sm'));
     if (visible || isSmall) {
-        return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexCol, Object.assign({}, props, { className: `${props.className} system-controls-type-${systemControlsType}` }, { children: (0, jsx_runtime_1.jsx)(controls_1.SystemControl, Object.assign({ systemControlsType: systemControlsType, controlElement: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(sdk_react_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" }) })) })), (0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0 }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, {}) })) })] }) }, { children: (0, jsx_runtime_1.jsx)(controls_1.ControlText, { value: `${network === null || network === void 0 ? void 0 : network.name} : ${archive !== null && archive !== void 0 ? archive : 'temp'} ` }) })) })));
+        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, Object.assign({ systemControlsType: systemControlsType, controlElement: (0, jsx_runtime_1.jsxs)(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" }) })) })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0 }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, {}) })) })] }) }, { children: (0, jsx_runtime_1.jsx)(controls_1.ControlText, { value: `${network === null || network === void 0 ? void 0 : network.name} : ${archive !== null && archive !== void 0 ? archive : 'temp'} ` }) })) })));
     }
     else {
-        return (0, jsx_runtime_1.jsx)(sdk_react_1.FlexCol, {});
+        return (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, {});
     }
 };
 exports.SystemControlsUnstyled = SystemControlsUnstyled;

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

@@ -1 +1 @@
-{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,iDAAkE;AAClE,8DAAwE;AACxE,8DAAwE;AAExE,yCAAuD;AACvD,6DAAyD;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EAA0E,EAAE,EAAE;QAA9E,EAAE,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAxE,iCAA0E,CAAF;IAC7I,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,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,mBAAO,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,yBAAyB,kBAAkB,EAAE,gBAC5F,uBAAC,wBAAa,kBACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,6DACE,uBAAC,mBAAO,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,EACV,uBAAC,mBAAO,cACN,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,gBACrC,uBAAC,+BAAe,KAAG,IACb,GACA,IACT,gBAGL,uBAAC,sBAAW,IAAC,KAAK,EAAE,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,MAAM,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,MAAM,GAAG,GAAI,IACpD,IACR,CACX,CAAA;KACF;SAAM;QACL,OAAO,uBAAC,mBAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGQ,wDAAsB"}
+{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,yDAAsE;AACtE,8DAAwE;AACxE,8DAAwE;AAExE,yCAAuD;AACvD,6DAAyD;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EAA0E,EAAE,EAAE;QAA9E,EAAE,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAxE,iCAA0E,CAAF;IAC7I,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAChC,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,kBACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,6DACE,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,EACV,uBAAC,uBAAO,cACN,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,gBACrC,uBAAC,+BAAe,KAAG,IACb,GACA,IACT,gBAGL,uBAAC,sBAAW,IAAC,KAAK,EAAE,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,MAAM,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,MAAM,GAAG,GAAI,IACpD,IACR,CACX,CAAA;KACF;SAAM;QACL,OAAO,uBAAC,uBAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGQ,wDAAsB"}

package/dist/cjs/components/MobileSystemControls/controls/SystemControl.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { FlexBoxProps, WithChildren } from '@xylabs/sdk-react';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WithChildren } from '@xylabs/react-shared';
 import { SystemControlsType } from '../SystemControlsType';
 interface SystemControlProps extends FlexBoxProps {
     controlElement: React.ReactNode;

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

@@ -4,7 +4,7 @@ exports.SystemControl = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const sdk_react_1 = require("@xylabs/sdk-react");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
 const react_1 = require("react");
 const SystemControlsType_1 = require("../SystemControlsType");
 const SystemControl = (_a) => {
@@ -17,7 +17,7 @@ const SystemControl = (_a) => {
             break;
         }
     }
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_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)(sdk_react_1.FlexRow, Object.assign({ bgcolor: "primary.main", className: "control" }, { children: controlElement })) })), (0, jsx_runtime_1.jsx)(sdk_react_1.FlexCol, Object.assign({ style: { cursor: 'pointer' }, onClick: () => setToggleControls(!toggleControls) }, { children: children }))] })));
+    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

@@ -1 +1 @@
-{"version":3,"file":"SystemControl.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,iDAAgF;AAChF,iCAAgC;AAEhC,8DAA0D;AAO1D,MAAM,aAAa,GAA+C,CAAC,EAA2F,EAAE,EAAE;QAA/F,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,OAAY,EAAP,KAAK,sBAAzF,oDAA2F,CAAF;IAC1J,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,mBAAO,kBAAC,SAAS,EAAC,UAAU,IAAK,KAAK,eACrC,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,gBAClE,uBAAC,mBAAO,kBAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,gBAChD,cAAc,IACP,IACD,EACX,uBAAC,mBAAO,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"}
+{"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,EAA2F,EAAE,EAAE;QAA/F,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,GAAG,uCAAkB,CAAC,WAAW,OAAY,EAAP,KAAK,sBAAzF,oDAA2F,CAAF;IAC1J,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.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/sdk-react';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
 interface SystemControlTextProps extends FlexBoxProps {
     value?: string;
 }

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

@@ -4,10 +4,10 @@ exports.ControlText = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const sdk_react_1 = require("@xylabs/sdk-react");
+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)(sdk_react_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 })) })));
+    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

@@ -1 +1 @@
-{"version":3,"file":"SystemControlText.js","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,iDAAyD;AAMzD,MAAM,WAAW,GAAqC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IACtE,OAAO,CACL,uBAAC,mBAAO,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"}
+{"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/SearchBar/SearchBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/sdk-react';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
 export interface SearchBarProps extends FlexBoxProps {
     onSearch?: (term?: string) => void;
 }

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

@@ -5,15 +5,16 @@ 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 sdk_react_1 = require("@xylabs/sdk-react");
+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)(sdk_react_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) => {
+    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)(sdk_react_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, {}) }))] })) })));
+                    } }), (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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4CAAgD;AAChD,iDAAmE;AACnE,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,mBAAO,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,oBAAQ,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"}
+{"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/SiteMenu/Menu.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FlexBoxProps } from '@xylabs/sdk-react';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
 export interface SiteMenuProps extends FlexBoxProps {
     hideSettingsMenuItem?: boolean;
     side?: 'left' | 'right' | 'top' | 'bottom';

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

@@ -6,13 +6,13 @@ 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 sdk_react_1 = require("@xylabs/sdk-react");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
 const react_1 = require("react");
 const MenuItems_1 = require("./MenuItems");
 const SiteMenu = (_a) => {
     var { side = 'right', children } = _a, props = tslib_1.__rest(_a, ["side", "children"]);
     const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: () => {
+    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)(MenuItems_1.SiteMenuListItem, { primary: "Settings", icon: (0, jsx_runtime_1.jsx)(Settings_1.default, {}), to: "/settings" }) })) }))] })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,oFAAuD;AACvD,4CAAsE;AACtE,iDAAyD;AACzD,iCAAgC;AAEhC,2CAA8C;AAOvC,MAAM,QAAQ,GAA4B,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApC,oBAAsC,CAAF;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,wBAAC,mBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,qBAAU,kBACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,gBAED,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IAClB,EACb,uBAAC,0BAAe,kBAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAClK,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,uBAAC,eAAI,cACH,uBAAC,4BAAgB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,uBAAC,kBAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACzE,CACR,IACe,KACV,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,QAAQ,YAuBpB"}
+{"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,iCAAgC;AAEhC,2CAA8C;AAOvC,MAAM,QAAQ,GAA4B,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApC,oBAAsC,CAAF;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,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,kBAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAClK,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,uBAAC,eAAI,cACH,uBAAC,4BAAgB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,uBAAC,kBAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACzE,CACR,IACe,KACV,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,QAAQ,YAuBpB"}

package/dist/cjs/components/Toolbar/Context/XyoLogoLinkEx.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LinkExProps } from '@xylabs/sdk-react';
+import { LinkExProps } from '@xylabs/react-common';
 export interface XyoLogoLinkExProps extends LinkExProps {
     version?: boolean | string;
 }

package/dist/cjs/components/Toolbar/Context/XyoLogoLinkEx.js

@@ -4,12 +4,13 @@ exports.XyoLogoLinkEx = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const sdk_react_1 = require("@xylabs/sdk-react");
+const react_common_1 = require("@xylabs/react-common");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
 const XyoLogo_1 = require("./XyoLogo");
 const XyoLogoLinkEx = (_a) => {
     var { to = '/', version = false } = _a, props = tslib_1.__rest(_a, ["to", "version"]);
     const theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(sdk_react_1.LinkEx, Object.assign({ to: to }, props, { children: (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ paddingX: "4px" }, { children: [(0, jsx_runtime_1.jsx)(XyoLogo_1.XyoLogo, { height: "40", width: "43" }), version ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ position: "absolute", borderRadius: 1, right: 6, color: theme.palette.getContrastText(theme.palette.text.primary), bottom: 0, bgcolor: theme.palette.text.primary, paddingX: "2px", lineHeight: 1, variant: "caption", border: `1px ${theme.palette.getContrastText(theme.palette.primary.main)} solid` }, { children: typeof version === 'string' ? version : '2.0' }))) : null] })) })));
+    return ((0, jsx_runtime_1.jsx)(react_common_1.LinkEx, Object.assign({ to: to }, props, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ paddingX: "4px" }, { children: [(0, jsx_runtime_1.jsx)(XyoLogo_1.XyoLogo, { height: "40", width: "43" }), version ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ position: "absolute", borderRadius: 1, right: 6, color: theme.palette.getContrastText(theme.palette.text.primary), bottom: 0, bgcolor: theme.palette.text.primary, paddingX: "2px", lineHeight: 1, variant: "caption", border: `1px ${theme.palette.getContrastText(theme.palette.primary.main)} solid` }, { children: typeof version === 'string' ? version : '2.0' }))) : null] })) })));
 };
 exports.XyoLogoLinkEx = XyoLogoLinkEx;
 //# sourceMappingURL=XyoLogoLinkEx.js.map

package/dist/cjs/components/Toolbar/Context/XyoLogoLinkEx.js.map

@@ -1 +1 @@
-{"version":3,"file":"XyoLogoLinkEx.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogoLinkEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,iDAAgE;AAEhE,uCAAmC;AAM5B,MAAM,aAAa,GAAiC,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,EAAE,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,OAAY,EAAP,KAAK,sBAArC,iBAAuC,CAAF;IAC/F,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,uBAAC,kBAAM,kBAAC,EAAE,EAAE,EAAE,IAAM,KAAK,cACvB,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,KAAK,iBACrB,uBAAC,iBAAO,IAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,EACjC,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,qBAAU,kBACT,QAAQ,EAAC,UAAU,EACnB,YAAY,EAAE,CAAC,EACf,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAChE,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EACnC,QAAQ,EAAC,KAAK,EACd,UAAU,EAAE,CAAC,EACb,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,gBAE/E,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IACnC,CACd,CAAC,CAAC,CAAC,IAAI,KACA,IACH,CACV,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,aAAa,iBAyBzB"}
+{"version":3,"file":"XyoLogoLinkEx.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogoLinkEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,uDAA0D;AAC1D,yDAA+C;AAE/C,uCAAmC;AAM5B,MAAM,aAAa,GAAiC,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,EAAE,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,OAAY,EAAP,KAAK,sBAArC,iBAAuC,CAAF;IAC/F,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,uBAAC,qBAAM,kBAAC,EAAE,EAAE,EAAE,IAAM,KAAK,cACvB,wBAAC,uBAAO,kBAAC,QAAQ,EAAC,KAAK,iBACrB,uBAAC,iBAAO,IAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,EACjC,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,qBAAU,kBACT,QAAQ,EAAC,UAAU,EACnB,YAAY,EAAE,CAAC,EACf,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAChE,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EACnC,QAAQ,EAAC,KAAK,EACd,UAAU,EAAE,CAAC,EACb,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,gBAE/E,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IACnC,CACd,CAAC,CAAC,CAAC,IAAI,KACA,IACH,CACV,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,aAAa,iBAyBzB"}

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

@@ -1,5 +1,5 @@
 import { ToolbarProps } from '@mui/material';
-import { SelectExProps } from '@xylabs/sdk-react';
+import { SelectExProps } from '@xylabs/react-common';
 import { NetworkSelectExProps } from '@xyo-network/react-network';
 import { ReactNode } from 'react';
 export interface SystemToolbarProps extends ToolbarProps {

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

@@ -4,7 +4,7 @@ exports.SystemToolbar = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const sdk_react_1 = require("@xylabs/sdk-react");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
 const react_archive_1 = require("@xyo-network/react-archive");
 const react_auth_1 = require("@xyo-network/react-auth");
 const react_network_1 = require("@xyo-network/react-network");
@@ -12,7 +12,7 @@ const react_shared_1 = require("@xyo-network/react-shared");
 const SiteMenu_1 = require("../../SiteMenu");
 const SystemToolbar = (_a) => {
     var { children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, menu, darkModeButton = false, authButton = false, noMenu = false } = _a, props = tslib_1.__rest(_a, ["children", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "menu", "darkModeButton", "authButton", "noMenu"]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ marginX: 0.5, maxWidth: 120 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))), hideArchiveSelect ? null : ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ marginX: 0.5, maxWidth: 120 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, Object.assign({ fullWidth: true }, archiveSelectProps)) })) }))), children, authButton ? (0, jsx_runtime_1.jsx)(react_auth_1.AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? (0, jsx_runtime_1.jsx)(react_shared_1.DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, { children: menu })] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5, maxWidth: 120 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))), hideArchiveSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5, maxWidth: 120 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, Object.assign({ fullWidth: true }, archiveSelectProps)) })) }))), children, authButton ? (0, jsx_runtime_1.jsx)(react_auth_1.AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? (0, jsx_runtime_1.jsx)(react_shared_1.DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, { children: menu })] })));
 };
 exports.SystemToolbar = SystemToolbar;
 //# sourceMappingURL=SystemToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,iDAA0D;AAC1D,8DAA4D;AAC5D,wDAA8D;AAC9D,8DAAkF;AAClF,4DAA8D;AAG9D,6CAAyC;AAalC,MAAM,aAAa,GAAiC,CAAC,EAW3D,EAAE,EAAE;QAXuD,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,OAEf,EADI,KAAK,sBAVkD,oJAW3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAClC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAClC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,uBAAC,iCAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,uBAAC,iCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAQ,cAAE,IAAI,GAAY,KACpC,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,aAAa,iBAkCzB"}
+{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAE5D,yDAA+C;AAC/C,8DAA4D;AAC5D,wDAA8D;AAC9D,8DAAkF;AAClF,4DAA8D;AAG9D,6CAAyC;AAalC,MAAM,aAAa,GAAiC,CAAC,EAW3D,EAAE,EAAE;QAXuD,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,OAEf,EADI,KAAK,sBAVkD,oJAW3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAClC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAClC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,uBAAC,iCAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,uBAAC,iCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAQ,cAAE,IAAI,GAAY,KACpC,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,aAAa,iBAkCzB"}