@xyo-network/os-react-runtime 2.3.0

package/dist/browser/modules/XyOsUi/lib/XyOsUi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XyOsUi.d.ts","sourceRoot":"","sources":["../../../../../src/modules/XyOsUi/lib/XyOsUi.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,KAAK,EAAE,2BAA2B,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACtF,OAAO,KAAK,EAAE,4BAA4B,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC9F,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAwB,IAAI,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAI/D,qBAAa,MAAO,SAAQ,IAAK,YAAW,aAAa;IACvD,uBAAuB,EAAE,4BAA4B,CAAgC;IAErF,OAAO,CAAC,oBAAoB,CAAyB;gBAEzC,MAAM,EAAE,UAAU;IAM9B,WAAoB,UAAU,IAAI,WAAW,GAAG,SAAS,CAExD;IAED,MAAM,KAAK,YAAY,IAAI,YAAY,CAEtC;IAED,MAAM,CAAC,UAAU;IAMjB,MAAM,CAAC,eAAe,CAAC,MAAM,EAAE,2BAA2B;IAK3C,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,uBAA6B,GAAG,OAAO,CAAC,IAAI,CAAC;CASjG"}

package/dist/browser/modules/XyOsUi/lib/index.d.ts

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

package/dist/browser/modules/XyOsUi/lib/index.d.ts.map

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

package/dist/browser/modules/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Dapp/index.ts';
+export * from './LoadingOsLogo/index.ts';
+export * from './network/index.ts';
+export * from './XyOsUi/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/modules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA"}

package/dist/browser/modules/network/components/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface NetworkLoadingIndicatorProps {
+    highContrast?: boolean;
+}
+export declare const NetworkLoadingIndicator: React.FC<NetworkLoadingIndicatorProps>;
+//# sourceMappingURL=LoadingIndicator.d.ts.map

package/dist/browser/modules/network/components/LoadingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/modules/network/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAWtC,MAAM,WAAW,4BAA4B;IAE3C,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA+B1E,CAAA"}

package/dist/browser/modules/network/components/NetworkButton.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonProps } from '@mui/material';
+import React from 'react';
+export declare const NetworkButton: React.FC<ButtonProps>;
+//# sourceMappingURL=NetworkButton.d.ts.map

package/dist/browser/modules/network/components/NetworkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkButton.d.ts","sourceRoot":"","sources":["../../../../../src/modules/network/components/NetworkButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmB/C,CAAA"}

package/dist/browser/modules/network/components/NetworkReady.d.ts

@@ -0,0 +1,8 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+export interface NetworkReadyFlexBoxProps extends PropsWithChildren, FlexBoxProps {
+    skipCheck?: boolean;
+}
+export declare const NetworkReadyFlexBox: React.FC<NetworkReadyFlexBoxProps>;
+//# sourceMappingURL=NetworkReady.d.ts.map

package/dist/browser/modules/network/components/NetworkReady.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkReady.d.ts","sourceRoot":"","sources":["../../../../../src/modules/network/components/NetworkReady.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,EAAE,YAAY;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiBlE,CAAA"}

package/dist/browser/modules/network/components/StyledLoadingIndicator.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledNetworkLoadingIndicator: import("@emotion/styled").StyledComponent<import(".store/@mui-system-virtual-982cf89f35/package").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+//# sourceMappingURL=StyledLoadingIndicator.d.ts.map

package/dist/browser/modules/network/components/StyledLoadingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledLoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/modules/network/components/StyledLoadingIndicator.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,6BAA6B,mXA6CvC,CAAA"}

package/dist/browser/modules/network/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './LoadingIndicator.js';
+export * from './NetworkButton.js';
+export * from './NetworkReady.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/modules/network/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/network/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA"}

package/dist/browser/modules/network/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useOsNetwork.tsx';
+export * from './useXyoPublicNetwork.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/modules/network/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/network/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,2BAA2B,CAAA"}

package/dist/browser/modules/network/hooks/lib/NetworkState.d.ts

@@ -0,0 +1,8 @@
+import type { AttachableNodeInstance } from '@xyo-network/node-model';
+export interface NetworkState {
+    connected: boolean;
+    error: Error | undefined;
+    networkReady: boolean;
+    stack?: AttachableNodeInstance;
+}
+//# sourceMappingURL=NetworkState.d.ts.map

package/dist/browser/modules/network/hooks/lib/NetworkState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkState.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/network/hooks/lib/NetworkState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAErE,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;IACxB,YAAY,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,sBAAsB,CAAA;CAC/B"}

package/dist/browser/modules/network/hooks/lib/createNetworkState.d.ts

@@ -0,0 +1,4 @@
+import type { StackReady } from '../../../../index.ts';
+import type { NetworkState } from './NetworkState.ts';
+export declare const createNetworkState: (stackReady?: StackReady) => NetworkState;
+//# sourceMappingURL=createNetworkState.d.ts.map

package/dist/browser/modules/network/hooks/lib/createNetworkState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createNetworkState.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/network/hooks/lib/createNetworkState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,eAAO,MAAM,kBAAkB,gBAAiB,UAAU,iBAUzD,CAAA"}

