@xyo-network/react-appbar 2.23.7

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

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

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppBar, Container, Toolbar, useMediaQuery, useTheme } from '@mui/material';
+import { FlexGrowRow, FlexRow } from '@xylabs/sdk-react';
+import { ContextToolbar, SystemToolbar } from '../Toolbar';
+export const ApplicationAppBar = ({ systemToolbar, contextToolbar, children, responsive = true, ...props }) => {
+    const { breakpoints } = useTheme();
+    const belowSm = useMediaQuery(breakpoints.down('sm'));
+    return (_jsx(AppBar, { position: "sticky", ...props, children: _jsxs(Container, { maxWidth: "xl", disableGutters: true, children: [_jsxs(FlexRow, { flexWrap: "nowrap", justifyContent: "flex-start", children: [contextToolbar ?? _jsx(ContextToolbar, { version: true }), _jsx(FlexGrowRow, { children: belowSm && responsive ? null : children }), systemToolbar ?? _jsx(SystemToolbar, {})] }), belowSm && children && responsive ? _jsx(Toolbar, { children: children }) : null] }) }));
+};
+//# sourceMappingURL=Application.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,SAAS,EAAE,OAAO,EAAgB,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC9G,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAQ1D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9I,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACrD,OAAO,CACL,KAAC,MAAM,IAAC,QAAQ,EAAC,QAAQ,KAAK,KAAK,YACjC,MAAC,SAAS,IAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,mBACrC,MAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,aACnD,cAAc,IAAI,KAAC,cAAc,IAAC,OAAO,SAAG,EAC7C,KAAC,WAAW,cAAE,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAe,EACnE,aAAa,IAAI,KAAC,aAAa,KAAG,IAC3B,EACT,OAAO,IAAI,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,QAAQ,GAAW,CAAC,CAAC,CAAC,IAAI,IAC/D,GACL,CACV,CAAA;AACH,CAAC,CAAA"}

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

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

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

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

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

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

package/dist/esm/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/esm/components/MobileSystemControls/SystemControls.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlexCol } from '@xylabs/sdk-react';
+import { SystemControlsRoot } from './SystemControlsRoot';
+const SystemControls = (props) => {
+    return (_jsx(FlexCol, { children: _jsx(SystemControlsRoot, { ...props }) }));
+};
+export { SystemControls };
+//# sourceMappingURL=SystemControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControls.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGzD,MAAM,cAAc,GAA0C,CAAC,KAAK,EAAE,EAAE;IACtE,OAAO,CACL,KAAC,OAAO,cACN,KAAC,kBAAkB,OAAK,KAAK,GAAI,GACzB,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/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/esm/components/MobileSystemControls/SystemControlsRoot.js

@@ -0,0 +1,59 @@
+import { styled } from '@mui/material';
+import { SystemControlsType } from './SystemControlsType';
+import { SystemControlsUnstyled } from './SystemControlsUnstyled';
+const SystemControlsRoot = styled(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.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.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',
+    },
+}));
+export { SystemControlsRoot };
+//# sourceMappingURL=SystemControlsRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsRoot.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,sBAAsB,EAA+B,MAAM,0BAA0B,CAAA;AAE9F,MAAM,kBAAkB,GAAG,MAAM,CAAC,sBAAsB,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,kBAAkB,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,kBAAkB,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;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/esm/components/MobileSystemControls/SystemControlsType.d.ts

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

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

@@ -0,0 +1,7 @@
+export var SystemControlsType;
+(function (SystemControlsType) {
+    SystemControlsType["Left"] = "Left";
+    SystemControlsType["Right"] = "Right";
+    SystemControlsType["WindowShade"] = "WindowShade";
+})(SystemControlsType || (SystemControlsType = {}));
+//# sourceMappingURL=SystemControlsType.js.map

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

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

