@xyo-network/react-appbar 2.26.8 → 2.26.9

package/dist/cjs/WebAppNavigationType.d.ts

@@ -0,0 +1 @@
+export declare type WebAppNavigationType = 'menu' | 'sidebar';

package/dist/cjs/WebAppNavigationType.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=WebAppNavigationType.js.map

package/dist/cjs/WebAppNavigationType.js.map

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

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

@@ -1,5 +1,5 @@
 import { ToolbarProps } from '@mui/material';
-import { AppBarExProps } from '@xylabs/react-common';
+import { AppBarExProps } from '@xylabs/react-appbar';
 import { ReactElement } from 'react';
 export interface ApplicationAppBarProps extends AppBarExProps {
     contextToolbar?: ReactElement<ToolbarProps>;

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

@@ -3,11 +3,11 @@ 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_common_1 = require("@xylabs/react-common");
+const react_appbar_1 = require("@xylabs/react-appbar");
 const Toolbar_1 = require("../Toolbar");
 const ApplicationAppBar = (_a) => {
-    var { systemToolbar = (0, jsx_runtime_1.jsx)(Toolbar_1.SystemToolbar, {}), contextToolbar = (0, jsx_runtime_1.jsx)(Toolbar_1.ContextToolbar, {}), responsive = true } = _a, props = tslib_1.__rest(_a, ["systemToolbar", "contextToolbar", "responsive"]);
-    return (0, jsx_runtime_1.jsx)(react_common_1.AppBarEx, Object.assign({ systemToolbar: systemToolbar, contextToolbar: contextToolbar, position: "sticky", responsive: responsive }, props));
+    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

@@ -1 +1 @@
-{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";;;;;AACA,uDAA8D;AAG9D,wCAA0D;AAQnD,MAAM,iBAAiB,GAAqC,CAAC,EAAuG,EAAE,EAAE;QAA3G,EAAE,aAAa,GAAG,uBAAC,uBAAa,KAAG,EAAE,cAAc,GAAG,uBAAC,wBAAc,KAAG,EAAE,UAAU,GAAG,IAAI,OAAY,EAAP,KAAK,sBAArG,iDAAuG,CAAF;IACvK,OAAO,uBAAC,uBAAQ,kBAAC,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAAA;AACxI,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}
+{"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/DarkModeIconButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconButtonProps } from '@mui/material';
+export declare const DarkModeIconButton: React.FC<IconButtonProps>;

package/dist/cjs/components/DarkModeIconButton.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DarkModeIconButton = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DarkModeRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/DarkModeRounded"));
+const LightModeRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/LightModeRounded"));
+const material_1 = require("@mui/material");
+const DarkModeIconButton = (props) => {
+    const { darkMode, enableDarkMode } = useAppSettings();
+    const handleDarkModeChange = () => {
+        enableDarkMode === null || enableDarkMode === void 0 ? void 0 : enableDarkMode(!darkMode);
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleDarkModeChange }, props, { children: darkMode ? (0, jsx_runtime_1.jsx)(DarkModeRounded_1.default, {}) : (0, jsx_runtime_1.jsx)(LightModeRounded_1.default, {}) })));
+};
+exports.DarkModeIconButton = DarkModeIconButton;
+//# sourceMappingURL=DarkModeIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DarkModeIconButton.js","sourceRoot":"","sources":["../../../src/components/DarkModeIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,kGAAqE;AACrE,oGAAuE;AACvE,4CAA2D;AAEpD,MAAM,kBAAkB,GAA8B,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAA;IAErD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,qBAAU,kBAAC,OAAO,EAAE,oBAAoB,IAAM,KAAK,cACjD,QAAQ,CAAC,CAAC,CAAC,uBAAC,yBAAmB,KAAG,CAAC,CAAC,CAAC,uBAAC,0BAAoB,KAAG,IACnD,CACd,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,kBAAkB,sBAY9B"}

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

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

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

@@ -4,13 +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 react_common_1 = require("@xylabs/react-common");
 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_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] })) })));
+    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

@@ -1 +1 @@
-{"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"}
+{"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/System/SystemToolbar.d.ts

@@ -7,9 +7,8 @@ export interface SystemToolbarProps extends ToolbarProps {
     archiveSelectProps?: SelectExProps<string>;
     hideNetworkSelect?: boolean;
     hideArchiveSelect?: boolean;
-    menu?: ReactNode;
     darkModeButton?: boolean;
     authButton?: boolean;
-    noMenu?: boolean;
+    menuItems?: ReactNode;
 }
 export declare const SystemToolbar: React.FC<SystemToolbarProps>;

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

@@ -5,14 +5,14 @@ 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 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)(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 })] })));
+    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

