@particle-network/ui-react 0.5.1-beta.9 → 0.6.0

package/dist/components/UXThemeSwitch/utils.js

@@ -1,4 +1,4 @@
-import { hexColorToHSLValue, themeKeys } from "@particle-network/ui-shared";
+import { hexColorToHSLValue, objectEntries, themeData, themeKeys } from "@particle-network/ui-shared";
 import { readableColor } from "color2k";
 import { generateThemeColor } from "../../heroui/utils/colors.js";
 import { DEFAULT_FONT_FAMILY, PRELOAD_FONTS_URL } from "./constants.js";
@@ -12,10 +12,17 @@ const getCSSProperties = (theme)=>{
             ]
         ],
         secondary: [
-            ...generateThemeColor(colorVariables.secondary, 'secondary', theme.colorScheme).cssVariables,
+            [
+                '--heroui-secondary',
+                colorVariables.secondary
+            ],
             [
                 '--heroui-foreground-300',
                 colorVariables.secondary
+            ],
+            [
+                '--heroui-secondary-foreground',
+                readableColor(colorVariables.secondary)
             ]
         ],
         tertiary: [
@@ -33,8 +40,26 @@ const getCSSProperties = (theme)=>{
             ]
         ],
         primary: generateThemeColor(colorVariables.primary, 'primary', theme.colorScheme).cssVariables,
