@vechain/vechain-kit 2.0.0-rc.13 → 2.0.0-rc.14

package/dist/index.cjs

@@ -4866,7 +4866,7 @@ var AddressDisplay = ({
 
 // package.json
 var package_default = {
-  version: "2.0.0-rc.13"};
+  version: "2.0.0-rc.14"};
 var VersionFooter = ({ ...props }) => {
   const { darkMode: isDark } = useVeChainKitConfig();
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -16781,6 +16781,14 @@ var useVechainKitThemeConfig = () => {
   }
   return context;
 };
+var ColorModeSync = ({ darkMode = false }) => {
+  const { setColorMode, colorMode: currentColorMode } = react.useColorMode();
+  React10.useEffect(() => {
+    const colorMode = darkMode ? "dark" : "light";
+    if (currentColorMode !== colorMode) setColorMode(colorMode);
+  }, [darkMode]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+};
 var VechainKitThemeProvider = ({
   children,
   darkMode = false
@@ -16798,16 +16806,19 @@ var VechainKitThemeProvider = ({
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(VechainKitThemeContext.Provider, { value: { portalRootRef }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(EnsureColorModeScript, { darkMode }),
-    /* @__PURE__ */ jsxRuntime.jsx(EnsureChakraProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(
-      react.Box,
-      {
-        id: "vechain-kit-root",
-        ref: portalRootRef,
-        bg: "transparent",
-        borderRadius: "12px",
-        children
-      }
-    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(EnsureChakraProvider, { theme, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ColorModeSync, { darkMode }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        react.Box,
+        {
+          id: "vechain-kit-root",
+          ref: portalRootRef,
+          bg: "transparent",
+          borderRadius: "12px",
+          children
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(ToastContainer, {})
   ] });
 };
@@ -20452,6 +20463,7 @@ exports.ChooseNameContent = ChooseNameContent;
 exports.ChooseNameModalProvider = ChooseNameModalProvider;
 exports.ChooseNameSearchContent = ChooseNameSearchContent;
 exports.ChooseNameSummaryContent = ChooseNameSummaryContent;
+exports.ColorModeSync = ColorModeSync;
 exports.ConnectModal = ConnectModal;
 exports.ConnectModalProvider = ConnectModalProvider;
 exports.ConnectPopover = ConnectPopover;