@@ -1 +1 @@
-{"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"}
+{"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/esm/WebAppNavigationType.d.ts

@@ -0,0 +1 @@
+export declare type WebAppNavigationType = 'menu' | 'sidebar';

package/dist/esm/WebAppNavigationType.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=WebAppNavigationType.js.map

package/dist/esm/WebAppNavigationType.js.map

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

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

@@ -1,5 +1,5 @@
 import { ToolbarProps } from '@mui/material';
-import { AppBarExProps } from '@xylabs/react-common';
+import { AppBarExProps } from '@xylabs/react-appbar';
 import { ReactElement } from 'react';
 export interface ApplicationAppBarProps extends AppBarExProps {
     contextToolbar?: ReactElement<ToolbarProps>;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AppBarEx } from '@xylabs/react-common';
+import { AppBarEx } from '@xylabs/react-appbar';
 import { ContextToolbar, SystemToolbar } from '../Toolbar';
 export const ApplicationAppBar = ({ systemToolbar, contextToolbar, responsive = true, ...props }) => {
     return _jsx(AppBarEx, { systemToolbar: systemToolbar ?? _jsx(SystemToolbar, {}), contextToolbar: contextToolbar ?? _jsx(ContextToolbar, {}), position: "sticky", responsive: responsive, ...props });

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconButtonProps } from '@mui/material';
+export declare const DarkModeIconButton: React.FC<IconButtonProps>;

package/dist/esm/components/DarkModeIconButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded';
+import LightModeRoundedIcon from '@mui/icons-material/LightModeRounded';
+import { IconButton } from '@mui/material';
+export const DarkModeIconButton = (props) => {
+    const { darkMode, enableDarkMode } = useAppSettings();
+    const handleDarkModeChange = () => {
+        enableDarkMode?.(!darkMode);
+    };
+    return (_jsx(IconButton, { onClick: handleDarkModeChange, ...props, children: darkMode ? _jsx(DarkModeRoundedIcon, {}) : _jsx(LightModeRoundedIcon, {}) }));
+};
+//# sourceMappingURL=DarkModeIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DarkModeIconButton.js","sourceRoot":"","sources":["../../../src/components/DarkModeIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,MAAM,qCAAqC,CAAA;AACrE,OAAO,oBAAoB,MAAM,sCAAsC,CAAA;AACvE,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAE3D,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAA;IAErD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,cAAc,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,oBAAoB,KAAM,KAAK,YACjD,QAAQ,CAAC,CAAC,CAAC,KAAC,mBAAmB,KAAG,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,GACnD,CACd,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Typography, useTheme } from '@mui/material';
-import { LinkEx } from '@xylabs/react-common';
 import { FlexRow } from '@xylabs/react-flexbox';
+import { LinkEx } from '@xylabs/react-link';
 import { XyoLogo } from './XyoLogo';
 export const XyoLogoLinkEx = ({ to = '/', version = false, ...props }) => {
     const theme = useTheme();

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

@@ -1 +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,MAAM,EAAe,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,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"}
+{"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,uBAAuB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAA;AAExD,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/package.json

@@ -13,19 +13,21 @@
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@mui/icons-material": "^5.8.4",
-    "@mui/material": "^5.8.6",
-    "@xylabs/react-button": "^2.14.4",
-    "@xylabs/react-common": "^2.14.4",
-    "@xylabs/react-flexbox": "^2.14.4",
-    "@xylabs/react-shared": "^2.14.4",
-    "@xyo-network/core": "^2.21.13",
-    "@xyo-network/react-app-settings": "^2.26.8",
-    "@xyo-network/react-archive": "^2.26.8",
-    "@xyo-network/react-archivist-api": "^2.26.8",
-    "@xyo-network/react-auth": "^2.26.8",
-    "@xyo-network/react-network": "^2.26.8",
-    "@xyo-network/react-shared": "^2.26.8",
-    "@xyo-network/react-wallet": "^2.26.8",
+    "@mui/material": "^5.8.7",
+    "@xylabs/react-appbar": "^2.14.5",
+    "@xylabs/react-button": "^2.14.5",
+    "@xylabs/react-common": "^2.14.5",
+    "@xylabs/react-flexbox": "^2.14.5",
+    "@xylabs/react-link": "^2.14.5",
+    "@xylabs/react-shared": "^2.14.5",
+    "@xyo-network/react-app-settings": "^2.26.9",
+    "@xyo-network/react-archive": "^2.26.9",
+    "@xyo-network/react-archivist-api": "^2.26.9",
+    "@xyo-network/react-auth": "^2.26.9",
+    "@xyo-network/react-network": "^2.26.9",
+    "@xyo-network/react-shared": "^2.26.9",
+    "@xyo-network/react-wallet": "^2.26.9",
+    "@xyo-network/wallet": "^2.21.14",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0",
@@ -33,8 +35,8 @@
   },
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
-    "@babel/core": "^7.18.5",
-    "@babel/preset-env": "^7.18.2",
+    "@babel/core": "^7.18.6",
+    "@babel/preset-env": "^7.18.6",
     "@storybook/react": "^6.5.9",
     "@xylabs/tsconfig": "^1.0.14"
   },
@@ -87,6 +89,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.8",
+  "version": "2.26.9",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/AppBar/Application.tsx

@@ -1,5 +1,5 @@
 import { ToolbarProps } from '@mui/material'
-import { AppBarEx, AppBarExProps } from '@xylabs/react-common'
+import { AppBarEx, AppBarExProps } from '@xylabs/react-appbar'
 import { ReactElement } from 'react'
 
 import { ContextToolbar, SystemToolbar } from '../Toolbar'

package/src/components/Toolbar/Context/XyoLogoLinkEx.tsx

@@ -1,6 +1,6 @@
 import { Typography, useTheme } from '@mui/material'
-import { LinkEx, LinkExProps } from '@xylabs/react-common'
 import { FlexRow } from '@xylabs/react-flexbox'
+import { LinkEx, LinkExProps } from '@xylabs/react-link'
 
 import { XyoLogo } from './XyoLogo'