package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/sdk-react';
+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/esm/components/MobileSystemControls/SystemControlsUnstyled.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMediaQuery } from '@mui/material';
+import { FlexCol, FlexRow } from '@xylabs/sdk-react';
+import { ArchiveSelectEx, useArchive } from '@xyo-network/react-archive';
+import { NetworkSelectEx, useNetwork } from '@xyo-network/react-network';
+import { ControlText, SystemControl } from './controls';
+import { SystemControlsType } from './SystemControlsType';
+const SystemControlsUnstyled = ({ systemControlsType = SystemControlsType.WindowShade, visible, ...props }) => {
+    const { network } = useNetwork();
+    const { archive } = useArchive();
+    const isSmall = useMediaQuery((theme) => theme.breakpoints.down('sm'));
+    if (visible || isSmall) {
+        return (_jsx(FlexCol, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: _jsx(SystemControl, { systemControlsType: systemControlsType, controlElement: _jsxs(_Fragment, { children: [_jsx(FlexRow, { paper: true, className: 'control-wrap', children: _jsx(NetworkSelectEx, { responsive: false, className: "network-ex" }) }), _jsx(FlexRow, { paper: true, children: _jsx(ArchiveSelectEx, {}) })] }), children: _jsx(ControlText, { value: `${network?.name} : ${archive ?? 'temp'} ` }) }) }));
+    }
+    else {
+        return _jsx(FlexCol, {});
+    }
+};
+export { SystemControlsUnstyled };
+//# sourceMappingURL=SystemControlsUnstyled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,aAAa,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAExE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnJ,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,OAAO,GAAG,aAAa,CAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE7E,IAAI,OAAO,IAAI,OAAO,EAAE;QACtB,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,yBAAyB,kBAAkB,EAAE,YAC5F,KAAC,aAAa,IACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,8BACE,KAAC,OAAO,IAAC,KAAK,QAAC,SAAS,EAAE,cAAc,YACtC,KAAC,eAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,GACrD,EACV,KAAC,OAAO,IAAC,KAAK,kBACZ,KAAC,eAAe,KAAG,GACX,IACT,YAGL,KAAC,WAAW,IAAC,KAAK,EAAE,GAAG,OAAO,EAAE,IAAI,MAAM,OAAO,IAAI,MAAM,GAAG,GAAI,GACpD,GACR,CACX,CAAA;KACF;SAAM;QACL,OAAO,KAAC,OAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGD,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

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

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

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Collapse } from '@mui/material';
+import { FlexCol, FlexRow } from '@xylabs/sdk-react';
+import { useState } from 'react';
+import { SystemControlsType } from '../SystemControlsType';
+const SystemControl = ({ children, controlElement, systemControlsType = SystemControlsType.WindowShade, ...props }) => {
+    const [toggleControls, setToggleControls] = useState(false);
+    let orientation = 'vertical';
+    switch (systemControlsType) {
+        case SystemControlsType.Left: {
+            orientation = 'horizontal';
+            break;
+        }
+    }
+    return (_jsxs(FlexRow, { className: "controls", ...props, children: [_jsx(Collapse, { in: toggleControls, orientation: orientation, timeout: 500, children: _jsx(FlexRow, { bgcolor: "primary.main", className: "control", children: controlElement }) }), _jsx(FlexCol, { onClick: () => setToggleControls(!toggleControls), children: children })] }));
+};
+export { SystemControl };
+//# sourceMappingURL=SystemControl.js.map

package/dist/esm/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,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAgB,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAO1D,MAAM,aAAa,GAA+C,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChK,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3D,IAAI,WAAW,GAAiC,UAAU,CAAA;IAE1D,QAAQ,kBAAkB,EAAE;QAC1B,KAAK,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC5B,WAAW,GAAG,YAAY,CAAA;YAC1B,MAAK;SACN;KACF;IAED,OAAO,CACL,MAAC,OAAO,IAAC,SAAS,EAAC,UAAU,KAAK,KAAK,aACrC,KAAC,QAAQ,IAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,YAClE,KAAC,OAAO,IAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,YAChD,cAAc,GACP,GACD,EACX,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,YAAG,QAAQ,GAAW,IACxE,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/components/MobileSystemControls/controls/SystemControlText.d.ts

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { FlexCol } from '@xylabs/sdk-react';
+const ControlText = ({ value, ...props }) => {
+    return (_jsx(FlexCol, { className: `${props.className} toggle`, ...props, children: _jsx(Typography, { variant: "caption", color: "white", fontWeight: "bold", children: value }) }));
+};
+export { ControlText };
+//# sourceMappingURL=SystemControlText.js.map

package/dist/esm/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,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAMzD,MAAM,WAAW,GAAqC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5E,OAAO,CACL,KAAC,OAAO,IAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,SAAS,KAAM,KAAK,YACxD,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,YAC1D,KAAK,GACK,GACL,CACX,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/esm/components/MobileSystemControls/controls/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from './SystemControl';
+export * from './SystemControlText';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA"}

package/dist/esm/components/MobileSystemControls/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export * from './SystemControls';
+export * from './SystemControlsType';
+export * from './SystemControlsUnstyled';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}

package/dist/esm/components/SearchBar/SearchBar.d.ts

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

