@particle-network/ui-react 0.5.1-beta.19 → 0.5.1-beta.20

package/dist/components/ProgressWrapper/index.js

@@ -1,11 +1,10 @@
 'use client';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from "react";
-import { radiusMap } from "@particle-network/ui-shared";
+import { radiusMap, useThemeColor } from "@particle-network/ui-shared";
 import { useSize } from "ahooks";
 import { cn } from "../../utils/index.js";
 import { Center } from "../layout/index.js";
-import { useThemeColor } from "../UXThemeSwitch/use-theme-color.js";
 const ProgressWrapper = ({ className, value = 0, width, height, radius = 'sm', strokeWidth = 1, color = 'primary', children, svgClassName, ...restProps })=>{
     const uxColors = useThemeColor();
     const autoLayout = !width && !height;

package/dist/components/UXThemeSwitch/index.d.ts

@@ -1,4 +1,4 @@
+import { useColorScheme, useThemeColor, useThemeStore } from '@particle-network/ui-shared';
 export * from './theme-switch';
-export * from './use-color-scheme';
 export * from './use-theme';
-export * from './use-theme-color';
+export { useColorScheme, useThemeColor, useThemeStore };

package/dist/components/UXThemeSwitch/index.js

@@ -1,4 +1,4 @@
+import { useColorScheme, useThemeColor, useThemeStore } from "@particle-network/ui-shared";
 export * from "./theme-switch.js";
-export * from "./use-color-scheme.js";
 export * from "./use-theme.js";
-export * from "./use-theme-color.js";
+export { useColorScheme, useThemeColor, useThemeStore };

package/dist/components/UXThemeSwitch/use-theme.d.ts

@@ -11,6 +11,6 @@ export declare const useTheme: () => {
     fontUrl: string;
     setFontUrl: (link: string) => void;
     clearFontUrl: () => void;
-    fontLoadStatus: import("./use-theme-store").FontLoadStatus;
+    fontLoadStatus: import("@particle-network/ui-shared").FontLoadStatus;
     fontName: string;
 };

package/dist/components/UXThemeSwitch/use-theme.js

@@ -1,5 +1,5 @@
+import { useThemeStore } from "@particle-network/ui-shared";
 import { useDebounceFn } from "ahooks";
-import { useThemeStore } from "./use-theme-store.js";
 import { applyFont, applyTheme, extractFontFamilyFromLink, preloadFonts } from "./utils.js";
 const useTheme = ()=>{
     const theme = useThemeStore((state)=>state.theme);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.5.1-beta.19",
+  "version": "0.5.1-beta.20",
   "type": "module",
   "exports": {
     ".": {
@@ -52,8 +52,8 @@
     "react-aria-components": "^1.14.0",
     "values.js": "^2.1.1",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.5.1-beta.6",
-    "@particle-network/ui-shared": "0.4.1-beta.5"
+    "@particle-network/icons": "0.5.1-beta.7",
+    "@particle-network/ui-shared": "0.4.1-beta.6"
   },
   "scripts": {
     "build": "rslib build",

package/dist/components/UXThemeSwitch/use-color-scheme.d.ts

@@ -1,5 +0,0 @@
-export declare const useColorScheme: () => {
-    colorScheme: import("@particle-network/ui-shared").ColorScheme;
-    isDark: boolean;
-    isLight: boolean;
-};

package/dist/components/UXThemeSwitch/use-color-scheme.js

@@ -1,14 +0,0 @@
-import { useMemo } from "react";
-import { useThemeStore } from "./use-theme-store.js";
-const useColorScheme = ()=>{
-    const { colorScheme } = useThemeStore((state)=>state.theme);
-    const scheme = useMemo(()=>({
-            colorScheme,
-            isDark: 'dark' === colorScheme,
-            isLight: 'light' === colorScheme
-        }), [
-        colorScheme
-    ]);
-    return scheme;
-};
-export { useColorScheme };

package/dist/components/UXThemeSwitch/use-theme-color.d.ts

@@ -1 +0,0 @@
-export declare const useThemeColor: () => Record<import("@particle-network/ui-shared").ThemeColorVariable, string>;

package/dist/components/UXThemeSwitch/use-theme-color.js

@@ -1,6 +0,0 @@
-import { useThemeStore } from "./use-theme-store.js";
-const useThemeColor = ()=>{
-    const { colorVariables } = useThemeStore((state)=>state.theme);
-    return colorVariables;
-};
-export { useThemeColor };

package/dist/components/UXThemeSwitch/use-theme-store.d.ts

@@ -1,46 +0,0 @@
-import { type ThemeItemType } from '@particle-network/ui-shared';
-export type FontLoadStatus = 'idle' | 'loading' | 'success' | 'error';
-interface State {
-    /**
-     * 保存的主题
-     */
-    theme: ThemeItemType;
-    /**
-     * 保存的自定义主题配置（当切换到其他主题时保存，切回 custom 时恢复）
-     */
-    customTheme: ThemeItemType;
-    /**
-     * 保存的字体链接
-     */
-    fontUrl: string;
-    /**
-     * 应用的字体名称
-     */
-    fontName: string;
-    /**
-     * 字体加载状态
-     */
-    fontLoadStatus: FontLoadStatus;
-}
-interface Actions {
-    setTheme: (theme: ThemeItemType) => void;
-    setCustomTheme: (customTheme: ThemeItemType) => void;
-    setFontUrl: (fontUrl: string) => void;
-    setFontLoadStatus: (status: FontLoadStatus) => void;
-    setFontName: (name: string) => void;
-}
-type ThemeStore = State & Actions;
-export declare const useThemeStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ThemeStore>, "setState" | "persist"> & {
-    setState(partial: ThemeStore | Partial<ThemeStore> | ((state: ThemeStore) => ThemeStore | Partial<ThemeStore>), replace?: false | undefined): unknown;
-    setState(state: ThemeStore | ((state: ThemeStore) => ThemeStore), replace: true): unknown;
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ThemeStore, unknown, unknown>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: ThemeStore) => void) => () => void;
-        onFinishHydration: (fn: (state: ThemeStore) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ThemeStore, unknown, unknown>>;
-    };
-}>;
-export {};

package/dist/components/UXThemeSwitch/use-theme-store.js

@@ -1,36 +0,0 @@
-import { CustomTheme, UXDarkTheme } from "@particle-network/ui-shared";
-import { create } from "zustand";
-import { createJSONStorage, persist } from "zustand/middleware";
-const useThemeStore = create()(persist((set)=>({
-        theme: UXDarkTheme,
-        customTheme: CustomTheme,
-        fontUrl: '',
-        fontName: '',
-        fontLoadStatus: 'idle',
-        setTheme: (theme)=>set({
-                theme
-            }),
-        setCustomTheme: (customTheme)=>set({
-                customTheme
-            }),
-        setFontUrl: (fontUrl)=>set({
-                fontUrl
-            }),
-        setFontLoadStatus: (fontLoadStatus)=>set({
-                fontLoadStatus
-            }),
-        setFontName: (fontName)=>set({
-                fontName
-            })
-    }), {
-    name: 'ux-preference-theme',
-    version: 2,
-    storage: createJSONStorage(()=>'undefined' != typeof window ? window.localStorage : {}),
-    partialize: (state)=>({
-            theme: state.theme,
-            customTheme: state.customTheme,
-            fontName: state.fontName,
-            fontUrl: state.fontUrl
-        })
-}));
-export { useThemeStore };