package/dist/browser/modules/network/hooks/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from './createNetworkState.ts';
+export * from './NetworkState.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/modules/network/hooks/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/network/hooks/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA"}

package/dist/browser/modules/network/hooks/useOsNetwork.d.ts

@@ -0,0 +1,3 @@
+import { type NetworkState } from './lib/index.ts';
+export declare const useOsNetwork: () => NetworkState;
+//# sourceMappingURL=useOsNetwork.d.ts.map

package/dist/browser/modules/network/hooks/useOsNetwork.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOsNetwork.d.ts","sourceRoot":"","sources":["../../../../../src/modules/network/hooks/useOsNetwork.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAEtE,eAAO,MAAM,YAAY,oBASxB,CAAA"}

package/dist/browser/modules/network/hooks/useXyoPublicNetwork.d.ts

@@ -0,0 +1,3 @@
+import { type NetworkState } from './lib/index.ts';
+export declare const useXyoPublicNetwork: () => NetworkState;
+//# sourceMappingURL=useXyoPublicNetwork.d.ts.map

package/dist/browser/modules/network/hooks/useXyoPublicNetwork.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useXyoPublicNetwork.d.ts","sourceRoot":"","sources":["../../../../../src/modules/network/hooks/useXyoPublicNetwork.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAEtE,eAAO,MAAM,mBAAmB,oBAS/B,CAAA"}

package/dist/browser/modules/network/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components/index.ts';
+export * from './hooks/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/modules/network/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/network/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA"}

package/dist/browser/settings/Theme/ThemeCssVars.d.ts

@@ -0,0 +1,18 @@
+declare module '@mui/material/styles' {
+    interface PaletteOptions {
+        iconBgGradientBuilder: (baseColor: string) => string;
+        iconBgHoverGradientBuilder: (baseColor: string) => string;
+        iconGradient: string;
+        iconGradientHover: string;
+    }
+    interface Palette {
+        iconBgGradientBuilder: (baseColor: string) => string;
+        iconBgHoverGradientBuilder: (baseColor: string) => string;
+        iconGradient: string;
+        iconGradientHover: string;
+    }
+}
+export declare const defaultIconBackground = "#A060E0";
+export declare const defaultIconBackgroundHover = "#bdade8";
+export declare const ThemeCssVars: any;
+//# sourceMappingURL=ThemeCssVars.d.ts.map

package/dist/browser/settings/Theme/ThemeCssVars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeCssVars.d.ts","sourceRoot":"","sources":["../../../../src/settings/Theme/ThemeCssVars.ts"],"names":[],"mappings":"AAIA,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,cAAc;QACtB,qBAAqB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;QACpD,0BAA0B,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;QACzD,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,EAAE,MAAM,CAAA;KAC1B;IACD,UAAU,OAAO;QACf,qBAAqB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;QACpD,0BAA0B,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;QACzD,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,EAAE,MAAM,CAAA;KAC1B;CACF;AAED,eAAO,MAAM,qBAAqB,YAAY,CAAA;AAC9C,eAAO,MAAM,0BAA0B,YAAY,CAAA;AAwDnD,eAAO,MAAM,YAAY,KA2HvB,CAAA"}

package/dist/browser/settings/Theme/ThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import type { WithChildren } from '@xylabs/react-shared';
+import React from 'react';
+export declare const AppOsThemeProvider: React.FC<WithChildren>;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/browser/settings/Theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/settings/Theme/ThemeProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAarD,CAAA"}

package/dist/browser/settings/Theme/index.d.ts

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

package/dist/browser/settings/Theme/index.d.ts.map

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

package/dist/browser/settings/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Theme/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/settings/index.d.ts.map

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

package/dist/browser/utils/DappInstallTypeFilters.d.ts

@@ -0,0 +1,3 @@
+import type { InstallationType, RegisteredDappSet } from '@xyo-network/os-model';
+export declare const DappInstallTypeFilters: Record<InstallationType, (registeredDappSets: RegisteredDappSet[] | undefined) => RegisteredDappSet[] | undefined>;
+//# sourceMappingURL=DappInstallTypeFilters.d.ts.map

package/dist/browser/utils/DappInstallTypeFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DappInstallTypeFilters.d.ts","sourceRoot":"","sources":["../../../src/utils/DappInstallTypeFilters.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAKhF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,gBAAgB,EAChB,CAAC,kBAAkB,EAAE,iBAAiB,EAAE,GAAG,SAAS,KAAK,iBAAiB,EAAE,GAAG,SAAS,CAmBzF,CAAA"}

package/dist/browser/utils/getApiDomain.d.ts

@@ -0,0 +1,3 @@
+declare const getApiDomain: (localHost: boolean, apiDomain: string | undefined) => string;
+export { getApiDomain };
+//# sourceMappingURL=getApiDomain.d.ts.map

package/dist/browser/utils/getApiDomain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getApiDomain.d.ts","sourceRoot":"","sources":["../../../src/utils/getApiDomain.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,cAAe,OAAO,aAAa,MAAM,GAAG,SAAS,WAWtE,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/browser/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DappInstallTypeFilters.js';
+export * from './getApiDomain.ts';
+export * from './useOnWindowResize.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA"}

