@particle-network/ui-react 0.4.0-beta.3 → 0.4.0-beta.31

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

@@ -1,8 +1,19 @@
 import { useEffect } from "react";
+import { themeKeys } from "@particle-network/ui-shared";
 import { useDebounceFn } from "ahooks";
-import { themeKeys } from "./theme-data.js";
 import { useThemeStore } from "./use-theme-store.js";
-const DEFAULT_FONT_FAMILY = 'ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji';
+const DEFAULT_FONT_FAMILY = 'Inter,system-ui,sans-serif,"Microsoft YaHei"';
+const PRELOAD_FONTS_URL = 'https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap';
+const preloadFonts = ()=>{
+    if ('undefined' == typeof window) return;
+    const existingLink = document.getElementById('ux-preload-fonts-link');
+    if (existingLink) return;
+    const linkElement = document.createElement('link');
+    linkElement.id = 'ux-preload-fonts-link';
+    linkElement.rel = 'stylesheet';
+    linkElement.href = PRELOAD_FONTS_URL;
+    document.head.appendChild(linkElement);
+};
 const applyTheme = (theme)=>{
     if ('undefined' == typeof window) return;
     const root = document.documentElement;
@@ -11,6 +22,8 @@ const applyTheme = (theme)=>{
     themeKeys.forEach((key)=>{
         root.classList.remove(key);
     });
+    root.classList.remove('dark');
+    root.classList.remove('light');
     root.classList.add(theme.id);
 };
 const extractFontFamilyFromLink = (link)=>{
@@ -19,107 +32,87 @@ const extractFontFamilyFromLink = (link)=>{
         const url = new URL(link);
         const familyParam = url.searchParams.get('family');
         if (!familyParam) return null;
-        const fontName = familyParam.split(':')[0].replace(/\+/g, ' ');
-        return fontName;
+        const firstFamily = familyParam.split('&family=')[0].split(':')[0].replace(/\+/g, ' ');
+        return firstFamily;
     } catch  {
         return null;
     }
 };
-const loadGoogleFont = (link, options)=>{
-    const { setFontLoadStatus, setFontLoadError, setFontName } = options;
+const applyFont = (fontName)=>{
     if ('undefined' == typeof window) return;
-    const existingLink = document.getElementById('ux-google-font-link');
-    if (existingLink) existingLink.remove();
-    if (!link?.trim()) {
+    if (fontName) {
+        document.documentElement.style.setProperty('--ux-font-family', `"${fontName}", ${DEFAULT_FONT_FAMILY}`);
+        document.body.style.fontFamily = `"${fontName}", ${DEFAULT_FONT_FAMILY}`;
+    } else {
         document.documentElement.style.setProperty('--ux-font-family', DEFAULT_FONT_FAMILY);
         document.body.style.fontFamily = DEFAULT_FONT_FAMILY;
-        setFontLoadStatus('idle');
-        setFontLoadError(null);
-        setFontName('');
-        return;
     }
-    setFontLoadStatus('loading');
-    setFontLoadError(null);
-    const linkElement = document.createElement('link');
-    linkElement.id = 'ux-google-font-link';
-    linkElement.rel = 'stylesheet';
-    linkElement.href = link;
-    linkElement.onload = ()=>{
-        setFontLoadStatus('success');
-        setFontLoadError(null);
-        const fontFamily = extractFontFamilyFromLink(link);
-        if (fontFamily) {
-            document.documentElement.style.setProperty('--ux-font-family', `"${fontFamily}", ${DEFAULT_FONT_FAMILY}`);
-            document.body.style.fontFamily = `"${fontFamily}", ${DEFAULT_FONT_FAMILY}`;
-            setFontName(fontFamily);
-        }
-    };
-    linkElement.onerror = ()=>{
-        const errorMessage = '字体加载失败，请检查链接是否正确';
-        setFontLoadStatus('error');
-        setFontLoadError(errorMessage);
-        setFontName('');
-        document.documentElement.style.setProperty('--ux-font-family', DEFAULT_FONT_FAMILY);
-        document.body.style.fontFamily = DEFAULT_FONT_FAMILY;
-    };
-    document.head.appendChild(linkElement);
 };
 const useTheme = ()=>{
-    const selectedTheme = useThemeStore((state)=>state.selectedTheme);
-    const savedTheme = useThemeStore((state)=>state.savedTheme);
-    const selectedFontLink = useThemeStore((state)=>state.selectedFontLink);
-    const savedFontLink = useThemeStore((state)=>state.savedFontLink);
+    const theme = useThemeStore((state)=>state.theme);
+    const fontUrl = useThemeStore((state)=>state.fontUrl);
     const fontName = useThemeStore((state)=>state.fontName);
     const fontLoadStatus = useThemeStore((state)=>state.fontLoadStatus);
-    const fontLoadError = useThemeStore((state)=>state.fontLoadError);
-    const storeSetSelectedTheme = useThemeStore((state)=>state.setSelectedTheme);
-    const storeSetSavedTheme = useThemeStore((state)=>state.setSavedTheme);
-    const storeSetSelectedFontLink = useThemeStore((state)=>state.setSelectedFontLink);
-    const storeSetSavedFontLink = useThemeStore((state)=>state.setSavedFontLink);
+    const storeSetTheme = useThemeStore((state)=>state.setTheme);
+    const storeSetFontUrl = useThemeStore((state)=>state.setFontUrl);
     const storeSetFontLoadStatus = useThemeStore((state)=>state.setFontLoadStatus);
-    const storeSetFontLoadError = useThemeStore((state)=>state.setFontLoadError);
     const storeSetFontName = useThemeStore((state)=>state.setFontName);
-    const { run: debouncedLoadGoogleFont } = useDebounceFn((link)=>loadGoogleFont(link, {
-            setFontLoadStatus: storeSetFontLoadStatus,
-            setFontLoadError: storeSetFontLoadError,
-            setFontName: storeSetFontName
-        }), {
-        wait: 500
+    const applyFontWithStatus = (customFontUrl, themeFontName)=>{
+        if ('undefined' == typeof window) return;
+        const url = customFontUrl?.trim();
+        if (!url) return void applyFont(themeFontName);
+        const existingLink = document.getElementById('ux-google-font-link');
+        if (existingLink) existingLink.remove();
+        storeSetFontLoadStatus('loading');
+        const linkElement = document.createElement('link');
+        linkElement.id = 'ux-google-font-link';
+        linkElement.rel = 'stylesheet';
+        linkElement.href = url;
+        linkElement.onload = ()=>{
+            storeSetFontLoadStatus('success');
+            const fontFamily = extractFontFamilyFromLink(url);
+            if (fontFamily) {
+                applyFont(fontFamily);
+                storeSetFontName(fontFamily);
+            }
+        };
+        linkElement.onerror = ()=>{
+            storeSetFontLoadStatus('error');
+            storeSetFontName('');
+            applyFont(themeFontName);
+        };
+        document.head.appendChild(linkElement);
+    };
+    const { run: debouncedApplyFont } = useDebounceFn((customFontLink, themeFontName)=>applyFontWithStatus(customFontLink, themeFontName), {
+        wait: 300
     });
     useEffect(()=>{
-        applyTheme(savedTheme);
-        debouncedLoadGoogleFont(savedFontLink);
-    }, [
-        savedTheme,
-        savedFontLink
-    ]);
-    const setSelectedTheme = (theme)=>{
-        storeSetSelectedTheme(theme);
+        preloadFonts();
         applyTheme(theme);
-    };
-    const setSavedTheme = (theme)=>{
-        storeSetSavedTheme(theme);
+        debouncedApplyFont(fontUrl, theme.fontName);
+    }, []);
+    const setTheme = (theme)=>{
+        storeSetTheme(theme);
         applyTheme(theme);
+        debouncedApplyFont(fontUrl, theme.fontName);
     };
-    const setSelectedFontLink = (link)=>{
-        storeSetSelectedFontLink(link);
-        debouncedLoadGoogleFont(link);
+    const setFontUrl = (link)=>{
+        storeSetFontUrl(link);
+        debouncedApplyFont(link, theme.fontName);
     };
-    const setSavedFontLink = (link)=>{
-        storeSetSavedFontLink(link);
-        debouncedLoadGoogleFont(link);
+    const clearFontUrl = ()=>{
+        storeSetFontUrl('');
+        storeSetFontName('');
+        storeSetFontLoadStatus('idle');
+        debouncedApplyFont('', theme.fontName);
     };
     return {
-        selectedTheme,
-        setSelectedTheme,
-        savedTheme,
-        setSavedTheme,
-        selectedFontLink,
-        setSelectedFontLink,
-        savedFontLink,
-        setSavedFontLink,
+        theme,
+        setTheme,
+        fontUrl,
+        setFontUrl,
+        clearFontUrl,
         fontLoadStatus,
-        fontLoadError,
         fontName
     };
 };

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

@@ -1,13 +1,16 @@
+import type { ReactNode } from 'react';
 import type { ToastProps } from '@heroui/toast';
-export type UXToastType = 'success' | 'error' | 'loading';
+export { addToast, closeAll, closeToast, getToastQueue, isToastClosing } from '@heroui/toast';
+export type UXToastType = 'success' | 'error' | 'loading' | 'info';
 export type UXToastProps = Partial<ToastProps> & {
     type: UXToastType;
 };
 export declare const UXToastProvider: () => import("react/jsx-runtime").JSX.Element;
 export declare const toast: {
-    success: (message: string, props?: Partial<ToastProps>) => string | null;
-    error: (message: string, props?: Partial<ToastProps>) => string | null;
-    loading: (message: string, props?: Partial<ToastProps>) => string | null;
+    info: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
+    success: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
+    error: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
+    loading: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
     show: (props?: Partial<ToastProps> & {
         type: UXToastType;
     }) => string | null;

package/dist/components/UXToast/index.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ToastProvider, addToast, closeAll, closeToast } from "@heroui/toast";
+import { ToastProvider, addToast, closeAll, closeToast, getToastQueue, isToastClosing } from "@heroui/toast";
 import CircleCheckIcon from "@particle-network/icons/web/CircleCheckIcon";
 import CircleCloseIcon from "@particle-network/icons/web/CircleCloseIcon";
 import CloseIcon from "@particle-network/icons/web/CloseIcon";
@@ -9,33 +9,35 @@ const UXToastProvider = ()=>/*#__PURE__*/ jsx(ToastProvider, {
         disableAnimation: true,
         placement: "top-center",
         maxVisibleToasts: 4,
-        toastOffset: 40,
         toastProps: {
             timeout: 4000
         },
         regionProps: {
-            className: 'items-center py-10'
+            className: 'items-center mt-12 p-0 gap-2'
         }
     });
 const getIcon = (type)=>{
     if ('success' === type) return /*#__PURE__*/ jsx(CircleCheckIcon, {
-        size: 18
+        size: 18,
+        color: "success"
     });
     if ('error' === type) return /*#__PURE__*/ jsx(CircleCloseIcon, {
-        size: 18
+        size: 18,
+        color: "danger"
     });
     if ('loading' === type) return /*#__PURE__*/ jsx(UXSpinner, {
+        color: "primary",
         size: 18
     });
     return null;
 };
 const show = (props)=>{
-    const { type, hideCloseButton, variant, classNames, description, ...toastProps } = props ?? {};
-    const { base, description: descriptionClassName, icon, loadingComponent, content, closeButton, ...restClassNames } = classNames ?? {};
+    const { type, hideCloseButton, icon, variant, classNames, description, ...toastProps } = props ?? {};
+    const { base, description: descriptionClassName, icon: iconClassName, loadingComponent, content, closeButton, ...restClassNames } = classNames ?? {};
     return addToast({
         classNames: {
             base: [
-                'bg-tertiary rounded-xl px-3.5 py-3 shadow-none border-none !w-fit max-w-[90vw] md:max-w-[400px]',
+                'bg-tertiary rounded-xl px-3.5 py-3 shadow-none border-none !w-fit max-w-[90vw] md:max-w-[400px] m-0',
                 !hideCloseButton && 'pr-12',
                 'flat' === variant && 'success' === type && 'bg-[#0E3728]',
                 'flat' === variant && 'error' === type && 'bg-[#501D1D]',
@@ -48,11 +50,8 @@ const show = (props)=>{
                 descriptionClassName
             ],
             icon: [
-                'shrink-0 h-5 w-5',
-                'success' === type && 'text-success',
-                'error' === type && 'text-danger',
-                'loading' === type && 'text-primary',
-                icon
+                'h-fit w-fit shrink-0',
+                iconClassName
             ],
             loadingComponent: [
                 'text-primary h-5 w-5',
@@ -70,18 +69,24 @@ const show = (props)=>{
             ...restClassNames
         },
         description,
-        icon: getIcon(type),
+        icon: icon ?? getIcon(type),
+        hideIcon: !icon && !getIcon(type),
         closeIcon: /*#__PURE__*/ jsx(CloseIcon, {
             className: 'flat' === variant ? 'text-white' : 'text-foreground'
         }),
         loadingComponent: /*#__PURE__*/ jsx(UXSpinner, {
             size: 18
         }),
-        timeout: 'loading' === type ? 1 / 0 : 3000,
+        timeout: 'loading' === type ? 1 / 0 : 4000,
         ...toastProps
     });
 };
 const toast = {
+    info: (message, props)=>show({
+            type: 'info',
+            description: message,
+            ...props
+        }),
     success: (message, props)=>show({
             type: 'success',
             description: message,
@@ -95,11 +100,10 @@ const toast = {
     loading: (message, props)=>show({
             type: 'loading',
             description: message,
-            timeout: 1 / 0,
             ...props
         }),
     show,
     closeAll: closeAll,
     close: closeToast
 };
-export { UXToastProvider, toast };
+export { UXToastProvider, addToast, closeAll, closeToast, getToastQueue, isToastClosing, toast };

package/dist/components/UXTooltip/tooltip.extend.d.ts

@@ -39,7 +39,7 @@ declare const ExtendedTooltip: import("react").ForwardRefExoticComponent<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "foreground" | "secondary" | "primary" | "success" | "danger" | "warning" | undefined;
+    color?: "default" | "success" | "foreground" | "secondary" | "primary" | "danger" | "warning" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -282,33 +282,33 @@ declare const ExtendedTooltip: import("react").ForwardRefExoticComponent<Omit<{
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
-    offset?: number | undefined;
-    key?: import("react").Key | null | undefined;
-    disableAnimation?: boolean | undefined;
+    classNames?: import("@heroui/theme").SlotsToClasses<"content" | "base" | "arrow"> | undefined;
     isDisabled?: boolean | undefined;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
+    disableAnimation?: boolean | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    key?: import("react").Key | null | undefined;
+    onOpenChange?: ((isOpen: boolean) => void) | undefined;
+    shouldCloseOnBlur?: boolean | undefined;
     onClose?: ((() => void) & (() => void)) | undefined;
-    classNames?: import("@heroui/theme").SlotsToClasses<"content" | "base" | "arrow"> | undefined;
+    isOpen?: boolean | undefined;
     placement?: import("@heroui/aria-utils").OverlayPlacement | undefined;
-    motionProps?: Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> | undefined;
-    delay?: number | undefined;
+    containerPadding?: number | undefined;
+    offset?: number | undefined;
+    crossOffset?: number | undefined;
+    shouldFlip?: boolean | undefined;
+    isKeyboardDismissDisabled?: boolean | undefined;
+    shouldCloseOnInteractOutside?: ((element: Element) => boolean) | undefined;
+    isDismissable?: boolean | undefined;
+    showArrow?: boolean | undefined;
+    updatePositionDeps?: any[] | undefined;
+    shadow?: "sm" | "md" | "lg" | "none" | undefined;
     triggerScaleOnOpen?: boolean | undefined;
     isTriggerDisabled?: boolean | undefined;
-    closeDelay?: number | undefined;
-    trigger?: "focus" | undefined;
+    motionProps?: Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> | undefined;
     portalContainer?: Element | undefined;
-    updatePositionDeps?: any[] | undefined;
-    isOpen?: boolean | undefined;
-    isDismissable?: boolean | undefined;
-    shouldCloseOnBlur?: boolean | undefined;
-    isKeyboardDismissDisabled?: boolean | undefined;
-    shouldCloseOnInteractOutside?: ((element: Element) => boolean) | undefined;
     defaultOpen?: boolean | undefined;
-    onOpenChange?: ((isOpen: boolean) => void) | undefined;
-    showArrow?: boolean | undefined;
-    crossOffset?: number | undefined;
-    shouldFlip?: boolean | undefined;
-    containerPadding?: number | undefined;
+    trigger?: "focus" | undefined;
+    delay?: number | undefined;
+    closeDelay?: number | undefined;
 }, "ref"> & import("react").RefAttributes<import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>>;
 export default ExtendedTooltip;

package/dist/components/UXTooltip/tooltip.extend.js

@@ -26,7 +26,8 @@ const ExtendedTooltip = extendVariants(Tooltip, {
         size: 'md',
         shadow: 'md',
         backdrop: 'transparent',
-        delay: 300
+        delay: 300,
+        closeDelay: 200
     }
 });
 const tooltip_extend = ExtendedTooltip;

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './layout';
 export * from './ProgressWrapper';
 export * from './typography/Text';
+export * from './UXAutocomplete';
 export * from './UXButton';
 export * from './UXCalendar';
 export * from './UXCheckbox';
@@ -9,6 +10,7 @@ export * from './UXCopy';
 export * from './UXDatePicker';
 export * from './UXDateRangePicker';
 export * from './UXDivider';
+export * from './UXDrawer';
 export * from './UXDropdown';
 export * from './UXEmpty';
 export * from './UXHint';

package/dist/components/index.js

@@ -1,6 +1,7 @@
 export * from "./layout/index.js";
 export * from "./ProgressWrapper/index.js";
 export * from "./typography/Text.js";
+export * from "./UXAutocomplete/index.js";
 export * from "./UXButton/index.js";
 export * from "./UXCalendar/index.js";
 export * from "./UXCheckbox/index.js";
@@ -9,6 +10,7 @@ export * from "./UXCopy/index.js";
 export * from "./UXDatePicker/index.js";
 export * from "./UXDateRangePicker/index.js";
 export * from "./UXDivider/index.js";
+export * from "./UXDrawer/index.js";
 export * from "./UXDropdown/index.js";
 export * from "./UXEmpty/index.js";
 export * from "./UXHint/index.js";

package/dist/hooks/useI18n.d.ts

@@ -10,14 +10,18 @@ export declare const useI18n: () => {
     };
     theme: {
         title: string;
-        reset: string;
-        apply: string;
+        done: string;
         font: {
             title: string;
             placeholder: string;
             loading: string;
             success: string;
             error: string;
+            hint: string;
+            example: {
+                show: string;
+                hide: string;
+            };
         };
     };
 };

package/dist/hooks/useI18n.js

@@ -11,14 +11,18 @@ const en = {
     },
     theme: {
         title: 'Theme',
-        reset: 'Reset',
-        apply: 'Apply Theme',
+        done: 'Finish',
         font: {
             title: 'Custom Font',
             placeholder: 'Enter Google Fonts URL or custom font URL',
             loading: 'Loading font...',
             success: 'Font loaded: ',
-            error: 'Failed to load font'
+            error: 'Failed to load font',
+            hint: 'Try Google Fonts: ',
+            example: {
+                show: 'Show example',
+                hide: 'Hide example'
+            }
         }
     }
 };
@@ -34,14 +38,18 @@ const zh = {
     },
     theme: {
         title: '主题',
-        reset: '重置',
-        apply: '应用主题',
+        done: '完成',
         font: {
             title: '自定义字体',
             placeholder: '输入 Google Fonts 或自定义字体链接',
             loading: '正在加载字体...',
-            success: '字体加载成功：',
-            error: '字体加载失败'
+            success: '已加载字体：',
+            error: '字体加载失败',
+            hint: '参考 Google Fonts: ',
+            example: {
+                show: '显示示例',
+                hide: '隐藏示例'
+            }
         }
     }
 };

package/dist/utils/detect.js

@@ -1,7 +1,6 @@
 const hasLongWord = (text)=>{
     if ('string' != typeof text) return false;
-    const englishWords = text.match(/[a-zA-Z0-9_-]+/g);
-    if (!englishWords) return false;
+    const englishWords = text.split(' ');
     return englishWords.some((word)=>word.length > 30);
 };
 export { hasLongWord };

package/dist/utils/variants.js

@@ -1,7 +1,7 @@
 const solid = {
     default: 'bg-background-200 text-foreground',
     primary: 'bg-primary text-primary-foreground',
-    secondary: 'bg-background-200 text-foreground-300',
+    secondary: 'bg-background-200 text-secondary',
     success: 'bg-success text-success-foreground',
     warning: 'bg-warning text-warning-foreground',
     danger: 'bg-danger text-danger-foreground',
@@ -22,9 +22,9 @@ const shadow = {
     bearish: 'shadow-lg shadow-bearish/40 bg-bearish text-foreground'
 };
 const bordered = {
-    default: 'bg-transparent border-foreground-100 text-foreground',
+    default: 'bg-transparent border-foreground text-foreground',
     primary: 'bg-transparent border-primary text-primary',
-    secondary: 'bg-transparent border-foreground-100 text-foreground-300',
+    secondary: 'bg-transparent border-secondary text-secondary',
     success: 'bg-transparent border-success text-success',
     warning: 'bg-transparent border-warning text-warning',
     danger: 'bg-transparent border-danger text-danger',
@@ -33,9 +33,9 @@ const bordered = {
     bearish: 'bg-transparent border-bearish text-bearish'
 };
 const flat = {
-    default: 'bg-background-300 text-default-foreground',
+    default: 'bg-background-300 text-foreground',
     primary: 'bg-primary/20 text-primary',
-    secondary: 'bg-background-300 text-foreground-300',
+    secondary: 'bg-background-300 text-secondary',
     success: 'bg-success/20 text-success',
     warning: 'bg-warning/20 text-warning',
     danger: 'bg-danger/20 text-danger',
@@ -55,15 +55,15 @@ const faded = {
     bearish: 'border-bearish bg-bearish text-foreground'
 };
 const light = {
-    default: 'bg-transparent text-default-foreground',
-    primary: 'bg-transparent text-primary',
-    secondary: 'bg-transparent text-foreground-300',
-    success: 'bg-transparent text-success',
-    warning: 'bg-transparent text-warning',
-    danger: 'bg-transparent text-danger',
-    foreground: 'bg-transparent text-foreground',
-    bullish: 'bg-transparent text-bullish',
-    bearish: 'bg-transparent text-bearish'
+    default: 'bg-transparent text-foreground data-[hover=true]:bg-background-200/50',
+    primary: 'bg-transparent text-primary data-[hover=true]:bg-primary/20',
+    secondary: 'bg-transparent text-secondary data-[hover=true]:bg-background-200/50',
+    success: 'bg-transparent text-success data-[hover=true]:bg-success/20',
+    warning: 'bg-transparent text-warning data-[hover=true]:bg-warning/20',
+    danger: 'bg-transparent text-danger data-[hover=true]:bg-danger/20',
+    foreground: 'bg-transparent text-foreground data-[hover=true]:bg-foreground/20',
+    bullish: 'bg-transparent text-bullish data-[hover=true]:bg-bullish/20',
+    bearish: 'bg-transparent text-bearish data-[hover=true]:bg-bearish/20'
 };
 const ghost = {
     default: 'border-default text-default-foreground',
@@ -77,9 +77,9 @@ const ghost = {
     bearish: 'border-bearish text-foreground hover:!bg-bearish'
 };
 const variants_text = {
-    default: 'bg-transparent text-default-foreground',
+    default: 'bg-transparent text-foreground',
     primary: 'bg-transparent text-primary',
-    secondary: 'bg-transparent text-foreground-300',
+    secondary: 'bg-transparent text-secondary',
     success: 'bg-transparent text-success',
     warning: 'bg-transparent text-warning',
     danger: 'bg-transparent text-danger',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.0-beta.3",
+  "version": "0.4.0-beta.31",
   "type": "module",
   "exports": {
     ".": {
@@ -38,9 +38,8 @@
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
-    "typescript": "^5.8.3",
-    "@particle-network/eslint-config": "0.3.0",
-    "@particle-network/lintstaged-config": "0.1.0"
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/eslint-config": "0.3.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -50,13 +49,13 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.0-beta.1",
-    "@particle-network/ui-shared": "0.3.0-beta.0"
+    "@particle-network/icons": "0.4.0-beta.14",
+    "@particle-network/ui-shared": "0.3.0-beta.6"
   },
   "scripts": {
     "build": "rslib build",
     "dev": "rslib build --watch",
-    "type-check": "npx tsc --noEmit -p ./tsconfig.json",
+    "type-check": "npx tsgo --noEmit -p ./tsconfig.json",
     "lint": "eslint . --no-error-on-unmatched-pattern --quiet",
     "lint:fix": "eslint . --fix --no-error-on-unmatched-pattern --quiet",
     "clean": "rm -rf .turbo node_modules dist"