package/dist/esm/components/SearchBar/SearchBar.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import SearchIcon from '@mui/icons-material/Search';
+import { Paper, TextField } from '@mui/material';
+import { ButtonEx, FlexRow } from '@xylabs/sdk-react';
+import { useState } from 'react';
+export const SearchBar = ({ defaultValue, onSearch, ...props }) => {
+    const [term, setTerm] = useState();
+    return (_jsx(FlexRow, { alignItems: "stretch", ...props, children: _jsxs(Paper, { style: { display: 'flex', flexGrow: 1, overflow: 'hidden' }, children: [_jsx(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?.(term);
+                    } }), _jsx(ButtonEx, { variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch?.(term), children: _jsx(SearchIcon, {}) })] }) }));
+};
+//# sourceMappingURL=SearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAMhC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAU,CAAA;IAE1C,OAAO,CACL,KAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YACrC,MAAC,KAAK,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAChE,KAAC,SAAS,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,EAAE,CAAC,IAAI,CAAC,CAAA;oBAC7C,CAAC,GACD,EACF,KAAC,QAAQ,IAAC,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,EAAE,CAAC,IAAI,CAAC,YACjI,KAAC,UAAU,KAAG,GACL,IACL,GACA,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SearchBar/index.d.ts

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

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

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

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

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

package/dist/esm/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/esm/components/Toolbar/Context/ContextToolbar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toolbar } from '@mui/material';
+import { XyoLogoLinkEx } from './XyoLogoLinkEx';
+export const ContextToolbar = ({ logoTo = '/', version = false, ...props }) => {
+    return (_jsx(Toolbar, { ...props, children: _jsx(XyoLogoLinkEx, { version: version, to: logoTo }) }));
+};
+//# sourceMappingURL=ContextToolbar.js.map

package/dist/esm/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,OAAO,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAO/C,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3G,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,GAAI,GACvC,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/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/esm/components/Toolbar/Context/XyoLogo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from '@mui/material';
+export const XyoLogo = (props) => {
+    const theme = 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 _jsx("img", { src: logoUrl, ...props });
+};
+//# sourceMappingURL=XyoLogo.js.map