package/dist/browser/utils/useOnWindowResize.d.ts

@@ -0,0 +1,2 @@
+export declare const useOnWindowResize: () => UIEvent | undefined;
+//# sourceMappingURL=useOnWindowResize.d.ts.map

package/dist/browser/utils/useOnWindowResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnWindowResize.d.ts","sourceRoot":"","sources":["../../../src/utils/useOnWindowResize.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,2BAe7B,CAAA"}

package/dist/browser/xyoOS-Icon-2Q4XCUPP.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 900 900"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:#a8a8a8;opacity:.21;}</style><linearGradient id="linear-gradient" x1="34.7" y1="450.98" x2="865.07" y2="450.98" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#579fd6"/><stop offset=".52" stop-color="#eb407a"/><stop offset="1" stop-color="#f27046"/></linearGradient></defs><path class="cls-2" d="M864.29,297.43c-2.44-6.58-9.76-9.94-16.34-7.5l-143.74,53.26L533.2,21.88c-1.85-3.48-5.21-5.9-9.09-6.56-3.89-.66-7.85.51-10.75,3.18l-267.76,246.55-118-97.86c-5.4-4.48-13.42-3.73-17.9,1.67-4.48,5.4-3.73,13.42,1.67,17.9l118,97.86L36.62,593.37c-2.09,3.34-2.5,7.46-1.14,11.15s4.37,6.54,8.13,7.72l347.4,108.61-25.75,151.12c-1.18,6.92,3.48,13.49,10.4,14.67.24.04.47.07.7.1,6.66.76,12.82-3.81,13.96-10.5l25.75-151.12,363.77,12.56c3.94.14,7.71-1.56,10.22-4.59,2.51-3.03,3.48-7.06,2.62-10.9l-79.64-355.16,143.75-53.26c6.58-2.44,9.94-9.75,7.5-16.34ZM518.49,48.34l156.33,293.75-401.12-68.35,244.79-225.4ZM674.37,367.8l-264.69,319.16-144.06-388.81,408.75,69.65ZM66.9,592.88l176.22-282.26,141.37,381.56-317.59-99.29ZM431.72,700.22l259.75-313.21,72.81,324.69-332.56-11.48Z"/><path class="cls-1" d="M865.04,302.64c.01-.2.02-.4.03-.6,0-.33,0-.66-.03-.99-.01-.2-.02-.39-.04-.58-.04-.35-.1-.71-.17-1.06-.03-.16-.05-.32-.09-.48-.12-.5-.26-1.01-.45-1.5-.18-.49-.4-.97-.64-1.43-.08-.15-.17-.29-.25-.43-.17-.31-.35-.61-.55-.9-.12-.17-.24-.33-.37-.49-.19-.25-.39-.5-.6-.74-.14-.16-.29-.32-.45-.47-.22-.22-.45-.44-.68-.65-.1-.08-.18-.18-.27-.26L530.1,18.07c-.34-.28-.7-.53-1.07-.77-.09-.06-.17-.13-.26-.19-.62-.39-1.26-.7-1.92-.98-.18-.07-.36-.14-.54-.21-.71-.26-1.43-.47-2.16-.6,0,0-.01,0-.02,0,0,0,0,0-.01,0-.67-.11-1.35-.15-2.03-.16-.37,0-.73,0-1.09.03-.23.02-.46.06-.7.09-.86.11-1.69.31-2.5.59-.07.03-.15.04-.23.07l-.32.12c-.2.08-.4.13-.59.22L115.08,165.06c-.11.04-.22.1-.33.15-.3.12-.59.25-.88.39-.19.1-.38.19-.57.3-.27.15-.54.32-.81.5-.17.12-.35.22-.52.35-.27.2-.53.42-.79.64-.14.12-.28.23-.41.35-.35.33-.68.68-1,1.05-.04.05-.08.1-.12.14-.32.38-.6.78-.87,1.2-.09.14-.16.29-.25.43-.18.31-.36.62-.51.94-.08.17-.15.35-.23.53-.13.31-.25.62-.36.93-.06.19-.12.38-.17.57-.09.33-.17.65-.23.98-.02.11-.06.22-.08.33l-72.09,423.12c-.07.43-.11.87-.13,1.3,0,.11-.03.22-.03.33-.03.73.02,1.44.12,2.16.02.19.06.38.09.57.13.74.31,1.48.57,2.19,0,0,0,0,0,0,0,.02.01.03.02.04.2.53.43,1.04.7,1.53.12.22.26.42.38.63.17.28.33.56.52.82.17.23.35.44.54.66.18.22.36.44.56.65.2.21.42.4.63.6.16.14.29.3.46.43l330.39,274c.08.07.17.12.25.18.32.25.65.49.99.71.15.09.29.19.44.28.44.26.9.5,1.37.7.04.02.08.04.12.06.51.21,1.03.39,1.56.53.17.05.35.08.53.12.24.06.47.12.71.16.23.04.46.07.69.1.47.05.95.08,1.42.08.15,0,.3-.02.45-.02.32-.01.65-.02.97-.06.18-.02.36-.06.54-.08.29-.04.58-.09.86-.15.19-.04.38-.1.56-.15.28-.08.55-.16.82-.25.08-.03.15-.04.23-.07l402.48-149.13s.06-.03.09-.04c.39-.15.76-.32,1.13-.51.12-.06.24-.1.35-.16.44-.24.88-.51,1.29-.8.03-.02.06-.04.09-.06.55-.39,1.07-.85,1.56-1.34.83-.82,1.54-1.76,2.11-2.78.09-.17.19-.33.27-.5.32-.64.61-1.3.82-2,.03-.11.05-.22.08-.33.12-.42.23-.84.3-1.27l72.09-423.12c.02-.11.02-.22.03-.33.05-.34.08-.67.1-1.01ZM771.44,701.13l-101.05-83.8,158.61-254.06-57.56,337.86ZM121.2,242.67l65.53,292.26-123.1,45.61,57.57-337.87ZM656.65,591.33l-141.37-381.56,317.59,99.3-176.22,282.26ZM508.76,181.1l22.05-129.41,263.81,218.79-285.86-89.37ZM483.7,176.83l-299.33-10.33L505.75,47.42l-22.05,129.41ZM208.31,514.94l-72.81-324.69,332.56,11.48-259.75,313.21ZM490.1,214.98l144.06,388.81-382.98-65.25-25.77-4.39L490.1,214.98ZM246.9,563.6l379.17,64.6-244.79,225.4-156.33-293.74,21.95,3.74ZM654.16,636.9l101.05,83.8-321.38,119.08,220.33-202.88ZM72.47,604.37l123.1-45.61,140.72,264.4-84.17-69.81-179.65-148.98Z"/></svg>

