@xyo-network/react-appbar 2.26.18 → 2.26.21

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

@@ -0,0 +1,9 @@
+import { ToolbarProps } from '@mui/material';
+import { AppBarExProps } from '@xylabs/react-appbar';
+import { ReactElement } from 'react';
+export interface ApplicationAppBarProps extends AppBarExProps {
+    contextToolbar?: ReactElement<ToolbarProps>;
+    systemToolbar?: ReactElement<ToolbarProps>;
+    responsive?: boolean;
+}
+export declare const ApplicationAppBar: React.FC<ApplicationAppBarProps>;

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,uBAAC,uBAAQ,kBAAC,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,uBAAC,uBAAa,KAAG,EAAE,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,uBAAC,wBAAc,KAAG,EAAE,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAAA;AACnL,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}

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

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

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/MobileSystemControls/SystemControls.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SystemControlsUnstyledProps } from './SystemControlsUnstyled';
+declare const SystemControls: React.FC<SystemControlsUnstyledProps>;
+export { SystemControls };

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.d.ts

@@ -0,0 +1,3 @@
+import { SystemControlsUnstyledProps } from './SystemControlsUnstyled';
+declare const SystemControlsRoot: import("@emotion/styled").StyledComponent<Pick<SystemControlsUnstyledProps, keyof SystemControlsUnstyledProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SystemControlsUnstyledProps, {}, {}>;
+export { SystemControlsRoot };

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.d.ts

@@ -0,0 +1,5 @@
+export declare enum SystemControlsType {
+    Left = "Left",
+    Right = "Right",
+    WindowShade = "WindowShade"
+}

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.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { SystemControlsType } from './SystemControlsType';
+interface SystemControlsUnstyledProps extends FlexBoxProps {
+    visible?: boolean;
+    systemControlsType?: SystemControlsType;
+}
+declare const SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps>;
+export type { SystemControlsUnstyledProps };
+export { SystemControlsUnstyled };

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

@@ -0,0 +1,25 @@
+"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_archive_1 = require("@xyo-network/react-archive");
+const react_network_1 = require("@xyo-network/react-network");
+const controls_1 = require("./controls");
+const SystemControlsType_1 = require("./SystemControlsType");
+const SystemControlsUnstyled = (_a) => {
+    var { systemControlsType = SystemControlsType_1.SystemControlsType.WindowShade, visible } = _a, props = tslib_1.__rest(_a, ["systemControlsType", "visible"]);
+    const { network } = (0, react_network_1.useNetwork)();
+    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)(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)(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,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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WithChildren } from '@xylabs/react-shared';
+import { SystemControlsType } from '../SystemControlsType';
+interface SystemControlProps extends FlexBoxProps {
+    controlElement: React.ReactNode;
+    systemControlsType?: SystemControlsType;
+}
+declare const SystemControl: React.FC<WithChildren<SystemControlProps>>;
+export { SystemControl };

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,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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+interface SystemControlTextProps extends FlexBoxProps {
+    value?: string;
+}
+declare const ControlText: React.FC<SystemControlTextProps>;
+export { ControlText };

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.d.ts

@@ -0,0 +1,2 @@
+export * from './SystemControl';
+export * from './SystemControlText';

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.d.ts

@@ -0,0 +1,3 @@
+export * from './SystemControls';
+export * from './SystemControlsType';
+export * from './SystemControlsUnstyled';

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.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface SearchBarProps extends FlexBoxProps {
+    onSearch?: (term?: string) => void;
+}
+export declare const SearchBar: React.FC<SearchBarProps>;

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.d.ts

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

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.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface SiteMenuProps extends FlexBoxProps {
+    hideSettingsMenuItem?: boolean;
+    side?: 'left' | 'right' | 'top' | 'bottom';
+}
+export declare const SiteMenu: React.FC<SiteMenuProps>;

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