package/dist/esm/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,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,OAAO,GAAmG,CAAC,KAAK,EAAE,EAAE;IAC/H,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,yDAAyD,CAAC,CAAC,CAAC,yDAAyD,CAAA;IACrK,OAAO,cAAK,GAAG,EAAE,OAAO,KAAM,KAAK,GAAI,CAAA;AACzC,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography, useTheme } from '@mui/material';
+import { FlexRow, LinkEx } from '@xylabs/sdk-react';
+import { XyoLogo } from './XyoLogo';
+export const XyoLogoLinkEx = ({ to = '/', version = false, ...props }) => {
+    const theme = useTheme();
+    return (_jsx(LinkEx, { to: to, ...props, children: _jsxs(FlexRow, { paddingX: "4px", children: [_jsx(XyoLogo, { height: "40", width: "43" }), version ? (_jsx(Typography, { 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] }) }));
+};
+//# sourceMappingURL=XyoLogoLinkEx.js.map

package/dist/esm/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,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAe,MAAM,mBAAmB,CAAA;AAEhE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAMnC,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,KAAM,KAAK,YACvB,MAAC,OAAO,IAAC,QAAQ,EAAC,KAAK,aACrB,KAAC,OAAO,IAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAG,EACjC,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,UAAU,IACT,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,YAE/E,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,GACnC,CACd,CAAC,CAAC,CAAC,IAAI,IACA,GACH,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Toolbar/Context/index.d.ts

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

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

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

package/dist/esm/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,cAAc,kBAAkB,CAAA"}

package/dist/esm/components/Toolbar/System/SiteMenu.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { To } from 'react-router-dom';
+export interface SiteMenuItem {
+    name: string;
+    to?: To;
+    href?: string;
+    onClick?: () => void;
+}
+export interface SiteMenuProps extends FlexBoxProps {
+    hideSettingsMenuItem?: boolean;
+    menuItems?: SiteMenuItem[];
+}
+export declare const SiteMenu: React.FC<SiteMenuProps>;

package/dist/esm/components/Toolbar/System/SiteMenu.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu as MenuIcon } from '@mui/icons-material';
+import { Menu, MenuItem } from '@mui/material';
+import { FlexRow, LinkEx } from '@xylabs/sdk-react';
+import { useRef, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+export const SiteMenu = ({ hideSettingsMenuItem, menuItems, ...props }) => {
+    const [menuElement, setMenuElement] = useState(null);
+    const open = Boolean(menuElement);
+    const navigate = useNavigate();
+    const handleMenuClose = () => {
+        setMenuElement(null);
+    };
+    const ref = useRef(null);
+    return (_jsxs(FlexRow, { alignItems: "stretch", ...props, children: [_jsx(LinkEx, { color: "inherit", onClick: () => {
+                    setMenuElement(ref.current);
+                }, children: _jsx("div", { style: { alignItems: 'center', cursor: 'pointer', display: 'flex' }, ref: ref, children: _jsx(MenuIcon, { fontSize: "large" }) }) }), _jsxs(Menu, { anchorEl: menuElement, open: open, onClose: handleMenuClose, children: [menuItems?.map(({ name, to, href, onClick }) => {
+                        return (_jsx(MenuItem, { onClick: () => {
+                                if (onClick) {
+                                    onClick();
+                                }
+                                else if (to) {
+                                    navigate(to);
+                                }
+                                else if (href) {
+                                    window.open(href);
+                                }
+                                handleMenuClose();
+                            }, disableRipple: true, children: name }, name));
+                    }), hideSettingsMenuItem ? null : (_jsx(MenuItem, { onClick: () => {
+                            navigate('/settings');
+                            handleMenuClose();
+                        }, disableRipple: true, children: "Settings" }))] })] }));
+};
+//# sourceMappingURL=SiteMenu.js.map

package/dist/esm/components/Toolbar/System/SiteMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteMenu.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SiteMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAgB,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAM,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAclD,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAA;IAC9E,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;IACjC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,cAAc,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;gBAC7B,CAAC,YAED,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,YAChF,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,GACzB,GACC,EACT,MAAC,IAAI,IAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,aAC9D,SAAS,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;wBAC9C,OAAO,CACL,KAAC,QAAQ,IAEP,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,OAAO,EAAE;oCACX,OAAO,EAAE,CAAA;iCACV;qCAAM,IAAI,EAAE,EAAE;oCACb,QAAQ,CAAC,EAAE,CAAC,CAAA;iCACb;qCAAM,IAAI,IAAI,EAAE;oCACf,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;iCAClB;gCACD,eAAe,EAAE,CAAA;4BACnB,CAAC,EACD,aAAa,kBAEZ,IAAI,IAbA,IAAI,CAcA,CACZ,CAAA;oBACH,CAAC,CAAC,EACD,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7B,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,WAAW,CAAC,CAAA;4BACrB,eAAe,EAAE,CAAA;wBACnB,CAAC,EACD,aAAa,+BAGJ,CACZ,IACI,IACC,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ToolbarProps } from '@mui/material';
+import { SelectExProps } from '@xylabs/sdk-react';
+import { NetworkSelectExProps } from '@xyo-network/react-network';
+import { SiteMenuProps } from './SiteMenu';
+export interface SystemToolbarProps extends ToolbarProps {
+    networkSelectProps?: NetworkSelectExProps;
+    archiveSelectProps?: SelectExProps<string>;
+    hideNetworkSelect?: boolean;
+    hideArchiveSelect?: boolean;
+    siteMenuProps?: SiteMenuProps;
+    darkModeButton?: boolean;
+    authButton?: boolean;
+    noMenu?: boolean;
+}
+export declare const SystemToolbar: React.FC<SystemToolbarProps>;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toolbar } from '@mui/material';
+import { FlexRow } from '@xylabs/sdk-react';
+import { ArchiveSelectEx } from '@xyo-network/react-archive';
+import { AuthStatusIconButton } from '@xyo-network/react-auth';
+import { NetworkSelectEx } from '@xyo-network/react-network';
+import { DarkModeIconButton } from '@xyo-network/react-shared';
+import { SiteMenu } from './SiteMenu';
+export const SystemToolbar = ({ children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, siteMenuProps, darkModeButton = false, authButton = false, noMenu = false, ...props }) => {
+    return (_jsxs(Toolbar, { ...props, children: [hideNetworkSelect ? null : (_jsx(FlexRow, { paper: true, marginX: 0.5, maxWidth: 120, children: _jsx(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) })), hideArchiveSelect ? null : (_jsx(FlexRow, { paper: true, marginX: 0.5, maxWidth: 120, children: _jsx(ArchiveSelectEx, { fullWidth: true, ...archiveSelectProps }) })), children, authButton ? _jsx(AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? _jsx(DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : _jsx(SiteMenu, { ...siteMenuProps })] }));
+};
+//# sourceMappingURL=SystemToolbar.js.map

package/dist/esm/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,OAAO,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,EAAiB,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAwB,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AAapD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,KAAK,QAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,YACxC,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC7C,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,KAAK,QAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,YACxC,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC7C,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,KAAC,oBAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,KAAC,kBAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,OAAK,aAAa,GAAI,IACxC,CACX,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,3 @@
+export * from './SiteMenu';
+export * from './SystemToolbar';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA"}

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

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

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

@@ -0,0 +1,3 @@
+export * from './Context';
+export * from './System';
+//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/esm/components/index.js

@@ -0,0 +1,5 @@
+export * from './AppBar';
+export * from './MobileSystemControls';
+export * from './SearchBar';
+export * from './Toolbar';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA"}

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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