@xyo-network/os-react-runtime 5.0.1 → 5.0.3

package/dist/browser/index.mjs

@@ -155,7 +155,7 @@ var WidgetCard = /* @__PURE__ */ __name(({ widgetName, widgetContent, widgetPath
 
 // src/components/Widgets/WidgetCardExamples.tsx
 import { Stack as Stack2 } from "@mui/material";
-import { useColorSchemeEx as useColorSchemeEx4 } from "@xylabs/react-invertible-theme";
+import { useIsDark as useIsDark4 } from "@xylabs/react-theme";
 import React42 from "react";
 
 // src/DappPage.tsx
@@ -2488,7 +2488,7 @@ var DappWindow = /* @__PURE__ */ __name(({ children, context, dapp, dappMenuProp
     injectableErrors,
     routingError
   ]);
-  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(ErrorBoundary, null, /* @__PURE__ */ React18.createElement(DappMetaTags, {
+  return /* @__PURE__ */ React18.createElement(ErrorBoundary, null, /* @__PURE__ */ React18.createElement(DappMetaTags, {
     active,
     activePath: dappMenuProperties?.activePath,
     dappName: name
@@ -2499,12 +2499,12 @@ var DappWindow = /* @__PURE__ */ __name(({ children, context, dapp, dappMenuProp
       error,
       scope: "DappWindow"
     })
-  })), children));
+  })), children);
 }, "DappWindow");
 
 // src/modules/Dapp/modules/Window/menu/BottomNavigation.tsx
 import { BottomNavigation, BottomNavigationAction, Paper, styled as styled2 } from "@mui/material";
