@particle-network/ui-shared 0.3.0-beta.0 → 0.3.0-beta.1

package/dist/index.d.ts

@@ -3,4 +3,3 @@ export * from './radius';
 export * from './size';
 export * from './spacing';
 export * from './tailwind-color';
-export * from './theme';

package/dist/index.js

@@ -3,4 +3,3 @@ export * from "./radius.js";
 export * from "./size.js";
 export * from "./spacing.js";
 export * from "./tailwind-color.js";
-export * from "./theme.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-shared",
-  "version": "0.3.0-beta.0",
+  "version": "0.3.0-beta.1",
   "type": "module",
   "main": "./dist/index.js",
   "react-native": "./dist/index.js",

package/dist/theme.d.ts

@@ -1,6 +0,0 @@
-type Theme = 'dark' | 'light';
-/**
- * 监听主题变化（兼容 data-theme 和 class 两种方式）
- */
-export declare function useTheme(): Theme;
-export {};

package/dist/theme.js

@@ -1,27 +0,0 @@
-import { useEffect, useState } from "react";
-function getCurrentTheme() {
-    const html = document.documentElement;
-    if (html.hasAttribute('data-theme')) return 'dark' === html.getAttribute('data-theme') ? 'dark' : 'light';
-    return html.classList.contains('dark') ? 'dark' : 'light';
-}
-function useTheme() {
-    const [theme, setTheme] = useState(getCurrentTheme);
-    useEffect(()=>{
-        const observer = new MutationObserver(()=>{
-            const newTheme = getCurrentTheme();
-            if (newTheme !== theme) setTheme(newTheme);
-        });
-        observer.observe(document.documentElement, {
-            attributes: true,
-            attributeFilter: [
-                'class',
-                'data-theme'
-            ]
-        });
-        return ()=>observer.disconnect();
-    }, [
-        theme
-    ]);
-    return theme;
-}
-export { useTheme };