@@ -0,0 +1,20 @@
+"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 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)(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" }) })) }))] })));
+};
+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,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/SiteMenu/MenuItems.d.ts

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteMenuListItem = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xyo-network/react-shared");
+const SiteMenuListItem = (_a) => {
+    var { style, children, primary, to, icon, onButtonClick } = _a, props = tslib_1.__rest(_a, ["style", "children", "primary", "to", "icon", "onButtonClick"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, Object.assign({ style: Object.assign({ display: 'block' }, style) }, props, { children: [(0, jsx_runtime_1.jsxs)(react_shared_1.ListItemButtonEx, Object.assign({ to: to, onClick: onButtonClick }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: icon }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: primary })] })), children] })));
+};
+exports.SiteMenuListItem = SiteMenuListItem;
+//# sourceMappingURL=MenuItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAsG;AACtG,4DAAmF;AAW5E,MAAM,gBAAgB,GAAoC,CAAC,EAA+D,EAAE,EAAE;QAAnE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,OAAY,EAAP,KAAK,sBAA7D,+DAA+D,CAAF;IAC7H,OAAO,CACL,wBAAC,mBAAQ,kBAAC,KAAK,kBAAI,OAAO,EAAE,OAAO,IAAK,KAAK,KAAQ,KAAK,eACxD,wBAAC,+BAAgB,kBAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,iBAC9C,uBAAC,uBAAY,cAAE,IAAI,GAAgB,EACnC,uBAAC,uBAAY,IAAC,OAAO,EAAE,OAAO,GAAI,KACjB,EAClB,QAAQ,KACA,CACZ,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ToolbarProps } from '@mui/material';
+import { To } from 'react-router-dom';
+export interface ContextToolbarProps extends ToolbarProps {
+    logoTo?: To;
+    version?: boolean;
+}
+export declare const ContextToolbar: React.FC<ContextToolbarProps>;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextToolbar = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const XyoLogoLinkEx_1 = require("./XyoLogoLinkEx");
+const ContextToolbar = (_a) => {
+    var { logoTo = '/', version = false } = _a, props = tslib_1.__rest(_a, ["logoTo", "version"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Toolbar, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(XyoLogoLinkEx_1.XyoLogoLinkEx, { version: version, to: logoTo }) })));
+};
+exports.ContextToolbar = ContextToolbar;
+//# sourceMappingURL=ContextToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/ContextToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqD;AAGrD,mDAA+C;AAOxC,MAAM,cAAc,GAAkC,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,MAAM,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAzC,qBAA2C,CAAF;IACrG,OAAO,CACL,uBAAC,kBAAO,oBAAK,KAAK,cAChB,uBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,GAAI,IACvC,CACX,CAAA;AACH,CAAC,CAAA;AANY,QAAA,cAAc,kBAM1B"}

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoLogo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const XyoLogo = (props) => {
+    const theme = (0, material_1.useTheme)();
+    const logoUrl = theme.palette.mode === 'dark' ? 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg' : 'https://cdn.xy.company/img/brand/XYO/XYO_icon_white.svg';
+    return (0, jsx_runtime_1.jsx)("img", Object.assign({ src: logoUrl }, props));
+};
+exports.XyoLogo = XyoLogo;
+//# sourceMappingURL=XyoLogo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoLogo.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogo.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AAEjC,MAAM,OAAO,GAAmG,CAAC,KAAK,EAAE,EAAE;IAC/H,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,yDAAyD,CAAC,CAAC,CAAC,yDAAyD,CAAA;IACrK,OAAO,8CAAK,GAAG,EAAE,OAAO,IAAM,KAAK,EAAI,CAAA;AACzC,CAAC,CAAA;AAJY,QAAA,OAAO,WAInB"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { LinkExProps } from '@xylabs/react-link';
+export interface XyoLogoLinkExProps extends LinkExProps {
+    version?: boolean | string;
+}
+export declare const XyoLogoLinkEx: React.FC<XyoLogoLinkExProps>;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XyoLogoLinkEx = 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 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)(react_link_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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoLogoLinkEx.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Context/XyoLogoLinkEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,yDAA+C;AAC/C,mDAAwD;AAExD,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,mBAAM,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/Context/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { ToolbarProps } from '@mui/material';
+import { SelectExProps } from '@xylabs/react-common';
+import { NetworkSelectExProps } from '@xyo-network/react-network';
+import { ReactNode } from 'react';
+export interface SystemToolbarProps extends ToolbarProps {
+    networkSelectProps?: NetworkSelectExProps;
+    archiveSelectProps?: SelectExProps<string>;
+    hideNetworkSelect?: boolean;
+    hideArchiveSelect?: boolean;
+    darkModeButton?: boolean;
+    authButton?: boolean;
+    menuItems?: ReactNode;
+}
+export declare const SystemToolbar: React.FC<SystemToolbarProps>;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SystemToolbar = 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_app_settings_1 = require("@xyo-network/react-app-settings");
+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");
+const SiteMenu_1 = require("../../SiteMenu");
+const SystemToolbar = (_a) => {
+    var { children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, darkModeButton = false, authButton = false, menuItems } = _a, props = tslib_1.__rest(_a, ["children", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "darkModeButton", "authButton", "menuItems"]);
+    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_app_settings_1.DarkModeIconButton, { color: "inherit" }) : null, menuItems ? (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, { children: menuItems }) : null] })));
+};
+exports.SystemToolbar = SystemToolbar;
+//# sourceMappingURL=SystemToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAE5D,yDAA+C;AAC/C,wEAAoE;AACpE,8DAA4D;AAC5D,wDAA8D;AAC9D,8DAAkF;AAGlF,6CAAyC;AAYlC,MAAM,aAAa,GAAiC,CAAC,EAU3D,EAAE,EAAE;QAVuD,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,SAAS,OAEV,EADI,KAAK,sBATkD,+IAU3D,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,uCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,uBAAC,mBAAQ,cAAE,SAAS,GAAY,CAAC,CAAC,CAAC,IAAI,KAC5C,CACX,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,aAAa,iBAiCzB"}

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './Context';
+export * from './System';

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

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

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

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

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

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