package/dist/browser/xyoOS-Icon-Black-ACSS4SEQ.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900"><defs><style>.cls-1{fill:#000;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:#a8a8a8;opacity:.21;}</style></defs><path class="cls-2" d="M864.29,297.43c-2.44-6.58-9.76-9.94-16.34-7.5l-143.74,53.26L533.2,21.88c-1.85-3.48-5.21-5.9-9.09-6.56-3.89-.66-7.85.51-10.75,3.18l-267.76,246.55-118-97.86c-5.4-4.48-13.42-3.73-17.9,1.67-4.48,5.4-3.73,13.42,1.67,17.9l118,97.86L36.62,593.37c-2.09,3.34-2.5,7.46-1.14,11.15s4.37,6.54,8.13,7.72l347.4,108.61-25.75,151.12c-1.18,6.92,3.48,13.49,10.4,14.67.24.04.47.07.7.1,6.66.76,12.82-3.81,13.96-10.5l25.75-151.12,363.77,12.56c3.94.14,7.71-1.56,10.22-4.59,2.51-3.03,3.48-7.06,2.62-10.9l-79.64-355.16,143.75-53.26c6.58-2.44,9.94-9.75,7.5-16.34ZM518.49,48.34l156.33,293.75-401.12-68.35,244.79-225.4ZM674.37,367.8l-264.69,319.16-144.06-388.81,408.75,69.65ZM66.9,592.88l176.22-282.26,141.37,381.56-317.59-99.29ZM431.72,700.22l259.75-313.21,72.81,324.69-332.56-11.48Z"/><path class="cls-1" d="M865.04,302.64c.01-.2.02-.4.03-.6,0-.33,0-.66-.03-.99-.01-.2-.02-.39-.04-.58-.04-.35-.1-.71-.17-1.06-.03-.16-.05-.32-.09-.48-.12-.5-.26-1.01-.45-1.5-.18-.49-.4-.97-.64-1.43-.08-.15-.17-.29-.25-.43-.17-.31-.35-.61-.55-.9-.12-.17-.24-.33-.37-.49-.19-.25-.39-.5-.6-.74-.14-.16-.29-.32-.45-.47-.22-.22-.45-.44-.68-.65-.1-.08-.18-.18-.27-.26L530.1,18.07c-.34-.28-.7-.53-1.07-.77-.09-.06-.17-.13-.26-.19-.62-.39-1.26-.7-1.92-.98-.18-.07-.36-.14-.54-.21-.71-.26-1.43-.47-2.16-.6,0,0-.01,0-.02,0,0,0,0,0-.01,0-.67-.11-1.35-.15-2.03-.16-.37,0-.73,0-1.09.03-.23.02-.46.06-.7.09-.86.11-1.69.31-2.5.59-.07.03-.15.04-.23.07l-.32.12c-.2.08-.4.13-.59.22L115.08,165.06c-.11.04-.22.1-.33.15-.3.12-.59.25-.88.39-.19.1-.38.19-.57.3-.27.15-.54.32-.81.5-.17.12-.35.22-.52.35-.27.2-.53.42-.79.64-.14.12-.28.23-.41.35-.35.33-.68.68-1,1.05-.04.05-.08.1-.12.14-.32.38-.6.78-.87,1.2-.09.14-.16.29-.25.43-.18.31-.36.62-.51.94-.08.17-.15.35-.23.53-.13.31-.25.62-.36.93-.06.19-.12.38-.17.57-.09.33-.17.65-.23.98-.02.11-.06.22-.08.33l-72.09,423.12c-.07.43-.11.87-.13,1.3,0,.11-.03.22-.03.33-.03.73.02,1.44.12,2.16.02.19.06.38.09.57.13.74.31,1.48.57,2.19,0,0,0,0,0,0,0,.02.01.03.02.04.2.53.43,1.04.7,1.53.12.22.26.42.38.63.17.28.33.56.52.82.17.23.35.44.54.66.18.22.36.44.56.65.2.21.42.4.63.6.16.14.29.3.46.43l330.39,274c.08.07.17.12.25.18.32.25.65.49.99.71.15.09.29.19.44.28.44.26.9.5,1.37.7.04.02.08.04.12.06.51.21,1.03.39,1.56.53.17.05.35.08.53.12.24.06.47.12.71.16.23.04.46.07.69.1.47.05.95.08,1.42.08.15,0,.3-.02.45-.02.32-.01.65-.02.97-.06.18-.02.36-.06.54-.08.29-.04.58-.09.86-.15.19-.04.38-.1.56-.15.28-.08.55-.16.82-.25.08-.03.15-.04.23-.07l402.48-149.13s.06-.03.09-.04c.39-.15.76-.32,1.13-.51.12-.06.24-.1.35-.16.44-.24.88-.51,1.29-.8.03-.02.06-.04.09-.06.55-.39,1.07-.85,1.56-1.34.83-.82,1.54-1.76,2.11-2.78.09-.17.19-.33.27-.5.32-.64.61-1.3.82-2,.03-.11.05-.22.08-.33.12-.42.23-.84.3-1.27l72.09-423.12c.02-.11.02-.22.03-.33.05-.34.08-.67.1-1.01ZM771.44,701.13l-101.05-83.8,158.61-254.06-57.56,337.86ZM121.2,242.67l65.53,292.26-123.1,45.61,57.57-337.87ZM656.65,591.33l-141.37-381.56,317.59,99.3-176.22,282.26ZM508.76,181.1l22.05-129.41,263.81,218.79-285.86-89.37ZM483.7,176.83l-299.33-10.33L505.75,47.42l-22.05,129.41ZM208.31,514.94l-72.81-324.69,332.56,11.48-259.75,313.21ZM490.1,214.98l144.06,388.81-382.98-65.25-25.77-4.39L490.1,214.98ZM246.9,563.6l379.17,64.6-244.79,225.4-156.33-293.74,21.95,3.74ZM654.16,636.9l101.05,83.8-321.38,119.08,220.33-202.88ZM72.47,604.37l123.1-45.61,140.72,264.4-84.17-69.81-179.65-148.98Z"/></svg>