-import { useColorSchemeEx } from "@xylabs/react-invertible-theme";
+import { useIsDark } from "@xylabs/react-theme";
 import React19, { useEffect as useEffect15, useState as useState13 } from "react";
 var DappBottomNavigation = /* @__PURE__ */ __name(({ activePath, menuConfig, menuItems, onPathChange, ...props }) => {
   const [activeIndex, setActiveIndex] = useState13(0);
@@ -2546,7 +2546,7 @@ var DappBottomNavigation = /* @__PURE__ */ __name(({ activePath, menuConfig, men
 var StyledBottomNavigationAction = styled2(BottomNavigationAction, {
   name: "StyledBottomNavigationAction"
 })(({ theme }) => {
-  const { darkMode } = useColorSchemeEx();
+  const darkMode = useIsDark();
   return {
     "&.Mui-selected": {
       color: darkMode ? theme.palette.primary.main : theme.palette.secondary.main
@@ -2557,7 +2557,7 @@ var StyledBottomNavigationAction = styled2(BottomNavigationAction, {
 // src/modules/Dapp/modules/Window/menu/Drawer.tsx
 import { alpha as alpha4, darken, Drawer, List, ListItem, ListItemIcon, ListItemText, Tooltip as Tooltip4, Typography as Typography7, useTheme as useTheme7 } from "@mui/material";
 import { FlexCol as FlexCol7, FlexGrowRow as FlexGrowRow5, FlexRow as FlexRow8 } from "@xylabs/react-flexbox";
-import { useColorSchemeEx as useColorSchemeEx2 } from "@xylabs/react-invertible-theme";
+import { useIsDark as useIsDark2 } from "@xylabs/react-theme";
 import { XyOsMonitor as XyOsMonitor3 } from "@xyo-network/os-runtime";
 import React22, { useEffect as useEffect16, useState as useState15 } from "react";
 
@@ -2814,7 +2814,7 @@ var StyledListItemButton = styled3(ListItemButton, {
 // src/modules/Dapp/modules/Window/menu/Drawer.tsx
 var DappMenuDrawer = /* @__PURE__ */ __name(({ activePath, context, iconSvg, name, menuConfig, menuItems, onPathChange, version, ...props }) => {
   const [path, setPath] = useState15("");
-  const { darkMode } = useColorSchemeEx2();
+  const darkMode = useIsDark2();
   const theme = useTheme7();
   const drawerColor = darkMode ? theme.palette.background.paper : darken(theme.palette.primary.main, 0.5);
   const activeColor = theme.palette.primary.light;
@@ -3301,7 +3301,7 @@ var DividerChip = /* @__PURE__ */ __name(({ registeredDapps, ...props }) => {
       sx: {
         display: "inline"
       }
-    })) : /* @__PURE__ */ React29.createElement(React29.Fragment, null),
+    })) : void 0,
     label: `${registeredDapps?.length ? "" : "Loading "}Beta dApps`,
     size: "small",
     sx: {
@@ -3352,7 +3352,7 @@ var StyledGridContainer = styled5("div", {
 // src/modules/network/components/LoadingIndicator.tsx
 import { SignalCellularAltOutlined } from "@mui/icons-material";
 import { Tooltip as Tooltip5, useTheme as useTheme8 } from "@mui/material";
-import { useColorSchemeEx as useColorSchemeEx3 } from "@xylabs/react-invertible-theme";
+import { useIsDark as useIsDark3 } from "@xylabs/react-theme";
 import React31, { useMemo as useMemo18 } from "react";
 
 // src/modules/network/hooks/useOsNetwork.tsx
@@ -3473,7 +3473,7 @@ var WaitingForNetwork = /* @__PURE__ */ __name(() => /* @__PURE__ */ React31.cre
   title: "Waiting for Network initialization"
 }, /* @__PURE__ */ React31.createElement(StyledNetworkLoadingIndicator, null)), "WaitingForNetwork");
 var NetworkLoadingIndicator = /* @__PURE__ */ __name(({ highContrast }) => {
-  const { darkMode } = useColorSchemeEx3();
+  const darkMode = useIsDark3();
   const theme = useTheme8();
   const { networkReady } = useOsNetwork();
   const highContrastSuccessColor = darkMode ? theme.palette.success.dark : theme.palette.success.main;
@@ -4023,7 +4023,7 @@ var StackOfWidgets = /* @__PURE__ */ __name(() => {
 
 // src/components/Widgets/WidgetCardExamples.tsx
 var WidgetCardExamples = /* @__PURE__ */ __name(() => {
-  const { darkMode } = useColorSchemeEx4();
+  const darkMode = useIsDark4();
   return /* @__PURE__ */ React42.createElement(DappPage, {
     sx: {
       backgroundImage: darkMode ? `url(${default18})` : `url(${default19})`,
@@ -4327,7 +4327,7 @@ var SecondaryCryptoWalletInput = /* @__PURE__ */ __name(({ existingSecondaryCryp
 }, "SecondaryCryptoWalletInput");
 
 // src/dapps/shared/accounts/components/PaymentMethods.tsx
-import { Grid2 } from "@mui/material";
+import { Grid } from "@mui/material";
 import { FormGroupCreditCardProvider } from "@xyo-network/react-form-credit-card";
 import React51 from "react";
 
@@ -4383,10 +4383,10 @@ var AccountCard = /* @__PURE__ */ __name(({ items, ...props }) => {
 var PaymentMethods = /* @__PURE__ */ __name(() => {
   return /* @__PURE__ */ React51.createElement(DappPage, {
     title: "Payment Methods"
-  }, /* @__PURE__ */ React51.createElement(Grid2, {
+  }, /* @__PURE__ */ React51.createElement(Grid, {
     container: true,
     spacing: 3
-  }, /* @__PURE__ */ React51.createElement(Grid2, {
+  }, /* @__PURE__ */ React51.createElement(Grid, {
     size: {
       xs: 12
     }
@@ -4397,7 +4397,7 @@ var PaymentMethods = /* @__PURE__ */ __name(() => {
     items: [
       {
         // TODO - needs a default implementation
-        component: /* @__PURE__ */ React51.createElement(FormGroupCreditCardProvider, null, /* @__PURE__ */ React51.createElement(React51.Fragment, null)),
+        component: /* @__PURE__ */ React51.createElement(FormGroupCreditCardProvider, null, "null"),
         desc: "Save a credit card to your node to complete credit payments seamlessly.",
         title: "Credit Card"
       },