musae 1.0.27-beta.37 → 1.0.27-beta.39

package/dist/components/theme/hooks.cjs

@@ -112,13 +112,7 @@ var PALETTE = {
  * @description
  * theme context
  */
-var Context = /*#__PURE__*/React.createContext({
-  colors: colorRole.toColorRoles(PALETTE, "light"),
-  mode: "light",
-  toggle: function toggle() {
-    return void 0;
-  }
-});
+var Context = /*#__PURE__*/React.createContext(null);
 /**
  * @author murukal
  *
@@ -129,7 +123,11 @@ var Context = /*#__PURE__*/React.createContext({
  * set the preset theme for musae ui component
  */
 var useTheme = function useTheme() {
-  return React.useContext(Context);
+  var context = React.useContext(Context);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
 };
 /**
  * @description
@@ -178,6 +176,7 @@ var useSwitchable = function useSwitchable(_ref) {
     document.documentElement.attributeStyleMap.set("--color-light", theme.palette.neutral[100]);
     document.documentElement.attributeStyleMap.set("--color-dark", theme.palette.neutral[0]);
     new rxjs.Observable(function (subscriber) {
+      subscriber.next(mode);
       trigger.current = subscriber;
     }).pipe(rxjs.distinctUntilChanged()).subscribe({
       next: repaint

package/dist/components/theme/hooks.d.ts

@@ -5,7 +5,7 @@ export declare const PALETTE: Readonly<Palette>;
  * @description
  * theme context
  */
-export declare const Context: import("react").Context<ContextValue>;
+export declare const Context: import("react").Context<ContextValue | null>;
 /**
  * @author murukal
  *

package/dist/components/theme/hooks.mjs

@@ -1,6 +1,6 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { createContext, useContext, useState, useRef, useMemo } from 'react';
+import { useContext, createContext, useState, useRef, useMemo } from 'react';
 import { toColorRoles } from '../../utils/color-role.mjs';
 import { useEvent, useMounted, isFunction } from '@aiszlab/relax';
 import { normalize } from '@aiszlab/relax/class-name';
@@ -110,13 +110,7 @@ var PALETTE = {
  * @description
  * theme context
  */
-var Context = /*#__PURE__*/createContext({
-  colors: toColorRoles(PALETTE, "light"),
-  mode: "light",
-  toggle: function toggle() {
-    return void 0;
-  }
-});
+var Context = /*#__PURE__*/createContext(null);
 /**
  * @author murukal
  *
@@ -127,7 +121,11 @@ var Context = /*#__PURE__*/createContext({
  * set the preset theme for musae ui component
  */
 var useTheme = function useTheme() {
-  return useContext(Context);
+  var context = useContext(Context);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
 };
 /**
  * @description
@@ -176,6 +174,7 @@ var useSwitchable = function useSwitchable(_ref) {
     document.documentElement.attributeStyleMap.set("--color-light", theme.palette.neutral[100]);
     document.documentElement.attributeStyleMap.set("--color-dark", theme.palette.neutral[0]);
     new Observable(function (subscriber) {
+      subscriber.next(mode);
       trigger.current = subscriber;
     }).pipe(distinctUntilChanged()).subscribe({
       next: repaint

package/dist/types/theme.d.ts

@@ -64,9 +64,9 @@ export interface ContextValue {
      */
     mode: Mode;
     /**
-     * @description
-     * toggle theme mode, if dark, change to light
+     * @zh 切换主题模式，返回更新后的模式
+     * @en toggle theme mode, returns the updated mode
      */
-    toggle: (event?: MouseEvent) => void;
+    toggle: (event?: MouseEvent) => Mode;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "1.0.27-beta.37",
+  "version": "1.0.27-beta.39",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",