musae 1.0.27-beta.36 → 1.0.27-beta.38

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
@@ -191,7 +189,7 @@ var useSwitchable = function useSwitchable(_ref) {
     if (!relax.isFunction(document.startViewTransition)) {
       var _trigger$current;
       (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.next(nextMode);
-      return;
+      return nextMode;
     }
     var animation = document.startViewTransition(function () {
       var _trigger$current2;
@@ -216,6 +214,7 @@ var useSwitchable = function useSwitchable(_ref) {
       var _document$documentEle4;
       (_document$documentEle4 = document.documentElement.classList).remove.apply(_document$documentEle4, _toConsumableArray(className.normalize(styled.lighting.className, styled.darking.className)));
     });
+    return nextMode;
   });
   return {
     mode: mode,

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
  *
@@ -21,11 +21,11 @@ export declare const useTheme: () => ContextValue;
  * inject css names and styles into html element
  * for animations
  */
-export declare const useSwitchable: ({ theme, defaultMode }: {
+export declare const useSwitchable: ({ theme, defaultMode, }: {
     theme: Theme;
     defaultMode?: Mode;
 }) => {
     mode: Mode;
-    toggle: (event?: MouseEvent) => void;
+    toggle: (event?: MouseEvent) => Mode;
     colors: Record<import("../../utils/color-role").ColorRole, string>;
 };

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
@@ -189,7 +187,7 @@ var useSwitchable = function useSwitchable(_ref) {
     if (!isFunction(document.startViewTransition)) {
       var _trigger$current;
       (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.next(nextMode);
-      return;
+      return nextMode;
     }
     var animation = document.startViewTransition(function () {
       var _trigger$current2;
@@ -214,6 +212,7 @@ var useSwitchable = function useSwitchable(_ref) {
       var _document$documentEle4;
       (_document$documentEle4 = document.documentElement.classList).remove.apply(_document$documentEle4, _toConsumableArray(normalize(styled.lighting.className, styled.darking.className)));
     });
+    return nextMode;
   });
   return {
     mode: mode,

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.36",
+  "version": "1.0.27-beta.38",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",