-        success: generateThemeColor(colorVariables.success, 'success', theme.colorScheme).cssVariables,
-        danger: generateThemeColor(colorVariables.danger, 'danger', theme.colorScheme).cssVariables,
+        success: [
+            [
+                '--heroui-success',
+                colorVariables.success
+            ],
+            [
+                '--heroui-success-foreground',
+                readableColor(colorVariables.success)
+            ]
+        ],
+        danger: [
+            [
+                '--heroui-danger',
+                colorVariables.danger
+            ],
+            [
+                '--heroui-danger-foreground',
+                readableColor(colorVariables.danger)
+            ]
+        ],
         alert: [
             [
                 '--heroui-alert',
@@ -45,7 +70,16 @@ const getCSSProperties = (theme)=>{
                 readableColor(colorVariables.alert)
             ]
         ],
-        warning: generateThemeColor(colorVariables.warning, 'warning', theme.colorScheme).cssVariables,
+        warning: [
+            [
+                '--heroui-warning',
+                colorVariables.warning
+            ],
+            [
+                '--heroui-warning-foreground',
+                readableColor(colorVariables.warning)
+            ]
+        ],
         blue: [
             [
                 '--heroui-blue',
@@ -161,8 +195,11 @@ const setCSSProperty = (property, value)=>{
 };
 const applyCustomThemeColors = (theme)=>{
     if ('undefined' == typeof window) return;
+    const baseThemeColors = themeData.find((t)=>t.id === theme.baseThemeId).colorVariables;
+    const customThemeColors = theme.colorVariables;
     const cssProperties = getCSSProperties(theme);
-    Object.entries(cssProperties).forEach(([, value])=>{
+    objectEntries(cssProperties).forEach(([colorKey, value])=>{
+        if (baseThemeColors[colorKey] === customThemeColors[colorKey]) return;
         value.forEach(([variable, value])=>{
             setCSSProperty(variable, value);
         });

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

@@ -12,7 +12,7 @@ export declare const toast: {
     error: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
     loading: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
     show: (props?: Partial<ToastProps> & {
-        type: UXToastType;
+        type?: UXToastType;
     }) => string | null;
     closeAll: () => void;
     close: (key: string) => void;

package/dist/components/UXToast/index.js

@@ -5,6 +5,7 @@ import CircleCloseIcon from "@particle-network/icons/web/CircleCloseIcon";
 import CloseIcon from "@particle-network/icons/web/CloseIcon";
 import { hasLongWord } from "../../utils/index.js";
 import { UXSpinner } from "../UXSpinner/index.js";
+import { WrapText } from "../WrapText/index.js";
 const UXToastProvider = ()=>/*#__PURE__*/ jsx(ToastProvider, {
         disableAnimation: true,
         placement: "top-center",
@@ -13,7 +14,7 @@ const UXToastProvider = ()=>/*#__PURE__*/ jsx(ToastProvider, {
             timeout: 4000
         },
         regionProps: {
-            className: 'items-center mt-12 p-0 gap-2'
+            className: 'items-center mt-12 p-0 gap-2 z-[9999999999]'
         }
     });
 const getIcon = (type)=>{
@@ -32,19 +33,25 @@ const getIcon = (type)=>{
     return null;
 };
 const show = (props)=>{
-    const { type, hideCloseButton, icon, variant, classNames, description, ...toastProps } = props ?? {};
-    const { base, description: descriptionClassName, icon: iconClassName, loadingComponent, content, closeButton, ...restClassNames } = classNames ?? {};
+    const { type = 'info', hideCloseButton, icon, variant, classNames, title, description, ...toastProps } = props ?? {};
+    const { base, title: titleClassName, description: descriptionClassName, icon: iconClassName, loadingComponent, content, closeButton, ...restClassNames } = classNames ?? {};
     return addToast({
         classNames: {
             base: [
-                'bg-cursor rounded-xl px-3.5 py-3 shadow-none border-none !w-fit max-w-[90vw] md:max-w-[400px] m-0',
+                'bg-cursor rounded-xl px-3.5 shadow-none min-h-11 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]',
                 base
             ],
+            title: [
+                'text-cursor-foreground text-xs font-medium leading-4 !whitespace-normal me-0 line-clamp-2',
+                hasLongWord(title) && 'break-all',
+                'flat' === variant && 'text-white',
+                titleClassName
+            ],
             description: [
-                'text-cursor-foreground text-xs font-medium me-0 leading-4 line-clamp-4',
+                'text-secondary !text-body3 me-0 leading-4',
                 'flat' === variant && 'text-white',
                 hasLongWord(description) && 'break-all',
                 descriptionClassName
@@ -68,7 +75,12 @@ const show = (props)=>{
             ],
             ...restClassNames
         },
-        description,
+        title: /*#__PURE__*/ jsx(WrapText, {
+            children: title
+        }),
+        description: /*#__PURE__*/ jsx(WrapText, {
+            children: description
+        }),
         icon: icon ?? getIcon(type),
         hideIcon: !icon && !getIcon(type),
         closeIcon: /*#__PURE__*/ jsx(CloseIcon, {
@@ -84,22 +96,22 @@ const show = (props)=>{
 const toast = {
     info: (message, props)=>show({
             type: 'info',
-            description: message,
+            title: message,
             ...props
         }),
     success: (message, props)=>show({
             type: 'success',
-            description: message,
+            title: message,
             ...props
         }),
     error: (message, props)=>show({
             type: 'error',
-            description: message,
+            title: message,
             ...props
         }),
     loading: (message, props)=>show({
             type: 'loading',
-            description: message,
+            title: message,
             ...props
         }),
     show,

package/dist/components/UXTooltip/index.js

@@ -1,23 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { hasLongWord } from "../../utils/index.js";
+import { WrapText } from "../WrapText/index.js";
 import tooltip_extend from "./tooltip.extend.js";
-const renderContent = (content)=>{
-    if (!content) return null;
-    if ('string' != typeof content) return content;
-    if (!content.includes('\n')) return content;
-    return content.split('\n').flatMap((x, i, arr)=>i < arr.length - 1 ? [
-            x,
-            /*#__PURE__*/ jsx("br", {}, i)
-        ] : [
-            x
-        ]);
-};
 const UXTooltip = (props)=>{
     const { content, classNames, ...restProps } = props;
     const { content: contentClassName, ...restClassNames } = classNames ?? {};
     return /*#__PURE__*/ jsx(tooltip_extend, {
-        content: renderContent(content),
+        content: /*#__PURE__*/ jsx(WrapText, {
+            children: content
+        }),
         classNames: {
             content: [
                 hasLongWord(content) && 'break-all',

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface WarpTextProps {
+    children: React.ReactNode;
+}
+export declare const WrapText: (props: WarpTextProps) => string | number | bigint | true | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | (string | import("react/jsx-runtime").JSX.Element)[] | null;
+export {};

package/dist/components/WrapText/index.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const WrapText = (props)=>{
+    const { children } = props;
+    if (!children) return null;
+    if ('string' != typeof children) return children;
+    if (!children.includes('\n')) return children;
+    return children.split('\n').flatMap((x, i, arr)=>i < arr.length - 1 ? [
+            x,
+            /*#__PURE__*/ jsx("br", {}, i)
+        ] : [
+            x
+        ]);
+};
+export { WrapText };

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ export * from './UXNumberInput';
 export * from './UXPagination';
 export * from './UXPopover';
 export * from './UXRadio';
+export * from './UXRangeInput';
 export * from './UXSelect';
 export * from './UXSlider';
 export * from './UXSpinner';
@@ -32,3 +33,4 @@ export * from './UXTextarea';
 export * from './UXThemeSwitch';
 export * from './UXToast';
 export * from './UXTooltip';
+export * from './WrapText';

package/dist/components/index.js

@@ -21,6 +21,7 @@ export * from "./UXNumberInput/index.js";
 export * from "./UXPagination/index.js";
 export * from "./UXPopover/index.js";
 export * from "./UXRadio/index.js";
+export * from "./UXRangeInput/index.js";
 export * from "./UXSelect/index.js";
 export * from "./UXSlider/index.js";
 export * from "./UXSpinner/index.js";
@@ -32,3 +33,4 @@ export * from "./UXTextarea/index.js";
 export * from "./UXThemeSwitch/index.js";
 export * from "./UXToast/index.js";
 export * from "./UXTooltip/index.js";
+export * from "./WrapText/index.js";

package/dist/components/layout/Box/box-theme.d.ts

@@ -231,15 +231,11 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         true: string;
         0: string;
         1: string;
-        2: string;
-        3: string;
     };
     shrink: {
         true: string;
         0: string;
         1: string;
-        2: string;
-        3: string;
     };
     order: {
         first: string;
@@ -971,15 +967,11 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         true: string;
         0: string;
         1: string;
-        2: string;
-        3: string;
     };
     shrink: {
         true: string;
         0: string;
         1: string;
-        2: string;
-        3: string;
     };
     order: {
         first: string;
@@ -1711,15 +1703,11 @@ export declare const boxVariants: import("tailwind-variants").TVReturnType<{
         true: string;
         0: string;
         1: string;
-        2: string;
-        3: string;
     };
     shrink: {
         true: string;
         0: string;
         1: string;
-        2: string;
-        3: string;
     };
     order: {
         first: string;

package/dist/components/layout/Box/box-theme.js

@@ -217,16 +217,12 @@ const boxVariants = tv({
         grow: {
             true: 'grow',
             0: 'grow-0',
-            1: 'grow-1',
-            2: 'grow-2',
-            3: 'grow-3'
+            1: 'grow'
         },
         shrink: {
             true: 'shrink',
             0: 'shrink-0',
-            1: 'shrink-1',
-            2: 'shrink-2',
-            3: 'shrink-3'
+            1: 'shrink'
         },
         order: {
             first: 'order-first',
@@ -312,9 +308,9 @@ const boxVariants = tv({
         borderWidth: {
             none: 'border-none',
             '0.5': 'border-[0.5px]',
-            1: 'border-px',
+            1: 'border-[1px]',
             '1.5': 'border-[1.5px]',
-            2: 'border-2'
+            2: 'border-[2px]'
         },
         cursor: {
             auto: 'cursor-auto',

package/dist/components/layout/Box/box.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
 import { boxVariants } from "./box-theme.js";
-const Box = /*#__PURE__*/ forwardRef(({ as, position, display, aspect, overflow, zIndex, direction, items, justify, gap, wrap, self, fill, vertical, horizontal, center, grow, shrink, order, p, pt, pr, pb, pl, ps, pe, px, py, m, mt, mr, mb, ml, ms, me, mx, my, w, h, minW, maxW, minH, maxH, fullWidth, fullHeight, bg, opacity, shadow, rounded, radius, borderStyle, cursor, color, fontWeight, lineHeight, textAlign, style = {}, className, ...props }, ref)=>{
+const Box = /*#__PURE__*/ forwardRef(({ as, position, top, right, bottom, left, start, end, inset, display, aspect, overflow, zIndex, direction, items, justify, gap, wrap, self, fill, vertical, horizontal, center, grow, shrink, order, p, pt, pr, pb, pl, ps, pe, px, py, m, mt, mr, mb, ml, ms, me, mx, my, w, h, minW, maxW, minH, maxH, fullWidth, fullHeight, bg, opacity, shadow, rounded, radius, borderStyle, borderColor, borderWidth, cursor, color, fontWeight, lineHeight, textAlign, style = {}, className, ...props }, ref)=>{
     const Component = as || 'div';
     const boxStyle = useMemo(()=>({
             width: 'number' == typeof w ? `${w}px` : void 0,
@@ -27,6 +27,13 @@ const Box = /*#__PURE__*/ forwardRef(({ as, position, display, aspect, overflow,
         style: boxStyle,
         className: boxVariants({
             position,
+            top,
+            right,
+            bottom,
+            left,
+            start,
+            end,
+            inset,
             display,
             aspect,
             overflow,
@@ -76,6 +83,8 @@ const Box = /*#__PURE__*/ forwardRef(({ as, position, display, aspect, overflow,
             rounded,
             radius,
             borderStyle,
+            borderColor,
+            borderWidth,
             cursor,
             color: color,
             fontWeight,

package/dist/components/typography/Text.js

@@ -1,8 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import { forwardRef, useMemo } from "react";
 import { Box } from "../layout/index.js";
+import { WrapText } from "../WrapText/index.js";
 import { textVariants } from "./text-theme.js";
-const Text = /*#__PURE__*/ forwardRef(({ variant, className, h1, h2, h3, body1, body1Bold, body2, body2Bold, body3, body3Bold, caption1, caption1Bold, fontWeight, lineHeight, align, textAlign, ...props }, ref)=>/*#__PURE__*/ jsx(Box, {
+const Text = /*#__PURE__*/ forwardRef(({ variant, className, h1, h2, h3, body1, body1Bold, body2, body2Bold, body3, body3Bold, caption1, caption1Bold, fontWeight, lineHeight, align, textAlign, wrapText, children, ...props }, ref)=>{
+    const content = useMemo(()=>wrapText ? /*#__PURE__*/ jsx(WrapText, {
+            children: children
+        }) : children, [
+        children,
+        wrapText
+    ]);
+    return /*#__PURE__*/ jsx(Box, {
         ref: ref,
         as: "span",
         textAlign: textAlign || align,
@@ -23,7 +31,9 @@ const Text = /*#__PURE__*/ forwardRef(({ variant, className, h1, h2, h3, body1,
             lineHeight,
             className
         }),
-        ...props
-    }));
+        ...props,
+        children: content
+    });
+});
 Text.displayName = 'UX.Text';
 export { Text };

package/dist/components/typography/Text.type.d.ts

@@ -62,5 +62,6 @@ export interface TextProps extends BoxProps<HTMLSpanElement> {
      */
     caption1Bold?: boolean;
     align?: BoxProps['textAlign'];
+    wrapText?: boolean;
 }
 export {};

package/dist/hooks/useI18n.d.ts

@@ -67,6 +67,10 @@ export declare const useI18n: () => {
         readonly on: "On";
         readonly off: "Off";
     };
+    readonly rangeInput: {
+        readonly min: "Min";
+        readonly max: "Max";
+    };
 } | {
     readonly table: {
         readonly emptyContent: "暂无数据";
@@ -136,4 +140,8 @@ export declare const useI18n: () => {
         readonly on: "开";
         readonly off: "关";
     };
+    readonly rangeInput: {
+        readonly min: "最小";
+        readonly max: "最大";
+    };
 };

package/dist/hooks/useI18n.js

@@ -68,6 +68,10 @@ const en = {
     switch: {
         on: 'On',
         off: 'Off'
+    },
+    rangeInput: {
+        min: 'Min',
+        max: 'Max'
     }
 };
 const zh = {
@@ -138,6 +142,10 @@ const zh = {
     switch: {
         on: '开',
         off: '关'
+    },
+    rangeInput: {
+        min: '最小',
+        max: '最大'
     }
 };
 const useI18n = ()=>{

package/dist/utils/cn.js

@@ -1,5 +1,5 @@
 import { clsx } from "clsx";
-import { extendTailwindMerge, twMerge } from "tailwind-merge";
+import { extendTailwindMerge } from "tailwind-merge";
 const COMMON_UNITS = [
     'small',
     'medium',
@@ -27,7 +27,7 @@ const OPACITY = [
     'disabled',
     'hover'
 ];
-const cn_twMerge = extendTailwindMerge({
+const twMerge = extendTailwindMerge({
     extend: {
         classGroups: {
             'font-size': [
@@ -245,14 +245,6 @@ const cn_twMerge = extendTailwindMerge({
     }
 });
 function cn(...inputs) {
-    return cn_twMerge(clsx(inputs));
+    return twMerge(clsx(inputs));
 }
-console.log(cn('text-red-500 text-brand text-h1'), '|', twMerge('text-red-500 text-brand text-h1'));
-console.log(cn('text-red-500 text-sm text-h1'), '|', twMerge('text-red-500 text-sm text-h1'));
-console.log(cn('px-2 px-md'), '|', twMerge('px-2 px-md'));
-console.log(cn('gap-2 gap-md'), '|', twMerge('gap-2 gap-md'));
-console.log(cn('rounded-sm rounded-small'), '|', twMerge('rounded-sm rounded-small'));
-console.log(cn('top-1 top-md'), '|', twMerge('top-1 top-md'));
-console.log(cn('opacity-0 opacity-disabled opacity-hover'), '|', twMerge('opacity-0 opacity-disabled opacity-hover'));
-console.log(cn('border-1 border-large'), '|', twMerge('border-1 border-large'));
 export { cn };

package/dist/utils/common.d.ts

@@ -0,0 +1,4 @@
+export declare function objectEntries<T extends object>(obj: T): [keyof T & string, T[keyof T & string]][];
+export declare function objectKeys<T extends object>(obj: T): (keyof T & string)[];
+export declare function objectValues<T extends object>(obj: T): T[keyof T & string][];
+export declare function objectFromEntries<T extends object>(entries: [keyof T & string, T[keyof T & string]][]): T;

package/dist/utils/common.js

@@ -0,0 +1,13 @@
+function objectEntries(obj) {
+    return Object.entries(obj);
+}
+function objectKeys(obj) {
+    return Object.keys(obj);
+}
+function objectValues(obj) {
+    return Object.values(obj);
+}
+function objectFromEntries(entries) {
+    return Object.fromEntries(entries);
+}
+export { objectEntries, objectFromEntries, objectKeys, objectValues };

package/package.json

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

package/tailwind-preset.js

@@ -986,11 +986,11 @@ module.exports = {
             },
             success: {
               DEFAULT: '#2EBD85',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             danger: {
-              DEFAULT: '#F6465D',
-              foreground: '#000000',
+              DEFAULT: '#F5465D',
+              foreground: '#FFFFFF',
             },
             warning: {
               DEFAULT: '#F0B90B',
@@ -1006,11 +1006,11 @@ module.exports = {
             },
             bullish: {
               DEFAULT: '#2EBD85',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             bearish: {
-              DEFAULT: '#F6465D',
-              foreground: '#000000',
+              DEFAULT: '#F5465D',
+              foreground: '#FFFFFF',
             },
           },
         },

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 {};