package/dist/cjs/components/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,iEAAsC;AACtC,sDAA2B;AAC3B,qDAA0B;AAC1B,oDAAyB"}

package/dist/cjs/index.d.ts

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

package/dist/cjs/index.js

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

package/dist/cjs/index.js.map

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

package/package.json

@@ -14,20 +14,20 @@
     "@emotion/styled": "^11.9.3",
     "@mui/icons-material": "^5.8.4",
     "@mui/material": "^5.9.0",
-    "@xylabs/react-appbar": "^2.14.8",
-    "@xylabs/react-button": "^2.14.8",
-    "@xylabs/react-common": "^2.14.8",
-    "@xylabs/react-flexbox": "^2.14.8",
-    "@xylabs/react-link": "^2.14.8",
-    "@xylabs/react-shared": "^2.14.8",
-    "@xyo-network/react-app-settings": "^2.26.18",
-    "@xyo-network/react-archive": "^2.26.18",
-    "@xyo-network/react-archivist-api": "^2.26.18",
-    "@xyo-network/react-auth": "^2.26.18",
-    "@xyo-network/react-network": "^2.26.18",
-    "@xyo-network/react-shared": "^2.26.18",
-    "@xyo-network/react-wallet": "^2.26.18",
-    "@xyo-network/wallet": "^2.21.18",
+    "@xylabs/react-appbar": "^2.14.10",
+    "@xylabs/react-button": "^2.14.10",
+    "@xylabs/react-common": "^2.14.10",
+    "@xylabs/react-flexbox": "^2.14.10",
+    "@xylabs/react-link": "^2.14.10",
+    "@xylabs/react-shared": "^2.14.10",
+    "@xyo-network/react-app-settings": "^2.26.21",
+    "@xyo-network/react-archive": "^2.26.21",
+    "@xyo-network/react-archivist-api": "^2.26.21",
+    "@xyo-network/react-auth": "^2.26.21",
+    "@xyo-network/react-network": "^2.26.21",
+    "@xyo-network/react-shared": "^2.26.21",
+    "@xyo-network/react-wallet": "^2.26.21",
+    "@xyo-network/wallet": "^2.21.19",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0"
@@ -88,6 +88,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.18",
-  "packageManager": "yarn@3.1.1"
+  "version": "2.26.21"
 }