@xyo-network/react-shared 2.25.62 → 2.25.63

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/TableCell/EllipsisTableCell.js

@@ -15,10 +15,11 @@ const TableCellValue = (_a) => {
 };
 const EllipsisTableCell = (_a) => {
     var { value, to, href } = _a, props = tslib_1.__rest(_a, ["value", "to", "href"]);
-    const [hashCellWidth, setHashCellWidth] = (0, react_1.useState)(0);
+    const [calcCellWidth, setCalcCellWidth] = (0, react_1.useState)(0);
     const hashDivRef = (0, react_1.useRef)(null);
     const theme = (0, material_1.useTheme)();
-    const spacing = parseInt(theme.spacing(2).substring(-2));
+    // We calulate the spacing since we know that table rows use padding.
+    const spacing = parseInt(theme.spacing(4).substring(-2));
     (0, react_1.useEffect)(() => {
         var _a;
         const currentElement = (_a = hashDivRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
@@ -28,7 +29,7 @@ const EllipsisTableCell = (_a) => {
             const smallestParentWidth = (0, getSmallestParentWidth_1.getSmallestParentWidth)(cell);
             if (smallestParentWidth && row) {
                 const remainderWidth = smallestParentWidth - (0, getRemainingRowWidth_1.getRemainingRowWidth)(row) - spacing;
-                setHashCellWidth(remainderWidth);
+                setCalcCellWidth(remainderWidth);
             }
         };
         const onResize = () => {
@@ -46,11 +47,11 @@ const EllipsisTableCell = (_a) => {
     }, [hashDivRef, spacing]);
     return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: hashDivRef, style: {
                 display: 'block',
-                maxWidth: hashCellWidth,
+                maxWidth: calcCellWidth,
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
                 whiteSpace: 'nowrap',
-            } }, { children: href || to ? ((0, jsx_runtime_1.jsx)(react_common_1.LinkEx, Object.assign({ to: to, href: href, target: href ? '_blank' : undefined }, { children: (0, jsx_runtime_1.jsx)(TableCellValue, { value: value, hashCellWidth: hashCellWidth }) }))) : ((0, jsx_runtime_1.jsx)(TableCellValue, { value: value, hashCellWidth: hashCellWidth })) })) })));
+            } }, { children: href || to ? ((0, jsx_runtime_1.jsx)(react_common_1.LinkEx, Object.assign({ to: to, href: href, target: href ? '_blank' : undefined }, { children: (0, jsx_runtime_1.jsx)(TableCellValue, { value: value, hashCellWidth: calcCellWidth }) }))) : ((0, jsx_runtime_1.jsx)(TableCellValue, { value: value, hashCellWidth: calcCellWidth })) })) })));
 };
 exports.EllipsisTableCell = EllipsisTableCell;
 //# sourceMappingURL=EllipsisTableCell.js.map