package/dist/browser/xyoOS-Icon-White-47MP66MD.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 900"><defs><style>.cls-1{fill:#a8a8a8;opacity:.21;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M864.29,297.43c-2.44-6.58-9.76-9.94-16.34-7.5l-143.74,53.26L533.2,21.88c-1.85-3.48-5.21-5.9-9.09-6.56-3.89-.66-7.85.51-10.75,3.18l-267.76,246.55-118-97.86c-5.4-4.48-13.42-3.73-17.9,1.67-4.48,5.4-3.73,13.42,1.67,17.9l118,97.86L36.62,593.37c-2.09,3.34-2.5,7.46-1.14,11.15s4.37,6.54,8.13,7.72l347.4,108.61-25.75,151.12c-1.18,6.92,3.48,13.49,10.4,14.67.24.04.47.07.7.1,6.66.76,12.82-3.81,13.96-10.5l25.75-151.12,363.77,12.56c3.94.14,7.71-1.56,10.22-4.59,2.51-3.03,3.48-7.06,2.62-10.9l-79.64-355.16,143.75-53.26c6.58-2.44,9.94-9.75,7.5-16.34ZM518.49,48.34l156.33,293.75-401.12-68.35,244.79-225.4ZM674.37,367.8l-264.69,319.16-144.06-388.81,408.75,69.65ZM66.9,592.88l176.22-282.26,141.37,381.56-317.59-99.29ZM431.72,700.22l259.75-313.21,72.81,324.69-332.56-11.48Z"/><path class="cls-2" d="M865.04,302.64c.01-.2.02-.4.03-.6,0-.33,0-.66-.03-.99-.01-.2-.02-.39-.04-.58-.04-.35-.1-.71-.17-1.06-.03-.16-.05-.32-.09-.48-.12-.5-.26-1.01-.45-1.5-.18-.49-.4-.97-.64-1.43-.08-.15-.17-.29-.25-.43-.17-.31-.35-.61-.55-.9-.12-.17-.24-.33-.37-.49-.19-.25-.39-.5-.6-.74-.14-.16-.29-.32-.45-.47-.22-.22-.45-.44-.68-.65-.1-.08-.18-.18-.27-.26L530.1,18.07c-.34-.28-.7-.53-1.07-.77-.09-.06-.17-.13-.26-.19-.62-.39-1.26-.7-1.92-.98-.18-.07-.36-.14-.54-.21-.71-.26-1.43-.47-2.16-.6,0,0-.01,0-.02,0,0,0,0,0-.01,0-.67-.11-1.35-.15-2.03-.16-.37,0-.73,0-1.09.03-.23.02-.46.06-.7.09-.86.11-1.69.31-2.5.59-.07.03-.15.04-.23.07l-.32.12c-.2.08-.4.13-.59.22L115.08,165.06c-.11.04-.22.1-.33.15-.3.12-.59.25-.88.39-.19.1-.38.19-.57.3-.27.15-.54.32-.81.5-.17.12-.35.22-.52.35-.27.2-.53.42-.79.64-.14.12-.28.23-.41.35-.35.33-.68.68-1,1.05-.04.05-.08.1-.12.14-.32.38-.6.78-.87,1.2-.09.14-.16.29-.25.43-.18.31-.36.62-.51.94-.08.17-.15.35-.23.53-.13.31-.25.62-.36.93-.06.19-.12.38-.17.57-.09.33-.17.65-.23.98-.02.11-.06.22-.08.33l-72.09,423.12c-.07.43-.11.87-.13,1.3,0,.11-.03.22-.03.33-.03.73.02,1.44.12,2.16.02.19.06.38.09.57.13.74.31,1.48.57,2.19,0,0,0,0,0,0,0,.02.01.03.02.04.2.53.43,1.04.7,1.53.12.22.26.42.38.63.17.28.33.56.52.82.17.23.35.44.54.66.18.22.36.44.56.65.2.21.42.4.63.6.16.14.29.3.46.43l330.39,274c.08.07.17.12.25.18.32.25.65.49.99.71.15.09.29.19.44.28.44.26.9.5,1.37.7.04.02.08.04.12.06.51.21,1.03.39,1.56.53.17.05.35.08.53.12.24.06.47.12.71.16.23.04.46.07.69.1.47.05.95.08,1.42.08.15,0,.3-.02.45-.02.32-.01.65-.02.97-.06.18-.02.36-.06.54-.08.29-.04.58-.09.86-.15.19-.04.38-.1.56-.15.28-.08.55-.16.82-.25.08-.03.15-.04.23-.07l402.48-149.13s.06-.03.09-.04c.39-.15.76-.32,1.13-.51.12-.06.24-.1.35-.16.44-.24.88-.51,1.29-.8.03-.02.06-.04.09-.06.55-.39,1.07-.85,1.56-1.34.83-.82,1.54-1.76,2.11-2.78.09-.17.19-.33.27-.5.32-.64.61-1.3.82-2,.03-.11.05-.22.08-.33.12-.42.23-.84.3-1.27l72.09-423.12c.02-.11.02-.22.03-.33.05-.34.08-.67.1-1.01ZM771.44,701.13l-101.05-83.8,158.61-254.06-57.56,337.86ZM121.2,242.67l65.53,292.26-123.1,45.61,57.57-337.87ZM656.65,591.33l-141.37-381.56,317.59,99.3-176.22,282.26ZM508.76,181.1l22.05-129.41,263.81,218.79-285.86-89.37ZM483.7,176.83l-299.33-10.33L505.75,47.42l-22.05,129.41ZM208.31,514.94l-72.81-324.69,332.56,11.48-259.75,313.21ZM490.1,214.98l144.06,388.81-382.98-65.25-25.77-4.39L490.1,214.98ZM246.9,563.6l379.17,64.6-244.79,225.4-156.33-293.74,21.95,3.74ZM654.16,636.9l101.05,83.8-321.38,119.08,220.33-202.88ZM72.47,604.37l123.1-45.61,140.72,264.4-84.17-69.81-179.65-148.98Z"/></svg>

