@xyo-network/react-shared 2.25.61 → 2.25.64

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/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/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.14.3",
+    "@xylabs/react-common": "^2.14.3",
+    "@xylabs/react-flexbox": "^2.14.3",
+    "@xylabs/react-shared": "^2.14.3",
     "@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"
@@ -71,8 +71,8 @@
   "resolutions": {
     "@storybook/react/webpack": "^5",
     "bn.js": "^5.2.0",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "webpack": "^5"
   },
   "publishConfig": {
@@ -88,6 +88,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.61",
+  "version": "2.25.64",
   "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)
-}