package/dist/cjs/components/TableCell/EllipsisTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/TableCell/getSmallestParentWidth.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSmallestParentWidth = void 0;
 const getSmallestParentWidth = (element, maxDepth = 4) => {
-    var _a, _b, _c;
+    var _a;
     let currentElement = element === null || element === void 0 ? void 0 : element.parentElement;
     let width = (_a = currentElement === null || currentElement === void 0 ? void 0 : currentElement.clientWidth) !== null && _a !== void 0 ? _a : screen.width;
     let maxDepthCounter = maxDepth;
     while (currentElement && maxDepthCounter > 0) {
-        if (width > ((_b = currentElement.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b['width'])) {
-            width = (_c = currentElement.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c['width'];
+        if (width > currentElement.clientWidth) {
+            width = currentElement.clientWidth;
         }
         currentElement = currentElement.parentElement;
         maxDepthCounter--;

package/dist/cjs/components/TableCell/getSmallestParentWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSmallestParentWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"names":[],"mappings":";;;AAAO,MAAM,sBAAsB,GAAG,CAAC,OAAoB,EAAE,QAAQ,GAAG,CAAC,EAAE,EAAE;;IAC3E,IAAI,cAAc,GAAuB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAA;IAC/D,IAAI,KAAK,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,mCAAI,MAAM,CAAC,KAAK,CAAA;IACvD,IAAI,eAAe,GAAG,QAAQ,CAAA;IAC9B,OAAO,cAAc,IAAI,eAAe,GAAG,CAAC,EAAE;QAC5C,IAAI,KAAK,IAAG,MAAA,cAAc,CAAC,qBAAqB,EAAE,0CAAG,OAAO,CAAC,CAAA,EAAE;YAC7D,KAAK,GAAG,MAAA,cAAc,CAAC,qBAAqB,EAAE,0CAAG,OAAO,CAAC,CAAA;SAC1D;QACD,cAAc,GAAG,cAAc,CAAC,aAAa,CAAA;QAC7C,eAAe,EAAE,CAAA;KAClB;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAZY,QAAA,sBAAsB,0BAYlC"}
+{"version":3,"file":"getSmallestParentWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"names":[],"mappings":";;;AAAO,MAAM,sBAAsB,GAAG,CAAC,OAAoB,EAAE,QAAQ,GAAG,CAAC,EAAE,EAAE;;IAC3E,IAAI,cAAc,GAAuB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAA;IAC/D,IAAI,KAAK,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,mCAAI,MAAM,CAAC,KAAK,CAAA;IACvD,IAAI,eAAe,GAAG,QAAQ,CAAA;IAC9B,OAAO,cAAc,IAAI,eAAe,GAAG,CAAC,EAAE;QAC5C,IAAI,KAAK,GAAG,cAAc,CAAC,WAAW,EAAE;YACtC,KAAK,GAAG,cAAc,CAAC,WAAW,CAAA;SACnC;QACD,cAAc,GAAG,cAAc,CAAC,aAAa,CAAA;QAC7C,eAAe,EAAE,CAAA;KAClB;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAZY,QAAA,sBAAsB,0BAYlC"}

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

@@ -1,6 +1,5 @@
 export * from './Ampersand';
 export * from './BasicHero';
-export * from './DarkModeIconButton';
 export * from './ErrorBoundry';
 export * from './FullWidthCard';
 export * from './JsonRouteWrapper';

package/dist/cjs/components/index.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Ampersand"), exports);
 tslib_1.__exportStar(require("./BasicHero"), exports);
-tslib_1.__exportStar(require("./DarkModeIconButton"), exports);
 tslib_1.__exportStar(require("./ErrorBoundry"), exports);
 tslib_1.__exportStar(require("./FullWidthCard"), exports);
 tslib_1.__exportStar(require("./JsonRouteWrapper"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,+DAAoC;AACpC,yDAA8B;AAC9B,0DAA+B;AAC/B,6DAAkC;AAClC,6DAAkC;AAClC,iDAAsB;AACtB,4DAAiC;AACjC,8DAAmC;AACnC,uDAA4B;AAC5B,sDAA2B;AAC3B,yDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,yDAA8B;AAC9B,0DAA+B;AAC/B,6DAAkC;AAClC,6DAAkC;AAClC,iDAAsB;AACtB,4DAAiC;AACjC,8DAAmC;AACnC,uDAA4B;AAC5B,sDAA2B;AAC3B,yDAA8B"}

package/dist/cjs/contexts/AppSettings/Context.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
+import { WebAppNavigationType } from '../../WebAppNavigationType';
 export interface AppSettingsContextProps {
     darkMode?: boolean;
     developerMode?: boolean;
     enableDarkMode?: (value: boolean) => void;
     enableDeveloperMode?: (value: boolean) => void;
+    changeNavigationType?: (value: WebAppNavigationType) => void;
+    navigationType?: WebAppNavigationType;
 }
 export declare const AppSettingsContext: import("react").Context<AppSettingsContextProps>;

package/dist/cjs/contexts/AppSettings/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAErC,2DAAuD;AAS1C,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAA0B,IAAA,qCAAiB,GAAE,CAAC,CAAA"}
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAGrC,2DAAuD;AAW1C,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAA0B,IAAA,qCAAiB,GAAE,CAAC,CAAA"}

package/dist/cjs/contexts/AppSettings/Provider.d.ts

@@ -1,5 +1,5 @@
 import { WithChildren } from '@xylabs/react-shared';
-import React, { ProviderProps } from 'react';
+import { ProviderProps } from 'react';
 import { AppSettingsContextProps } from './Context';
 import { AppSettingsStorage } from './Storage';
 export interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {

package/dist/cjs/contexts/AppSettings/Provider.js

@@ -10,6 +10,7 @@ const AppSettingsProvider = (_a) => {
     var { storage = new Storage_1.AppSettingsStorage(), value, children } = _a, props = tslib_1.__rest(_a, ["storage", "value", "children"]);
     const [developerMode, setDeveloperMode] = (0, react_1.useState)(storage.developerMode);
     const [darkMode, setDarkMode] = (0, react_1.useState)(storage.darkMode);
+    const [navigationType, setNaviagtionType] = (0, react_1.useState)(storage.navigationType);
     const enableDeveloperMode = (value) => {
         storage.developerMode = value;
         setDeveloperMode(storage.developerMode);
@@ -18,10 +19,16 @@ const AppSettingsProvider = (_a) => {
         storage.darkMode = value;
         setDarkMode(storage.darkMode);
     };
-    return ((0, jsx_runtime_1.jsx)(Context_1.AppSettingsContext.Provider, Object.assign({ value: Object.assign({ darkMode,
+    const changeNavigationType = (value) => {
+        storage.navigationType = value;
+        setNaviagtionType(value);
+    };
+    return ((0, jsx_runtime_1.jsx)(Context_1.AppSettingsContext.Provider, Object.assign({ value: Object.assign({ changeNavigationType,
+            darkMode,
             developerMode,
             enableDarkMode,
-            enableDeveloperMode }, value) }, props, { children: children })));
+            enableDeveloperMode,
+            navigationType }, value) }, props, { children: children })));
 };
 exports.AppSettingsProvider = AppSettingsProvider;
 //# sourceMappingURL=Provider.js.map

package/dist/cjs/contexts/AppSettings/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Provider.tsx"],"names":[],"mappings":";;;;;AACA,iCAAsD;AAEtD,uCAAuE;AACvE,uCAA8C;AAMvC,MAAM,mBAAmB,GAAqD,CAAC,EAAiE,EAAE,EAAE;QAArE,EAAE,OAAO,GAAG,IAAI,4BAAkB,EAAE,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA/D,gCAAiE,CAAF;IACnJ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAE1D,MAAM,mBAAmB,GAAG,CAAC,KAAc,EAAE,EAAE;QAC7C,OAAO,CAAC,aAAa,GAAG,KAAK,CAAA;QAC7B,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE;QACxC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAA;QACxB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,4BAAkB,CAAC,QAAQ,kBAC1B,KAAK,kBACH,QAAQ;YACR,aAAa;YACb,cAAc;YACd,mBAAmB,IAEhB,KAAK,KAEN,KAAK,cAER,QAAQ,IACmB,CAC/B,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,mBAAmB,uBA6B/B"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Provider.tsx"],"names":[],"mappings":";;;;;AACA,iCAA+C;AAG/C,uCAAuE;AACvE,uCAA8C;AAMvC,MAAM,mBAAmB,GAAqD,CAAC,EAAiE,EAAE,EAAE;QAArE,EAAE,OAAO,GAAG,IAAI,4BAAkB,EAAE,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA/D,gCAAiE,CAAF;IACnJ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,cAAc,CAAC,CAAA;IAE5E,MAAM,mBAAmB,GAAG,CAAC,KAAc,EAAE,EAAE;QAC7C,OAAO,CAAC,aAAa,GAAG,KAAK,CAAA;QAC7B,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE;QACxC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAA;QACxB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,KAA2B,EAAE,EAAE;QAC3D,OAAO,CAAC,cAAc,GAAG,KAAK,CAAA;QAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,4BAAkB,CAAC,QAAQ,kBAC1B,KAAK,kBACH,oBAAoB;YACpB,QAAQ;YACR,aAAa;YACb,cAAc;YACd,mBAAmB;YACnB,cAAc,IAEX,KAAK,KAEN,KAAK,cAER,QAAQ,IACmB,CAC/B,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,mBAAmB,uBAqC/B"}

package/dist/cjs/contexts/AppSettings/Slug.d.ts

@@ -1,4 +1,5 @@
 export declare enum AppSettingSlug {
     DarkMode = "darkmode",
-    Developer = "developer"
+    Developer = "developer",
+    NavigationType = "navgiationType"
 }

package/dist/cjs/contexts/AppSettings/Slug.js

@@ -5,5 +5,6 @@ var AppSettingSlug;
 (function (AppSettingSlug) {
     AppSettingSlug["DarkMode"] = "darkmode";
     AppSettingSlug["Developer"] = "developer";
+    AppSettingSlug["NavigationType"] = "navgiationType";
 })(AppSettingSlug = exports.AppSettingSlug || (exports.AppSettingSlug = {}));
 //# sourceMappingURL=Slug.js.map

package/dist/cjs/contexts/AppSettings/Slug.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slug.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Slug.ts"],"names":[],"mappings":";;;AAAA,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,yCAAuB,CAAA;AACzB,CAAC,EAHW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAGzB"}
+{"version":3,"file":"Slug.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Slug.ts"],"names":[],"mappings":";;;AAAA,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,yCAAuB,CAAA;IACvB,mDAAiC,CAAA;AACnC,CAAC,EAJW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAIzB"}

package/dist/cjs/contexts/AppSettings/Storage.d.ts

@@ -1,3 +1,4 @@
+import { WebAppNavigationType } from '../../WebAppNavigationType';
 import { AppSettingsStorageBase } from './StorageBase';
 export declare class AppSettingsStorage extends AppSettingsStorageBase {
     constructor(prefix?: string, defaults?: Record<string, unknown>);
@@ -5,4 +6,6 @@ export declare class AppSettingsStorage extends AppSettingsStorageBase {
     set darkMode(value: boolean);
     get developerMode(): boolean;
     set developerMode(value: boolean);
+    get navigationType(): WebAppNavigationType;
+    set navigationType(value: WebAppNavigationType);
 }

package/dist/cjs/contexts/AppSettings/Storage.js

@@ -20,6 +20,12 @@ class AppSettingsStorage extends StorageBase_1.AppSettingsStorageBase {
     set developerMode(value) {
         this.setBoolean(Slug_1.AppSettingSlug.Developer, value);
     }
+    get navigationType() {
+        return this.getString(Slug_1.AppSettingSlug.NavigationType);
+    }
+    set navigationType(value) {
+        this.setString(Slug_1.AppSettingSlug.NavigationType, value);
+    }
 }
 exports.AppSettingsStorage = AppSettingsStorage;
 //# sourceMappingURL=Storage.js.map

package/dist/cjs/contexts/AppSettings/Storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Storage.ts"],"names":[],"mappings":";;;AAAA,2DAAuD;AACvD,iCAAuC;AACvC,+CAAsD;AAEtD,MAAa,kBAAmB,SAAQ,oCAAsB;IAC5D,YAAY,MAAM,GAAG,aAAa,EAAE,QAAkC;QACpE,KAAK,CAAC,MAAM,kCAAO,IAAA,qCAAiB,GAAE,GAAK,QAAQ,EAAG,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;CACF;AApBD,gDAoBC"}
+{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Storage.ts"],"names":[],"mappings":";;;AACA,2DAAuD;AACvD,iCAAuC;AACvC,+CAAsD;AAEtD,MAAa,kBAAmB,SAAQ,oCAAsB;IAC5D,YAAY,MAAM,GAAG,aAAa,EAAE,QAAkC;QACpE,KAAK,CAAC,MAAM,kCAAO,IAAA,qCAAiB,GAAE,GAAK,QAAQ,EAAG,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,qBAAc,CAAC,cAAc,CAAyB,CAAA;IAC9E,CAAC;IAED,IAAI,cAAc,CAAC,KAA2B;QAC5C,IAAI,CAAC,SAAS,CAAC,qBAAc,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;IACtD,CAAC;CACF;AA5BD,gDA4BC"}

package/dist/cjs/contexts/AppSettings/appSettingDefault.js

@@ -6,6 +6,7 @@ const appSettingDefault = () => {
     return {
         [Slug_1.AppSettingSlug.DarkMode]: false,
         [Slug_1.AppSettingSlug.Developer]: false,
+        [Slug_1.AppSettingSlug.NavigationType]: 'menu',
     };
 };
 exports.appSettingDefault = appSettingDefault;

package/dist/cjs/contexts/AppSettings/appSettingDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"appSettingDefault.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/appSettingDefault.ts"],"names":[],"mappings":";;;AAAA,iCAAuC;AAEhC,MAAM,iBAAiB,GAAG,GAA4B,EAAE;IAC7D,OAAO;QACL,CAAC,qBAAc,CAAC,QAAQ,CAAC,EAAE,KAAK;QAChC,CAAC,qBAAc,CAAC,SAAS,CAAC,EAAE,KAAK;KAClC,CAAA;AACH,CAAC,CAAA;AALY,QAAA,iBAAiB,qBAK7B"}
+{"version":3,"file":"appSettingDefault.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/appSettingDefault.ts"],"names":[],"mappings":";;;AAAA,iCAAuC;AAEhC,MAAM,iBAAiB,GAAG,GAA4B,EAAE;IAC7D,OAAO;QACL,CAAC,qBAAc,CAAC,QAAQ,CAAC,EAAE,KAAK;QAChC,CAAC,qBAAc,CAAC,SAAS,CAAC,EAAE,KAAK;QACjC,CAAC,qBAAc,CAAC,cAAc,CAAC,EAAE,MAAM;KACxC,CAAA;AACH,CAAC,CAAA;AANY,QAAA,iBAAiB,qBAM7B"}

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

@@ -1,3 +1,2 @@
-export * from './AppSettings';
 export * from './contextEx';
 export * from './Pixel';

package/dist/cjs/contexts/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B;AAC7B,sDAA2B;AAC3B,kDAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,kDAAuB"}

package/dist/cjs/hooks/GradientStyles/GradientStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GradientStyles.js","sourceRoot":"","sources":["../../../../src/hooks/GradientStyles/GradientStyles.tsx"],"names":[],"mappings":";;;AAAA,4CAAwC;AACxC,wCAAsD;AAS/C,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,OAAO;QACL,UAAU,EAAE;YACV,eAAe,EAAE,qEAAqE;SACvF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,qEAAqE;YAClF,gBAAgB,EAAE,CAAC;YACnB,iBAAiB,EAAE,qEAAqE;YACxF,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACP,oBAAoB,EAAE,MAAM;YAC5B,mBAAmB,EAAE,aAAa;YAClC,UAAU,EAAE,qEAAqE;YACjF,OAAO,EAAE,cAAc;SACxB;KACF,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,yBAAyB,6BAoBrC;AAEM,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,OAAO;QACL,UAAU,EAAE;YACV,eAAe,EAAE,qEAAqE;SACvF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,qEAAqE;YAClF,gBAAgB,EAAE,CAAC;YACnB,iBAAiB,EAAE,qEAAqE;YACxF,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACP,oBAAoB,EAAE,MAAM;YAC5B,mBAAmB,EAAE,aAAa;YAClC,UAAU,EAAE,qEAAqE;YACjF,OAAO,EAAE,cAAc;SACxB;KACF,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,wBAAwB,4BAoBpC;AAEM,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAA,gCAAwB,GAAE,CAAC,CAAC,CAAC,IAAA,iCAAyB,GAAE,CAAA;IACvG,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,MAAM,CAAC,CAAA;IAClC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA;AAC5B,CAAC,CAAA;AALY,QAAA,iBAAiB,qBAK7B"}
+{"version":3,"file":"GradientStyles.js","sourceRoot":"","sources":["../../../../src/hooks/GradientStyles/GradientStyles.tsx"],"names":[],"mappings":";;;AAAA,4CAAwC;AACxC,wCAAwC;AASjC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,OAAO;QACL,UAAU,EAAE;YACV,eAAe,EAAE,qEAAqE;SACvF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,qEAAqE;YAClF,gBAAgB,EAAE,CAAC;YACnB,iBAAiB,EAAE,qEAAqE;YACxF,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACP,oBAAoB,EAAE,MAAM;YAC5B,mBAAmB,EAAE,aAAa;YAClC,UAAU,EAAE,qEAAqE;YACjF,OAAO,EAAE,cAAc;SACxB;KACF,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,yBAAyB,6BAoBrC;AAEM,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,OAAO;QACL,UAAU,EAAE;YACV,eAAe,EAAE,qEAAqE;SACvF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,qEAAqE;YAClF,gBAAgB,EAAE,CAAC;YACnB,iBAAiB,EAAE,qEAAqE;YACxF,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACP,oBAAoB,EAAE,MAAM;YAC5B,mBAAmB,EAAE,aAAa;YAClC,UAAU,EAAE,qEAAqE;YACjF,OAAO,EAAE,cAAc;SACxB;KACF,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,wBAAwB,4BAoBpC;AAEM,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAA,gCAAwB,GAAE,CAAC,CAAC,CAAC,IAAA,iCAAyB,GAAE,CAAA;IACvG,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,MAAM,CAAC,CAAA;IAClC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA;AAC5B,CAAC,CAAA;AALY,QAAA,iBAAiB,qBAK7B"}

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

@@ -1,6 +1,5 @@
 export * from './Ampersand';
 export * from './BasicHero';
-export * from './DarkModeIconButton';
 export * from './ErrorBoundry';
 export * from './FullWidthCard';
 export * from './JsonRouteWrapper';

package/dist/esm/components/index.js

@@ -1,6 +1,5 @@
 export * from './Ampersand';
 export * from './BasicHero';
-export * from './DarkModeIconButton';
 export * from './ErrorBoundry';
 export * from './FullWidthCard';
 export * from './JsonRouteWrapper';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA"}

package/dist/esm/contexts/AppSettings/Context.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
+import { WebAppNavigationType } from '../../WebAppNavigationType';
 export interface AppSettingsContextProps {
     darkMode?: boolean;
     developerMode?: boolean;
     enableDarkMode?: (value: boolean) => void;
     enableDeveloperMode?: (value: boolean) => void;
+    changeNavigationType?: (value: WebAppNavigationType) => void;
+    navigationType?: WebAppNavigationType;
 }
 export declare const AppSettingsContext: import("react").Context<AppSettingsContextProps>;

package/dist/esm/contexts/AppSettings/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AASvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAA0B,iBAAiB,EAAE,CAAC,CAAA"}
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAWvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAA0B,iBAAiB,EAAE,CAAC,CAAA"}

package/dist/esm/contexts/AppSettings/Provider.d.ts

@@ -1,5 +1,5 @@
 import { WithChildren } from '@xylabs/react-shared';
-import React, { ProviderProps } from 'react';
+import { ProviderProps } from 'react';
 import { AppSettingsContextProps } from './Context';
 import { AppSettingsStorage } from './Storage';
 export interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {

package/dist/esm/contexts/AppSettings/Provider.js

@@ -5,6 +5,7 @@ import { AppSettingsStorage } from './Storage';
 export const AppSettingsProvider = ({ storage = new AppSettingsStorage(), value, children, ...props }) => {
     const [developerMode, setDeveloperMode] = useState(storage.developerMode);
     const [darkMode, setDarkMode] = useState(storage.darkMode);
+    const [navigationType, setNaviagtionType] = useState(storage.navigationType);
     const enableDeveloperMode = (value) => {
         storage.developerMode = value;
         setDeveloperMode(storage.developerMode);
@@ -13,11 +14,17 @@ export const AppSettingsProvider = ({ storage = new AppSettingsStorage(), value,
         storage.darkMode = value;
         setDarkMode(storage.darkMode);
     };
+    const changeNavigationType = (value) => {
+        storage.navigationType = value;
+        setNaviagtionType(value);
+    };
     return (_jsx(AppSettingsContext.Provider, { value: {
+            changeNavigationType,
             darkMode,
             developerMode,
             enableDarkMode,
             enableDeveloperMode,
+            navigationType,
             ...value,
         }, ...props, children: children }));
 };

package/dist/esm/contexts/AppSettings/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Provider.tsx"],"names":[],"mappings":";AACA,OAAc,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,kBAAkB,EAA2B,MAAM,WAAW,CAAA;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAM9C,MAAM,CAAC,MAAM,mBAAmB,GAAqD,CAAC,EAAE,OAAO,GAAG,IAAI,kBAAkB,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzJ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAE1D,MAAM,mBAAmB,GAAG,CAAC,KAAc,EAAE,EAAE;QAC7C,OAAO,CAAC,aAAa,GAAG,KAAK,CAAA;QAC7B,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE;QACxC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAA;QACxB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,QAAQ;YACR,aAAa;YACb,cAAc;YACd,mBAAmB;YAEnB,GAAG,KAAK;SACT,KACG,KAAK,YAER,QAAQ,GACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG/C,OAAO,EAAE,kBAAkB,EAA2B,MAAM,WAAW,CAAA;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAM9C,MAAM,CAAC,MAAM,mBAAmB,GAAqD,CAAC,EAAE,OAAO,GAAG,IAAI,kBAAkB,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzJ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;IAE5E,MAAM,mBAAmB,GAAG,CAAC,KAAc,EAAE,EAAE;QAC7C,OAAO,CAAC,aAAa,GAAG,KAAK,CAAA;QAC7B,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE;QACxC,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAA;QACxB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,KAA2B,EAAE,EAAE;QAC3D,OAAO,CAAC,cAAc,GAAG,KAAK,CAAA;QAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,oBAAoB;YACpB,QAAQ;YACR,aAAa;YACb,cAAc;YACd,mBAAmB;YACnB,cAAc;YAEd,GAAG,KAAK;SACT,KACG,KAAK,YAER,QAAQ,GACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/contexts/AppSettings/Slug.d.ts

@@ -1,4 +1,5 @@
 export declare enum AppSettingSlug {
     DarkMode = "darkmode",
-    Developer = "developer"
+    Developer = "developer",
+    NavigationType = "navgiationType"
 }

package/dist/esm/contexts/AppSettings/Slug.js

@@ -2,5 +2,6 @@ export var AppSettingSlug;
 (function (AppSettingSlug) {
     AppSettingSlug["DarkMode"] = "darkmode";
     AppSettingSlug["Developer"] = "developer";
+    AppSettingSlug["NavigationType"] = "navgiationType";
 })(AppSettingSlug || (AppSettingSlug = {}));
 //# sourceMappingURL=Slug.js.map

package/dist/esm/contexts/AppSettings/Slug.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slug.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Slug.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,yCAAuB,CAAA;AACzB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB"}
+{"version":3,"file":"Slug.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Slug.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,yCAAuB,CAAA;IACvB,mDAAiC,CAAA;AACnC,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB"}

package/dist/esm/contexts/AppSettings/Storage.d.ts

@@ -1,3 +1,4 @@
+import { WebAppNavigationType } from '../../WebAppNavigationType';
 import { AppSettingsStorageBase } from './StorageBase';
 export declare class AppSettingsStorage extends AppSettingsStorageBase {
     constructor(prefix?: string, defaults?: Record<string, unknown>);
@@ -5,4 +6,6 @@ export declare class AppSettingsStorage extends AppSettingsStorageBase {
     set darkMode(value: boolean);
     get developerMode(): boolean;
     set developerMode(value: boolean);
+    get navigationType(): WebAppNavigationType;
+    set navigationType(value: WebAppNavigationType);
 }

package/dist/esm/contexts/AppSettings/Storage.js

@@ -17,5 +17,11 @@ export class AppSettingsStorage extends AppSettingsStorageBase {
     set developerMode(value) {
         this.setBoolean(AppSettingSlug.Developer, value);
     }
+    get navigationType() {
+        return this.getString(AppSettingSlug.NavigationType);
+    }
+    set navigationType(value) {
+        this.setString(AppSettingSlug.NavigationType, value);
+    }
 }
 //# sourceMappingURL=Storage.js.map

package/dist/esm/contexts/AppSettings/Storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Storage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEtD,MAAM,OAAO,kBAAmB,SAAQ,sBAAsB;IAC5D,YAAY,MAAM,GAAG,aAAa,EAAE,QAAkC;QACpE,KAAK,CAAC,MAAM,EAAE,EAAE,GAAG,iBAAiB,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;CACF"}
+{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Storage.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEtD,MAAM,OAAO,kBAAmB,SAAQ,sBAAsB;IAC5D,YAAY,MAAM,GAAG,aAAa,EAAE,QAAkC;QACpE,KAAK,CAAC,MAAM,EAAE,EAAE,GAAG,iBAAiB,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,cAAc,CAAyB,CAAA;IAC9E,CAAC;IAED,IAAI,cAAc,CAAC,KAA2B;QAC5C,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;IACtD,CAAC;CACF"}

package/dist/esm/contexts/AppSettings/WebAppNavigationType.d.ts

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

package/dist/esm/contexts/AppSettings/WebAppNavigationType.js

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

package/dist/esm/contexts/AppSettings/WebAppNavigationType.js.map

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

package/dist/esm/contexts/AppSettings/appSettingDefault.js

@@ -3,6 +3,7 @@ export const appSettingDefault = () => {
     return {
         [AppSettingSlug.DarkMode]: false,
         [AppSettingSlug.Developer]: false,
+        [AppSettingSlug.NavigationType]: 'menu',
     };
 };
 //# sourceMappingURL=appSettingDefault.js.map

package/dist/esm/contexts/AppSettings/appSettingDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"appSettingDefault.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/appSettingDefault.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAA4B,EAAE;IAC7D,OAAO;QACL,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK;QAChC,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,KAAK;KAClC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"appSettingDefault.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/appSettingDefault.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAA4B,EAAE;IAC7D,OAAO;QACL,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK;QAChC,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,KAAK;QACjC,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM;KACxC,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,3 +1,2 @@
-export * from './AppSettings';
 export * from './contextEx';
 export * from './Pixel';

package/dist/esm/contexts/index.js

@@ -1,4 +1,3 @@
-export * from './AppSettings';
 export * from './contextEx';
 export * from './Pixel';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/package.json

@@ -12,20 +12,20 @@
   "dependencies": {
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
-    "@mui/icons-material": "^5.8.3",
-    "@mui/material": "^5.8.3",
-    "@mui/styles": "^5.8.3",
+    "@mui/icons-material": "^5.8.4",
+    "@mui/material": "^5.8.4",
+    "@mui/styles": "^5.8.4",
     "@xylabs/pixel": "^1.3.9",
-    "@xylabs/react-button": "^2.12.24",
-    "@xylabs/react-common": "^2.12.24",
-    "@xylabs/react-flexbox": "^2.12.24",
-    "@xylabs/react-shared": "^2.12.24",
+    "@xylabs/react-button": "^2.12.25",
+    "@xylabs/react-common": "^2.12.25",
+    "@xylabs/react-flexbox": "^2.12.25",
+    "@xylabs/react-shared": "^2.12.25",
     "@xylabs/sdk-js": "^2.5.7",
     "@xyo-network/api": "^2.20.45",
     "@xyo-network/network": "^2.20.45",
     "axios": "^0.27.2",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-json-view": "^1.21.3",
     "react-router-dom": "^6.3.0",
     "tslib": "^2.4.0"
@@ -88,6 +88,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.62",
+  "version": "2.25.63",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/index.ts

@@ -1,6 +1,5 @@
 export * from './Ampersand'
 export * from './BasicHero'
-export * from './DarkModeIconButton'
 export * from './ErrorBoundry'
 export * from './FullWidthCard'
 export * from './JsonRouteWrapper'

package/src/contexts/index.ts

@@ -1,3 +1,2 @@
-export * from './AppSettings'
 export * from './contextEx'
 export * from './Pixel'

package/src/components/DarkModeIconButton.tsx

@@ -1,19 +0,0 @@
-import DarkModeRoundedIcon from '@mui/icons-material/DarkModeRounded'
-import LightModeRoundedIcon from '@mui/icons-material/LightModeRounded'
-import { IconButton, IconButtonProps } from '@mui/material'
-
-import { useAppSettings } from '../contexts'
-
-export const DarkModeIconButton: React.FC<IconButtonProps> = (props) => {
-  const { darkMode, enableDarkMode } = useAppSettings()
-
-  const handleDarkModeChange = () => {
-    enableDarkMode?.(!darkMode)
-  }
-
-  return (
-    <IconButton onClick={handleDarkModeChange} {...props}>
-      {darkMode ? <DarkModeRoundedIcon /> : <LightModeRoundedIcon />}
-    </IconButton>
-  )
-}

package/src/contexts/AppSettings/Context.ts

@@ -1,12 +0,0 @@
-import { createContext } from 'react'
-
-import { appSettingDefault } from './appSettingDefault'
-
-export interface AppSettingsContextProps {
-  darkMode?: boolean
-  developerMode?: boolean
-  enableDarkMode?: (value: boolean) => void
-  enableDeveloperMode?: (value: boolean) => void
-}
-
-export const AppSettingsContext = createContext<AppSettingsContextProps>(appSettingDefault())

package/src/contexts/AppSettings/Provider.tsx

@@ -1,40 +0,0 @@
-import { WithChildren } from '@xylabs/react-shared'
-import React, { ProviderProps, useState } from 'react'
-
-import { AppSettingsContext, AppSettingsContextProps } from './Context'
-import { AppSettingsStorage } from './Storage'
-
-export interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {
-  storage?: AppSettingsStorage
-}
-
-export const AppSettingsProvider: React.FC<WithChildren<AppSettingsProviderProps>> = ({ storage = new AppSettingsStorage(), value, children, ...props }) => {
-  const [developerMode, setDeveloperMode] = useState(storage.developerMode)
-  const [darkMode, setDarkMode] = useState(storage.darkMode)
-
-  const enableDeveloperMode = (value: boolean) => {
-    storage.developerMode = value
-    setDeveloperMode(storage.developerMode)
-  }
-
-  const enableDarkMode = (value: boolean) => {
-    storage.darkMode = value
-    setDarkMode(storage.darkMode)
-  }
-
-  return (
-    <AppSettingsContext.Provider
-      value={{
-        darkMode,
-        developerMode,
-        enableDarkMode,
-        enableDeveloperMode,
-
-        ...value,
-      }}
-      {...props}
-    >
-      {children}
-    </AppSettingsContext.Provider>
-  )
-}

package/src/contexts/AppSettings/Slug.ts

@@ -1,4 +0,0 @@
-export enum AppSettingSlug {
-  DarkMode = 'darkmode',
-  Developer = 'developer',
-}

package/src/contexts/AppSettings/Storage.ts

@@ -1,25 +0,0 @@
-import { appSettingDefault } from './appSettingDefault'
-import { AppSettingSlug } from './Slug'
-import { AppSettingsStorageBase } from './StorageBase'
-
-export class AppSettingsStorage extends AppSettingsStorageBase {
-  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {
-    super(prefix, { ...appSettingDefault(), ...defaults })
-  }
-
-  get darkMode() {
-    return this.getBoolean(AppSettingSlug.DarkMode)
-  }
-
-  set darkMode(value: boolean) {
-    this.setBoolean(AppSettingSlug.DarkMode, value)
-  }
-
-  get developerMode() {
-    return this.getBoolean(AppSettingSlug.Developer)
-  }
-
-  set developerMode(value: boolean) {
-    this.setBoolean(AppSettingSlug.Developer, value)
-  }
-}

package/src/contexts/AppSettings/StorageBase.ts

@@ -1,86 +0,0 @@
-import { assertEx } from '@xylabs/sdk-js'
-
-import { assertDefinedEx } from '../../lib'
-
-export class AppSettingsStorageBase {
-  private prefix: string
-  private defaults: Record<string, unknown>
-  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {
-    this.prefix = prefix
-    this.defaults = defaults ?? {}
-  }
-
-  public getBoolean(name: string): boolean {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
-    if (!storedValue) {
-      assertEx(typeof this.defaults[name] === 'boolean', 'Default value is not boolean')
-      const defaultValue = this.defaults[name] as boolean
-      assertEx(defaultValue !== undefined, `Missing Default for ${name}`)
-      return defaultValue
-    }
-    return storedValue !== 'false'
-  }
-
-  public setBoolean(name: string, value: boolean) {
-    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))
-  }
-
-  public setNumber(name: string, value: number) {
-    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))
-  }
-
-  public getNumber(name: string): number {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
-    if (!storedValue) {
-      assertEx(typeof this.defaults[name] === 'boolean', 'Default value is not boolean')
-      const defaultValue = this.defaults[name] as number
-      assertEx(defaultValue !== undefined, `Missing Default for ${name}`)
-      return defaultValue
-    }
-    return parseFloat(storedValue)
-  }
-
-  public getString(name: string) {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
-    if (!storedValue) {
-      assertDefinedEx(typeof this.defaults[name] === 'string', 'Default value is not string')
-      const defaultValue = this.defaults[name] as string
-      assertEx(defaultValue !== undefined, `Missing Default for ${name}`)
-      return defaultValue
-    }
-    return storedValue
-  }
-
-  public setString(name: string, value: string) {
-    localStorage.setItem(`${this.prefix}|${name}`, value)
-  }
-
-  public getStringArray(name: string) {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)?.split(',')
-    if (!storedValue) {
-      assertDefinedEx(Array.isArray(this.defaults[name]), 'Default value is not array')
-      const defaultValue = this.defaults[name] as string[]
-      assertEx(defaultValue !== undefined, `Missing Default for ${name}`)
-      return defaultValue
-    }
-    return storedValue
-  }
-
-  public setStringArray(name: string, value: string[]) {
-    localStorage.setItem(`${this.prefix}|${name}`, value.join(','))
-  }
-
-  public getObject<T>(name: string): T {
-    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
-    const parsedStoredValue = storedValue ? JSON.parse(storedValue) : null
-    if (!parsedStoredValue) {
-      assertEx(typeof this.defaults[name] === 'object', 'Default value is not object')
-      return assertEx(this.defaults[name] as T, `Missing Default for ${name}`)
-    }
-    return parsedStoredValue as T
-  }
-
-  public setObject<T>(name: string, value: T) {
-    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))
-  }
-}

package/src/contexts/AppSettings/appSettingDefault.ts

@@ -1,8 +0,0 @@
-import { AppSettingSlug } from './Slug'
-
-export const appSettingDefault = (): Record<string, unknown> => {
-  return {
-    [AppSettingSlug.DarkMode]: false,
-    [AppSettingSlug.Developer]: false,
-  }
-}

package/src/contexts/AppSettings/index.ts

@@ -1,6 +0,0 @@
-export * from './Context'
-export * from './Provider'
-export * from './Slug'
-export * from './Storage'
-export * from './StorageBase'
-export * from './useAppSettings'

package/src/contexts/AppSettings/useAppSettings.ts

@@ -1,7 +0,0 @@
-import { useContext } from 'react'
-
-import { AppSettingsContext } from './Context'
-
-export const useAppSettings = () => {
-  return useContext(AppSettingsContext)
-}