@xyo-network/os-react-runtime 5.0.12 → 6.0.0

package/dist/types/helpers/BridgeActivityHelper.d.ts

@@ -1,33 +1,17 @@
 import type { BaseParams } from '@xylabs/base';
+import { BaseEmitter } from '@xylabs/events';
 import type { Address, Hash } from '@xylabs/hex';
 import type { EmptyObject } from '@xylabs/object';
 import type { ArchivistInstance, NextOptions } from '@xyo-network/archivist-model';
 import type { DivinerInstance } from '@xyo-network/diviner-model';
 import type { PayloadDivinerQueryPayload } from '@xyo-network/diviner-payload-model';
-import { ModuleBaseEmitter } from '@xyo-network/module-event-emitter';
 export interface BridgeActivityHelperParams extends BaseParams {
     archivist: WeakRef<ArchivistInstance>;
     diviner: WeakRef<DivinerInstance>;
 }
-export declare class BridgeActivityHelper<TParams extends BridgeActivityHelperParams | void = void> extends ModuleBaseEmitter<TParams extends BridgeActivityHelperParams ? TParams : BridgeActivityHelperParams> {
-    get archivist(): ArchivistInstance<import("@xylabs/base").BaseParamsFields & {
-        account?: import("@xyo-network/account-model").AccountInstance | "random";
-        addToResolvers?: boolean;
-        additionalSigners?: import("@xyo-network/account-model").AccountInstance[];
-        allowNameResolution?: boolean;
-        config: import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/archivist-model").ArchivistConfig>;
-        ephemeralQueryAccountEnabled?: boolean;
-        moduleIdentifierTransformers?: import("@xyo-network/module-model").ModuleIdentifierTransformer[];
-    } & import("@xyo-network/module-model").ModuleChildrenParams & import("@xyo-network/archivist-model").ArchivistParamFields & object, import("@xyo-network/archivist-model").ArchivistModuleEventData, import("@xyo-network/payload-model").Payload>;
-    get diviner(): DivinerInstance<import("@xylabs/base").BaseParamsFields & {
-        account?: import("@xyo-network/account-model").AccountInstance | "random";
-        addToResolvers?: boolean;
-        additionalSigners?: import("@xyo-network/account-model").AccountInstance[];
-        allowNameResolution?: boolean;
-        config: import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/diviner-model").DivinerConfig>;
-        ephemeralQueryAccountEnabled?: boolean;
-        moduleIdentifierTransformers?: import("@xyo-network/module-model").ModuleIdentifierTransformer[];
-    } & import("@xyo-network/module-model").ModuleChildrenParams, import("@xyo-network/payload-model").Payload, import("@xyo-network/payload-model").Payload, import("@xyo-network/diviner-model").DivinerModuleEventData>;
+export declare class BridgeActivityHelper<TParams extends BridgeActivityHelperParams | void = void> extends BaseEmitter<TParams extends BridgeActivityHelperParams ? TParams : BridgeActivityHelperParams> {
+    get archivist(): ArchivistInstance<import("@xyo-network/archivist-model").ArchivistParams<import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/archivist-model").ArchivistConfig>>, import("@xyo-network/archivist-model").ArchivistModuleEventData, import("@xyo-network/payload-model").Payload>;
+    get diviner(): DivinerInstance<import("@xyo-network/diviner-model").DivinerParams<import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/diviner-model").DivinerConfig>>, import("@xyo-network/payload-model").Payload, import("@xyo-network/payload-model").Payload, import("@xyo-network/diviner-model").DivinerModuleEventData>;
     next(options?: NextOptions<Hash>): import("@xylabs/promise").PromisableArray<import("@xyo-network/payload-model").WithStorageMeta<import("@xyo-network/payload-model").WithStorageMeta<import("@xyo-network/payload-model").Payload>>>;
     nextByAddress(address: Address, options?: Pick<PayloadDivinerQueryPayload<EmptyObject>, 'cursor' | 'order'>): Promise<{
         schema: import("@xyo-network/payload-model").Schema;

package/dist/types/helpers/BridgeActivityHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BridgeActivityHelper.d.ts","sourceRoot":"","sources":["../../../src/helpers/BridgeActivityHelper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAClF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAEjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAEpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAErE,MAAM,WAAW,0BAA2B,SAAQ,UAAU;IAC5D,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAA;IACrC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAClC;AAED,qBAAa,oBAAoB,CAAC,OAAO,SAAS,0BAA0B,GAAG,IAAI,GAAG,IAAI,CAAE,SAAQ,iBAAiB,CACnH,OAAO,SAAS,0BAA0B,GAAG,OAAO,GAAG,0BAA0B,CAClF;IACC,IAAI,SAAS;;;;;;;;wPAEZ;IAED,IAAI,OAAO;;;;;;;;2NAIV;IAED,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC;IAIhC,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;;;;CAM5G"}
+{"version":3,"file":"BridgeActivityHelper.d.ts","sourceRoot":"","sources":["../../../src/helpers/BridgeActivityHelper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAClF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAEjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAGpF,MAAM,WAAW,0BAA2B,SAAQ,UAAU;IAC5D,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAA;IACrC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAClC;AAED,qBAAa,oBAAoB,CAAC,OAAO,SAAS,0BAA0B,GAAG,IAAI,GAAG,IAAI,CAAE,SAAQ,WAAW,CAC7G,OAAO,SAAS,0BAA0B,GAAG,OAAO,GAAG,0BAA0B,CAClF;IACC,IAAI,SAAS,0SAEZ;IAED,IAAI,OAAO,0UAIV;IAED,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC;IAIhC,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;;;;CAM5G"}

package/dist/types/modules/Dapp/Button/StyledComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledComponents.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Dapp/Button/StyledComponents.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,sBAAsB;sBAIf,MAAM;UA0BxB,CAAA;AAEF,eAAO,MAAM,cAAc,yPAaxB,CAAA;AAEH,eAAO,MAAM,qBAAqB,yPAA8E,CAAA"}
+{"version":3,"file":"StyledComponents.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Dapp/Button/StyledComponents.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,sBAAsB;sBAIf,MAAM;UA0BxB,CAAA;AAEF,eAAO,MAAM,cAAc,yPAaxB,CAAA;AAEH,eAAO,MAAM,qBAAqB,yPAA8E,CAAA"}

package/dist/types/modules/Dapp/modules/Window/components/DefaultComingSoon/DefaultComingSoon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultComingSoon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/Dapp/modules/Window/components/DefaultComingSoon/DefaultComingSoon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0D9D,CAAA"}
+{"version":3,"file":"DefaultComingSoon.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/Dapp/modules/Window/components/DefaultComingSoon/DefaultComingSoon.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0D9D,CAAA"}

package/dist/types/modules/Dapp/modules/Window/components/menu/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/Dapp/modules/Window/components/menu/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAiBhD,OAAO,KAAK,EACV,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EACnE,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAA8B,MAAM,OAAO,CAAA;AAQlD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,SAAS,CAAC,EAAE,WAAW,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkHxD,CAAA"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/Dapp/modules/Window/components/menu/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAkBhD,OAAO,KAAK,EACV,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EACnE,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAA8B,MAAM,OAAO,CAAA;AAQlD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,SAAS,CAAC,EAAE,WAAW,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsHxD,CAAA"}

package/dist/types/modules/Dapp/modules/Window/components/menu/StyledListItems.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledMenuIconWrapSpan: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const StyledListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "className" | "style" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "dense" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const StyledListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "classes" | "className" | "style" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "dense" | "divider" | "disableGutters" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     active?: boolean;
 }, {}, {}>;
 //# sourceMappingURL=StyledListItems.d.ts.map

package/dist/types/modules/Dapp/modules/Window/hooks/useExposedNode.d.ts

@@ -1,10 +1,2 @@
-export declare const useExposedNode: () => import("@xyo-network/node-model").NodeInstance<import("@xylabs/base").BaseParamsFields & {
-    account?: import("@xyo-network/account-model").AccountInstance | "random";
-    addToResolvers?: boolean;
-    additionalSigners?: import("@xyo-network/account-model").AccountInstance[];
-    allowNameResolution?: boolean;
-    config: import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/node-model").NodeConfig>;
-    ephemeralQueryAccountEnabled?: boolean;
-    moduleIdentifierTransformers?: import("@xyo-network/module-model").ModuleIdentifierTransformer[];
-} & import("@xyo-network/module-model").ModuleChildrenParams, import("@xyo-network/node-model").NodeModuleEventData> | undefined;
+export declare const useExposedNode: () => import("@xyo-network/node-model").NodeInstance<import("@xyo-network/node-model").NodeParams<import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/node-model").NodeConfig>>, import("@xyo-network/node-model").NodeModuleEventData> | undefined;
 //# sourceMappingURL=useExposedNode.d.ts.map

package/dist/types/modules/Dapp/modules/Window/hooks/useExposedNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useExposedNode.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/Dapp/modules/Window/hooks/useExposedNode.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;gIAG1B,CAAA"}
+{"version":3,"file":"useExposedNode.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/Dapp/modules/Window/hooks/useExposedNode.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,0QAG1B,CAAA"}

package/dist/types/modules/dapps/accounts/components/AnimatedComponents/IconAnimations/TwoToneBulletPoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoToneBulletPoint.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/dapps/accounts/components/AnimatedComponents/IconAnimations/TwoToneBulletPoint.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAgBjD,CAAA"}
+{"version":3,"file":"TwoToneBulletPoint.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/dapps/accounts/components/AnimatedComponents/IconAnimations/TwoToneBulletPoint.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAgBjD,CAAA"}

package/dist/types/modules/dapps/accounts/hooks/useAccountArchivist.d.ts

@@ -1,10 +1,2 @@
-export declare const useAccountArchivist: () => [WeakRef<import("@xyo-network/archivist-model").ArchivistInstance<import("@xylabs/base").BaseParamsFields & {
-    account?: import("@xyo-network/account-model").AccountInstance | "random";
-    addToResolvers?: boolean;
-    additionalSigners?: import("@xyo-network/account-model").AccountInstance[];
-    allowNameResolution?: boolean;
-    config: import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/archivist-model").ArchivistConfig>;
-    ephemeralQueryAccountEnabled?: boolean;
-    moduleIdentifierTransformers?: import("@xyo-network/module-model").ModuleIdentifierTransformer[];
-} & import("@xyo-network/module-model").ModuleChildrenParams & import("@xyo-network/archivist-model").ArchivistParamFields & object, import("@xyo-network/archivist-model").ArchivistModuleEventData, import("@xyo-network/payload-model").Payload>> | undefined, Error | undefined];
+export declare const useAccountArchivist: () => [WeakRef<import("@xyo-network/archivist-model").ArchivistInstance<import("@xyo-network/archivist-model").ArchivistParams<import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/archivist-model").ArchivistConfig>>, import("@xyo-network/archivist-model").ArchivistModuleEventData, import("@xyo-network/payload-model").Payload>> | undefined, Error | undefined];
 //# sourceMappingURL=useAccountArchivist.d.ts.map

package/dist/types/modules/dapps/accounts/hooks/useAccountArchivist.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAccountArchivist.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/dapps/accounts/hooks/useAccountArchivist.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;oRAE/B,CAAA"}
+{"version":3,"file":"useAccountArchivist.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/dapps/accounts/hooks/useAccountArchivist.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,8XAE/B,CAAA"}

package/dist/types/modules/dapps/table/head/components/StyledTableRowHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTableRowHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/dapps/table/head/components/StyledTableRowHeader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,o6KAGkE,CAAA"}
+{"version":3,"file":"StyledTableRowHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/dapps/table/head/components/StyledTableRowHeader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,o6KAGwE,CAAA"}

package/dist/types/modules/widgets/StackOfWidgets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackOfWidgets.d.ts","sourceRoot":"","sources":["../../../../src/modules/widgets/StackOfWidgets.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAgIvC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAelC,CAAA"}
+{"version":3,"file":"StackOfWidgets.d.ts","sourceRoot":"","sources":["../../../../src/modules/widgets/StackOfWidgets.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAgIvC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAelC,CAAA"}

package/dist/types/modules/widgets/Types/BarGraph/StyledLinearProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledLinearProgress.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/widgets/Types/BarGraph/StyledLinearProgress.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,qOAQ9B,CAAA"}
+{"version":3,"file":"StyledLinearProgress.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/widgets/Types/BarGraph/StyledLinearProgress.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,qOAQ9B,CAAA"}

package/dist/types/modules/widgets/Types/Tables/BooleanTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanTable.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/widgets/Types/Tables/BooleanTable.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAIzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;CACf;AAUD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,+5KAG7B,CAAA;AAEH,eAAO,MAAM,sBAAsB,gzQAIhC,CAAA;AAEH,eAAO,MAAM,iBAAiB,0zQAG3B,CAAA;AAEH,eAAO,MAAM,kBAAkB,0zQAG5B,CAAA;AAKH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8BpD,CAAA"}
+{"version":3,"file":"BooleanTable.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/widgets/Types/Tables/BooleanTable.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;CACf;AAUD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,+5KAG7B,CAAA;AAEH,eAAO,MAAM,sBAAsB,gzQAIhC,CAAA;AAEH,eAAO,MAAM,iBAAiB,0zQAG3B,CAAA;AAEH,eAAO,MAAM,kBAAkB,0zQAG5B,CAAA;AAKH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8BpD,CAAA"}

package/dist/types/modules/widgets/WidgetCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetCard.d.ts","sourceRoot":"","sources":["../../../../src/modules/widgets/WidgetCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,SAAS,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsFhD,CAAA"}
+{"version":3,"file":"WidgetCard.d.ts","sourceRoot":"","sources":["../../../../src/modules/widgets/WidgetCard.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,SAAS,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsFhD,CAAA"}

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

@@ -1 +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;AA+DnD,eAAO,MAAM,YAAY,+BA8IvB,CAAA"}
+{"version":3,"file":"ThemeCssVars.d.ts","sourceRoot":"","sources":["../../../../src/settings/Theme/ThemeCssVars.ts"],"names":[],"mappings":"AAKA,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;AA+DnD,eAAO,MAAM,YAAY,+BA8IvB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/os-react-runtime",
-  "version": "5.0.12",
+  "version": "6.0.0",
   "description": "Primary SDK for using XYO Protocol 2.0",
   "homepage": "https://xyo.network",
   "bugs": {
@@ -29,77 +29,76 @@
   "main": "dist/browser/index.mjs",
   "types": "dist/types/index.d.ts",
   "dependencies": {
-    "@react-spring/web": "^9.7.5",
-    "@xylabs/array": "^4.9.18",
-    "@xylabs/assert": "^4.9.18",
-    "@xylabs/base": "^4.9.18",
-    "@xylabs/forget": "^4.9.18",
-    "@xylabs/hex": "^4.9.18",
-    "@xylabs/object": "^4.9.18",
-    "@xylabs/promise": "^4.9.18",
-    "@xylabs/react-animation": "^6.3.1",
-    "@xylabs/react-async-effect": "^6.3.1",
-    "@xylabs/react-button": "^6.3.1",
-    "@xylabs/react-error": "^6.3.1",
-    "@xylabs/react-flexbox": "^6.3.1",
-    "@xylabs/react-link": "^6.3.1",
-    "@xylabs/react-promise": "^6.3.1",
-    "@xylabs/react-theme": "^6.3.1",
-    "@xyo-network/archivist-indexeddb": "^3.15.10",
-    "@xyo-network/archivist-model": "^3.15.10",
-    "@xyo-network/bios-browser": "^5.0.12",
-    "@xyo-network/bios-model": "^5.0.12",
-    "@xyo-network/diviner-boundwitness-indexeddb": "^3.15.10",
-    "@xyo-network/diviner-model": "^3.15.10",
-    "@xyo-network/diviner-payload-generic": "^3.15.10",
-    "@xyo-network/diviner-payload-indexeddb": "^3.15.10",
-    "@xyo-network/diviner-payload-model": "^3.15.10",
-    "@xyo-network/kernel": "^5.0.12",
-    "@xyo-network/kernel-model": "^5.0.12",
-    "@xyo-network/module-event-emitter": "^3.15.10",
-    "@xyo-network/module-factory-locator": "^3.15.10",
-    "@xyo-network/module-model": "^3.15.10",
-    "@xyo-network/node-model": "^3.15.10",
-    "@xyo-network/os-model": "^5.0.12",
-    "@xyo-network/os-react-debug": "^5.0.12",
-    "@xyo-network/os-react-model": "^5.0.12",
-    "@xyo-network/os-runtime": "^5.0.12",
-    "@xyo-network/payload-model": "^3.15.10",
-    "@xyo-network/react-archivist": "^5.3.3",
-    "@xyo-network/react-card": "^5.3.3",
-    "@xyo-network/react-form-credit-card": "^5.3.3",
-    "@xyo-network/react-node": "^5.3.3",
-    "@xyo-network/react-shared": "^5.3.3",
-    "@xyo-network/react-table": "^5.3.3",
-    "@xyo-network/react-wallet": "^5.3.3",
-    "@xyo-network/wallet-model": "^3.15.10",
+    "@react-spring/web": "^10.0.1",
+    "@xylabs/array": "^4.12.31",
+    "@xylabs/assert": "^4.12.31",
+    "@xylabs/base": "^4.12.31",
+    "@xylabs/events": "^4.12.31",
+    "@xylabs/forget": "^4.12.31",
+    "@xylabs/hex": "^4.12.31",
+    "@xylabs/object": "^4.12.31",
+    "@xylabs/promise": "^4.12.31",
+    "@xylabs/react-animation": "^6.3.7",
+    "@xylabs/react-async-effect": "^6.3.7",
+    "@xylabs/react-button": "^6.3.7",
+    "@xylabs/react-error": "^6.3.7",
+    "@xylabs/react-flexbox": "^6.3.7",
+    "@xylabs/react-link": "^6.3.7",
+    "@xylabs/react-promise": "^6.3.7",
+    "@xylabs/react-theme": "^6.3.7",
+    "@xyo-network/archivist-indexeddb": "^4.0.1",
+    "@xyo-network/archivist-model": "^4.0.1",
+    "@xyo-network/bios-browser": "^6.0.0",
+    "@xyo-network/bios-model": "^6.0.0",
+    "@xyo-network/diviner-boundwitness-indexeddb": "^4.0.1",
+    "@xyo-network/diviner-model": "^4.0.1",
+    "@xyo-network/diviner-payload-generic": "^4.0.1",
+    "@xyo-network/diviner-payload-indexeddb": "^4.0.1",
+    "@xyo-network/diviner-payload-model": "^4.0.1",
+    "@xyo-network/kernel": "^6.0.0",
+    "@xyo-network/kernel-model": "^6.0.0",
+    "@xyo-network/module-factory-locator": "^4.0.1",
+    "@xyo-network/module-model": "^4.0.1",
+    "@xyo-network/node-model": "^4.0.1",
+    "@xyo-network/os-model": "^6.0.0",
+    "@xyo-network/os-react-debug": "^6.0.0",
+    "@xyo-network/os-react-model": "^6.0.0",
+    "@xyo-network/os-runtime": "^6.0.0",
+    "@xyo-network/payload-model": "^4.0.1",
+    "@xyo-network/react-archivist": "^6.0.0",
+    "@xyo-network/react-card": "^6.0.0",
+    "@xyo-network/react-form-credit-card": "^6.0.0",
+    "@xyo-network/react-node": "^6.0.0",
+    "@xyo-network/react-shared": "^6.0.0",
+    "@xyo-network/react-table": "^6.0.0",
+    "@xyo-network/react-wallet": "^6.0.0",
+    "@xyo-network/wallet-model": "^4.0.1",
     "luxon": "^3.6.1",
     "react-helmet": "^6.1.0",
     "react-icons": "^5.5.0",
-    "react-router-dom": "^7.6.0",
+    "react-router-dom": "^7.6.3",
     "react-use-gesture": "^9.1.3",
-    "rollbar": "^2.26.4"
+    "rollbar": "^3.0.0-alpha.2"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^7.1.0",
-    "@mui/material": "^7.1.0",
-    "@mui/system": "^7.1.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.2.0",
+    "@mui/material": "^7.2.0",
+    "@mui/system": "^7.2.0",
     "@mui/x-tree-view": "^7.29.1",
-    "@storybook/react": "^8.6.12",
     "@types/luxon": "^3.6.2",
-    "@types/react": "^19.1.4",
+    "@types/react": "^19.1.8",
     "@types/react-helmet": "^6.1.11",
-    "@xylabs/ts-scripts-react-yarn3": "^6.5.6",
-    "@xylabs/ts-scripts-yarn3": "^6.5.6",
-    "@xylabs/tsconfig": "^6.5.6",
-    "@xylabs/tsconfig-dom": "^6.5.6",
-    "@xylabs/tsconfig-react": "^6.5.6",
-    "@xyo-network/module-events": "^3.15.10",
+    "@xylabs/ts-scripts-react-yarn3": "^6.5.12",
+    "@xylabs/ts-scripts-yarn3": "^6.5.12",
+    "@xylabs/tsconfig": "^6.5.12",
+    "@xylabs/tsconfig-dom": "^6.5.12",
+    "@xylabs/tsconfig-react": "^6.5.12",
+    "@xyo-network/module-events": "^4.0.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "storybook": "^8.6.12",
+    "storybook": "^9.0.15",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {

package/src/helpers/BridgeActivityHelper.ts

@@ -1,5 +1,6 @@
 import { assertEx } from '@xylabs/assert'
 import type { BaseParams } from '@xylabs/base'
+import { BaseEmitter } from '@xylabs/events'
 import type { Address, Hash } from '@xylabs/hex'
 import type { EmptyObject } from '@xylabs/object'
 import type { ArchivistInstance, NextOptions } from '@xyo-network/archivist-model'
@@ -7,14 +8,13 @@ import type { DivinerInstance } from '@xyo-network/diviner-model'
 import { GenericPayloadDivinerConfigSchema } from '@xyo-network/diviner-payload-generic'
 import type { PayloadDivinerQueryPayload } from '@xyo-network/diviner-payload-model'
 import { PayloadDivinerQuerySchema } from '@xyo-network/diviner-payload-model'
-import { ModuleBaseEmitter } from '@xyo-network/module-event-emitter'
 
 export interface BridgeActivityHelperParams extends BaseParams {
   archivist: WeakRef<ArchivistInstance>
   diviner: WeakRef<DivinerInstance>
 }
 
-export class BridgeActivityHelper<TParams extends BridgeActivityHelperParams | void = void> extends ModuleBaseEmitter<
+export class BridgeActivityHelper<TParams extends BridgeActivityHelperParams | void = void> extends BaseEmitter<
   TParams extends BridgeActivityHelperParams ? TParams : BridgeActivityHelperParams
 > {
   get archivist() {

package/src/helpers/BrowserLocator.ts

@@ -7,11 +7,11 @@ import { ModuleFactoryLocator } from '@xyo-network/module-factory-locator'
 export const GenericPayloadDivinerTags = { 'network.xyo.generic.payload.diviner': 'GenericPayloadDiviner' }
 
 export const BrowserLocator = new ModuleFactoryLocator()
-BrowserLocator.register(GenericPayloadDiviner, GenericPayloadDivinerTags)
-BrowserLocator.register(IndexedDbArchivist, { 'network.xyo.archivist.persistence.scope': 'device' }, 'network.xyo.archivist.config')
-BrowserLocator.register(IndexedDbPayloadDiviner, { 'network.xyo.archivist.persistence.scope': 'device' }, 'network.xyo.diviner.payload.config')
+BrowserLocator.register(GenericPayloadDiviner.factory(), GenericPayloadDivinerTags)
+BrowserLocator.register(IndexedDbArchivist.factory(), { 'network.xyo.archivist.persistence.scope': 'device' }, 'network.xyo.archivist.config')
+BrowserLocator.register(IndexedDbPayloadDiviner.factory(), { 'network.xyo.archivist.persistence.scope': 'device' }, 'network.xyo.diviner.payload.config')
 BrowserLocator.register(
-  IndexedDbBoundWitnessDiviner,
+  IndexedDbBoundWitnessDiviner.factory(),
   { 'network.xyo.archivist.persistence.scope': 'device' },
   'network.xyo.diviner.boundwitness.config',
 )

package/src/modules/Dapp/Button/LaunchFrame.tsx

@@ -61,7 +61,7 @@ export const DappLaunchFrame: React.FC<DappLaunchFrameProps> = ({
           style={{
             ...scaleProps,
             alignItems: 'start',
-            background: bgColor ?? theme.palette.background.default,
+            background: bgColor ?? theme.vars?.palette.background.default,
             display: 'flex',
             height: '100%',
             justifyContent: 'start',

package/src/modules/Dapp/Button/StyledComponents.tsx

@@ -1,5 +1,6 @@
-import { alpha, styled } from '@mui/material'
+import { styled } from '@mui/material'
 import { ButtonEx } from '@xylabs/react-button'
+import { alphaCss } from '@xylabs/react-theme'
 import { TypographyEx } from '@xyo-network/react-shared'
 
 const borderRadiusFactor = 1.5
@@ -15,7 +16,7 @@ export const StyledDappIconButtonEx = styled(ButtonEx, {
     '&:before': {
       WebkitBackdropFilter: 'blur(20px)',
       backdropFilter: 'blur(20px)',
-      backgroundColor: alpha(theme.palette.background.paper, 0.5),
+      backgroundColor: alphaCss(theme.vars?.palette.background.paper ?? '#fff', 0.5),
       borderRadius: theme.spacing(borderRadiusFactor),
       content: "''",
       inset: 0,
@@ -28,9 +29,9 @@ export const StyledDappIconButtonEx = styled(ButtonEx, {
     '&:hover:before': { opacity: 1 },
     'WebkitBackdropFilter': 'blur(20px)',
     'backdropFilter': 'blur(20px)',
-    'backgroundColor': alpha(theme.palette.background.paper, 0.5),
+    'backgroundColor': alphaCss(theme.vars?.palette.background.paper ?? '#fff', 0.5),
     'borderRadius': theme.spacing(borderRadiusFactor),
-    'color': theme.palette.text.primary,
+    'color': theme.vars?.palette.text.primary,
     'position': 'relative',
     'transition': 'transform 0.15s linear',
   }
@@ -39,14 +40,14 @@ export const StyledDappIconButtonEx = styled(ButtonEx, {
 export const StyledDappName = styled(TypographyEx, { name: 'StyledDappName' })(({ theme }) => ({
   // WebkitBoxOrient: 'vertical',
   WebkitLineClamp: 2,
-  color: theme.palette.text.primary,
+  color: theme.vars?.palette.text.primary,
   flexWrap: 'wrap',
   fontWeight: 700,
   letterSpacing: '-0.5px',
   lineClamp: 2,
   textAlign: 'center',
   textOverflow: 'ellipsis',
-  textShadow: `1px 1px 3px ${alpha(theme.palette.common.black, 0.3)}`,
+  textShadow: `1px 1px 3px ${alphaCss(theme.vars?.palette.common.black ?? '#000', 0.3)}`,
   whiteSpace: 'initial',
   wordWrap: 'break-word',
 }))

package/src/modules/Dapp/Button/StyledDappIconBuilder.tsx

@@ -11,7 +11,7 @@ export const StyledDappIconBuilder = (DappIcon: SvgIconComponent) =>
     name: 'StyledDappIcon',
     shouldForwardProp: key => !['iconSize'].includes(key as string),
   })<StyledDappIconBuilderProps>(({ iconSize, theme }) => ({
-    color: theme.palette.text.primary,
+    color: theme.vars?.palette.text.primary,
     height: iconSize,
     width: iconSize,
   }))

package/src/modules/Dapp/modules/Window/Chrome.tsx

@@ -29,7 +29,7 @@ const DappChromeSmall: React.FC<DappChromeBaseProps> = ({
         alignItems="stretch"
         id="dapp-chrome-small"
         justifyContent="start"
-        sx={{ background: (theme: Theme) => theme.palette.background.default }}
+        sx={{ background: (theme: Theme) => theme.vars?.palette.background.default }}
       >
         {appBar}
         <FlexGrowCol
@@ -55,7 +55,7 @@ export const DappChromeLarge: React.FC<DappChromeBaseProps> = ({
         alignItems="stretch"
         id="dapp-chrome-large"
         justifyContent="start"
-        sx={{ background: (theme: Theme) => theme.palette.background.default }}
+        sx={{ background: (theme: Theme) => theme.vars?.palette.background.default }}
       >
         {appBar}
         <FlexGrowCol

package/src/modules/Dapp/modules/Window/LoadingFlexbox.tsx

@@ -87,8 +87,8 @@ export const DappLoadingFlexbox: React.FC<DappLoadingFlexBoxProps> = ({
 
 const StyledSplashContainer = styled(FlexCol, { name: 'StyledSplashContainer' })(({ theme }) => {
   return {
-    background: theme.palette.background.default,
-    color: theme.palette.text.primary,
+    background: theme.vars?.palette.background.default,
+    color: theme.vars?.palette.text.primary,
     gap: theme.spacing(1),
     height: '100%',
     left: 0,

package/src/modules/Dapp/modules/Window/components/DefaultComingSoon/DefaultComingSoon.tsx

@@ -1,8 +1,9 @@
 /* eslint-disable @eslint-react/no-array-index-key */
 import {
-  alpha, Card, CardContent, Chip, Container, Divider, Typography, useTheme,
+  Card, CardContent, Chip, Container, Divider, Typography, useTheme,
 } from '@mui/material'
 import { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
+import { alphaCss } from '@xylabs/react-theme'
 import type { DappName, DappVersion } from '@xyo-network/os-model'
 import type { PropsWithChildren } from 'react'
 import React from 'react'
@@ -45,7 +46,7 @@ export const DefaultComingSoon: React.FC<DefaultComingSoonProps> = ({
               <Chip
                 label="This app is not yet publicly available on xyOS"
                 sx={{
-                  backgroundColor: alpha(theme.palette.info.main, 0.2), color: theme.palette.info.main, width: '100%',
+                  backgroundColor: alphaCss(theme.vars?.palette.info.main ?? '#000', 0.2), color: theme.vars?.palette.info.main, width: '100%',
                 }}
               >
               </Chip>

package/src/modules/Dapp/modules/Window/components/DefaultComingSoon/DeveloperLinkSection.tsx

@@ -19,7 +19,7 @@ export const DeveloperLinkSection: React.FC<DeveloperLinkSectionProps> = ({ deve
       }}
       {...props}
     >
-      <LinkEx color={theme.palette.info.main} href={developerLink} target="_blank">
+      <LinkEx color={theme.vars?.palette.info.main} href={developerLink} target="_blank">
         {developerLink}
       </LinkEx>
     </FlexGrowRow>

package/src/modules/Dapp/modules/Window/components/DefaultComingSoon/SummarySection.tsx

@@ -57,7 +57,7 @@ export const SummarySection: React.FC<SummarySectionProps> = ({
               </FlexGrowCol>
               <FlexGrowRow gap={0.5} alignItems="center" justifyContent="center">
                 <VerifiedRounded color="success" fontSize="small" />
-                <Typography variant="body1" color={theme.palette.success.main}>
+                <Typography variant="body1" color={theme.vars?.palette.success.main}>
                   XY Labs
                 </Typography>
               </FlexGrowRow>

package/src/modules/Dapp/modules/Window/components/menu/BottomMenuArea.tsx

@@ -93,17 +93,17 @@ export const BottomMenuArea: React.FC<BottomMenuAreaProps> = ({ openDebug, backg
             ))}
           </FlexRow>
           <FlexRow padding={1} justifyContent="center" gap={0.5}>
-            <Typography variant="body2" color={theme.palette.text.primary}>
+            <Typography variant="body2" color={theme.vars?.palette.text.primary}>
               Powered By
             </Typography>
             <img
-              style={{ color: theme.palette.text.primary, fill: theme.palette.text.primary }}
+              style={{ color: theme.vars?.palette.text.primary, fill: theme.vars?.palette.text.primary }}
               src={XyoOSLogoWhite}
               width="auto"
               height="20px"
             />
           </FlexRow>
-          <Typography variant="caption" color={theme.palette.text.primary}>
+          <Typography variant="caption" color={theme.vars?.palette.text.primary}>
             Copyright © 2024 XY Labs, Inc.
           </Typography>
           <Stack gap={0.5} flexDirection="row">

package/src/modules/Dapp/modules/Window/components/menu/BottomNavigation.tsx

@@ -64,5 +64,5 @@ export const DappBottomNavigation: React.FC<DappBottomNavigationProps> = ({
 
 const StyledBottomNavigationAction = styled(BottomNavigationAction, { name: 'StyledBottomNavigationAction' })(({ theme }) => {
   const darkMode = useIsDark()
-  return { '&.Mui-selected': { color: darkMode ? theme.palette.primary.main : theme.palette.secondary.main } }
+  return { '&.Mui-selected': { color: darkMode ? theme.vars?.palette.primary.main : theme.vars?.palette.secondary.main } }
 })

package/src/modules/Dapp/modules/Window/components/menu/Drawer.tsx

@@ -2,7 +2,6 @@
 import type { DrawerProps } from '@mui/material'
 import {
   alpha,
-  darken,
   Drawer,
   List,
   ListItem,
@@ -15,7 +14,9 @@ import {
 import {
   FlexCol, FlexGrowRow, FlexRow,
 } from '@xylabs/react-flexbox'
-import { useIsDark } from '@xylabs/react-theme'
+import {
+  alphaCss, darkenCss, useIsDark,
+} from '@xylabs/react-theme'
 import type {
   DappName, DappNavItem, DappNavMenuConfig, DappVersion, XyOsContext,
 } from '@xyo-network/os-model'
@@ -53,8 +54,8 @@ export const DappMenuDrawer: React.FC<DappMenuDrawerProps> = ({
   const [path, setPath] = useState('')
   const darkMode = useIsDark()
   const theme = useTheme()
-  const drawerColor = darkMode ? theme.palette.background.paper : darken(theme.palette.primary.main, 0.5)
-  const activeColor = theme.palette.primary.light
+  const drawerColor = darkMode ? theme.vars?.palette.background.paper : darkenCss(theme.vars?.palette.primary.main ?? '#fff', 0.5)
+  const activeColor = theme.vars?.palette.primary.light
 
   useEffect(() => {
     if (menuConfig?.defaultPath && menuItems && activePath) {
@@ -136,9 +137,13 @@ export const DappMenuDrawer: React.FC<DappMenuDrawerProps> = ({
                       />
                     </ListItemIcon>
                     <ListItemText
-                      primaryTypographyProps={{
-                        fontWeight: path === pathFromPayload ? 'bold' : 'inherit',
-                        color: pathFromPayload === path ? 'inherit' : alpha(theme.palette.text.primary, 0.5),
+                      slotProps={{
+                        primary: {
+                          typography: {
+                            fontWeight: path === pathFromPayload ? 'bold' : 'inherit',
+                            color: pathFromPayload === path ? 'inherit' : alphaCss(theme.vars?.palette.text.primary ?? '#000', 0.5),
+                          },
+                        },
                       }}
                       primary={primaryText}
                       style={{ opacity: pathFromPayload === path ? 1 : 0.5 }}
@@ -149,7 +154,7 @@ export const DappMenuDrawer: React.FC<DappMenuDrawerProps> = ({
             ))}
           </List>
         </FlexCol>
-        <BottomMenuArea openDebug={openDebug} backgroundColor={theme.palette.primary.dark} />
+        <BottomMenuArea openDebug={openDebug} backgroundColor={theme.vars?.palette.primary.dark ?? '#000'} />
       </FlexCol>
     </Drawer>
   )

package/src/modules/Dapp/modules/Window/components/menu/StyledListItems.tsx

@@ -10,7 +10,7 @@ export const StyledMenuIconWrapSpan = styled('span', { name: 'StyledMenuIconWrap
 export const StyledListItemButton = styled(ListItemButton, { name: 'StyledListItemButton', shouldForwardProp: prop => prop !== 'active' })<{
   active?: boolean
 }>(({ theme, active }) => {
-  const activeOrHoverColor = theme.palette.primary.main
+  const activeOrHoverColor = theme.vars?.palette.primary.main
 
   return {
     'position': 'relative',

package/src/modules/Dapp/modules/Window/components/menu/stories/Drawer.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryFn } from '@storybook/react'
+import type { Meta, StoryFn } from '@storybook/react-vite'
 import React from 'react'
 import { BrowserRouter } from 'react-router-dom'
 
@@ -10,6 +10,7 @@ import {
 const StorybookEntry: Meta = {
   component: DappMenuDrawer,
   title: 'shared/DappMenuDrawer',
+  parameters: { layout: 'fullscreen' },
 }
 
 const Template: StoryFn<typeof DappMenuDrawer> = (props) => {