package/package.json

@@ -0,0 +1,115 @@
+{
+  "name": "@xyo-network/os-react-runtime",
+  "version": "2.3.0",
+  "description": "Primary SDK for using XYO Protocol 2.0",
+  "homepage": "https://xyo.network",
+  "bugs": {
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-client-js/issues",
+    "email": "support@xyo.network"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-client-js.git"
+  },
+  "license": "LGPL-3.0-only",
+  "author": {
+    "name": "XYO Development Team",
+    "email": "support@xyo.network",
+    "url": "https://xyo.network"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/browser/index.mjs",
+  "types": "dist/browser/index.d.ts",
+  "dependencies": {
+    "@mui/icons-material": "^6.1.1",
+    "@react-spring/web": "^9.7.4",
+    "@xylabs/assert": "^4.0.10",
+    "@xylabs/forget": "^4.0.10",
+    "@xylabs/hex": "^4.0.10",
+    "@xylabs/lodash": "^4.0.10",
+    "@xylabs/object": "^4.0.10",
+    "@xylabs/promise": "^4.0.10",
+    "@xylabs/react-animation": "^5.0.1",
+    "@xylabs/react-async-effect": "^5.0.1",
+    "@xylabs/react-button": "^5.0.1",
+    "@xylabs/react-flexbox": "^5.0.1",
+    "@xylabs/react-invertible-theme": "^5.0.1",
+    "@xylabs/react-link": "^5.0.1",
+    "@xylabs/react-promise": "^5.0.1",
+    "@xylabs/react-shared": "^5.0.1",
+    "@xyo-network/archivist-indexeddb": "^3.1.14",
+    "@xyo-network/archivist-model": "^3.1.14",
+    "@xyo-network/bios-browser": "^3.2.0",
+    "@xyo-network/bios-model": "^3.2.0",
+    "@xyo-network/diviner-boundwitness-indexeddb": "^3.1.14",
+    "@xyo-network/diviner-model": "^3.1.14",
+    "@xyo-network/diviner-payload-generic": "^3.1.14",
+    "@xyo-network/diviner-payload-indexeddb": "^3.1.14",
+    "@xyo-network/diviner-payload-model": "^3.1.14",
+    "@xyo-network/kernel": "^3.2.0",
+    "@xyo-network/kernel-model": "^3.2.0",
+    "@xyo-network/module-abstract": "^3.1.14",
+    "@xyo-network/module-events": "^3.1.14",
+    "@xyo-network/module-factory-locator": "^3.1.14",
+    "@xyo-network/node-model": "^3.1.14",
+    "@xyo-network/os-model": "^3.2.0",
+    "@xyo-network/os-react-debug": "^2.3.0",
+    "@xyo-network/os-react-model": "^2.3.0",
+    "@xyo-network/os-runtime": "^3.2.0",
+    "@xyo-network/payload-model": "^3.1.14",
+    "@xyo-network/react-archivist": "^4.0.1",
+    "@xyo-network/react-card": "^4.0.1",
+    "@xyo-network/react-error": "^4.0.1",
+    "@xyo-network/react-form-credit-card": "^4.0.1",
+    "@xyo-network/react-node": "^4.0.1",
+    "@xyo-network/react-shared": "^4.0.1",
+    "@xyo-network/react-table": "^4.0.1",
+    "@xyo-network/react-wallet": "^4.0.1",
+    "@xyo-network/wallet-model": "^3.1.14",
+    "country-region-data": "^3.0.0",
+    "luxon": "^3.5.0",
+    "react-helmet": "^6.1.0",
+    "react-icons": "^5.3.0",
+    "react-router-dom": "^6.26.2",
+    "react-use-gesture": "^9.1.3",
+    "rollbar": "^2.26.4"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/material": "^6.1.1",
+    "@mui/styles": "^6.1.1",
+    "@types/luxon": "^3.4.2",
+    "@types/react": "^18.3.10",
+    "@types/react-helmet": "^6.1.11",
+    "@xylabs/ts-scripts-react-yarn3": "^4.0.7",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig": "^4.0.7",
+    "@xylabs/tsconfig-dom": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
+    "eslint": "^9.11.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.6.2"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11",
+    "@emotion/styled": "^11",
+    "@mui/icons-material": "^5",
+    "@mui/material": "^5",
+    "@mui/styles": "^5",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/DappPage.tsx

@@ -0,0 +1,110 @@
+import type { Breakpoint } from '@mui/material'
+import { Container, Typography } from '@mui/material'
+import type { FlexBoxProps } from '@xylabs/react-flexbox'
+import { FlexCol } from '@xylabs/react-flexbox'
+import { ThrownErrorBoundary } from '@xyo-network/react-error'
+import React from 'react'
+import type Rollbar from 'rollbar'
+
+import { ErrorRenderWithSupportDefault } from './components/index.ts'
+import { NetworkReadyFlexBox } from './modules/index.ts'
+
+export interface SharedDappPageProps extends FlexBoxProps {
+  checkNetwork?: boolean
+  noScroll?: boolean
+  subtitle?: string
+}
+
+export interface DappPageProps extends SharedDappPageProps {
+  container?: true | Breakpoint
+  rollbar?: Rollbar
+}
+
+export const DappTitle: React.FC<SharedDappPageProps> = ({
+  subtitle, title, ...props
+}) => {
+  return title
+    ? (
+        <FlexCol alignItems="flex-start" gap={1} {...props}>
+          <Typography variant="h3">
+            <b>{title}</b>
+          </Typography>
+          <Typography gutterBottom variant="subtitle2">
+            {subtitle}
+          </Typography>
+        </FlexCol>
+      )
+    : null
+}
+
+const InnerDappPage: React.FC<SharedDappPageProps> = ({
+  noScroll, children, subtitle, title, sx, ...props
+}) => {
+  return (
+    <FlexCol
+      id="innerPage"
+      sx={{
+        marginX: { sm: 2 },
+        marginY: 2,
+        ...sx,
+      }}
+      gap={noScroll ? 0 : 2}
+      alignItems="stretch"
+      justifyContent="flex-start"
+      {...props}
+    >
+      {title
+        ? <DappTitle subtitle={subtitle} title={title} marginX={1} />
+        : null}
+      {children}
+    </FlexCol>
+  )
+}
+// This component is written to be used inside of a DappWindow Component
+export const DappPage: React.FC<DappPageProps> = ({
+  checkNetwork, noScroll, subtitle, title, container, rollbar, ...props
+}) => {
+  return (
+    <ThrownErrorBoundary
+      errorComponent={(error, boundaryName) => <ErrorRenderWithSupportDefault errorContext={boundaryName} error={error} scope="DappPage" />}
+      rollbar={rollbar}
+      scope="DappPage"
+    >
+      <NetworkReadyFlexBox skipCheck={!checkNetwork}>
+        {container
+          ? (
+              <Container disableGutters maxWidth={container === true ? 'md' : container}>
+                {noScroll
+                  ? (
+                      <FlexCol sx={{
+                        position: 'absolute', top: 0, left: 0, right: 0, bottom: 0,
+                      }}
+                      >
+                        <InnerDappPage noScroll={noScroll} title={title} subtitle={subtitle} {...props} flexGrow={1} />
+                      </FlexCol>
+                    )
+                  : (
+                      <FlexCol width="100%" height="100%" alignItems="stretch">
+                        <InnerDappPage noScroll={noScroll} title={title} subtitle={subtitle} {...props} flexGrow={1} />
+                      </FlexCol>
+                    )}
+              </Container>
+            )
+          : noScroll
+            ? (
+                <InnerDappPage
+                  sx={{
+                    position: 'absolute', top: 0, left: 0, right: 0, bottom: 0,
+                  }}
+                  noScroll={noScroll}
+                  title={title}
+                  subtitle={subtitle}
+                  {...props}
+                  flexGrow={1}
+                />
+              )
+            : <InnerDappPage noScroll={noScroll} title={title} subtitle={subtitle} {...props} flexGrow={1} />}
+      </NetworkReadyFlexBox>
+    </ThrownErrorBoundary>
+  )
+}

package/src/DappPathSwitcher.tsx

@@ -0,0 +1,57 @@
+import { animated, useTransition } from '@react-spring/web'
+import { ErrorRender } from '@xyo-network/react-error'
+import type { ReactNode } from 'react'
+import React from 'react'
+
+export interface PathToComponent<PathNames extends string = string> {
+  component: ReactNode
+  path: PathNames
+}
+
+export interface DappPathSwitcherProps {
+  activePath?: string
+  pathToComponent?: PathToComponent[]
+}
+
+export const DappPathSwitcher: React.FC<DappPathSwitcherProps> = ({ activePath, pathToComponent }) => {
+  // inspired by - https://codesandbox.io/p/sandbox/react-spring-page-transition-3vrk8
+  const transitions = useTransition(activePath, {
+    enter: { opacity: 1, transform: 'translate3d(0, 0, 0)' },
+    from: { opacity: 0, transform: 'translate3d(100vw, 0, 0)' },
+    leave: { opacity: 0, transform: 'translate3d(0, 0, 0)' },
+  })
+  const possibleZIndex = pathToComponent?.findIndex(item => item.path === activePath)
+  const zIndex = possibleZIndex !== -1 && possibleZIndex !== undefined ? possibleZIndex : 1
+
+  return (
+    <>
+      {transitions((transitionProps, activePath) => (
+        <animated.div
+          style={{
+            ...transitionProps,
+            alignItems: 'stretch',
+            bottom: 0,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'stretch',
+            left: 0,
+            overflowX: 'hidden',
+            overflowY: 'auto',
+            position: 'absolute',
+            right: 0,
+            top: 0,
+            zIndex,
+          }}
+        >
+          {(() => {
+            const activeIndex = pathToComponent?.findIndex(({ path: componentPath }) => activePath === componentPath)
+            const activeItem = pathToComponent && activeIndex !== -1 && activeIndex !== undefined ? pathToComponent[activeIndex] : undefined
+            return activeItem
+              ? activeItem.component
+              : <ErrorRender error={new Error(`No component found for path: ${activePath}`)} scope="DappPathSwitcher" />
+          })()}
+        </animated.div>
+      ))}
+    </>
+  )
+}

package/src/StyledBuilder.tsx

@@ -0,0 +1,17 @@
+import type { SvgIconComponent } from '@mui/icons-material'
+import type { SvgIcon } from '@mui/material'
+import { styled } from '@mui/material'
+
+export interface StyledDappIconBuilderProps {
+  iconSize?: number
+}
+
+export const StyledDappIconBuilder = (DappIcon: SvgIconComponent) =>
+  styled<typeof SvgIcon>(DappIcon, {
+    name: 'StyledDappIcon',
+    shouldForwardProp: key => !['iconSize'].includes(key as string),
+  })<StyledDappIconBuilderProps>(({ iconSize, theme }) => ({
+    color: theme.palette.text.primary,
+    height: iconSize,
+    width: iconSize,
+  }))

package/src/components/RenderHtml.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+export const RenderHtml = ({ htmlString }: {
+  htmlString: string
+}) => {
+  return (
+    <div
+      style={{ height: 64, width: 64 }}
+      dangerouslySetInnerHTML={{ __html: htmlString }}
+    />
+  )
+}