@lifi/widget 2.4.4 → 2.4.6

package/pages/SettingsPage/ResetSettingsButton.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ResetButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/SettingsPage/ResetSettingsButton.style.js

@@ -0,0 +1,10 @@
+import { getContrastAlphaColor } from '../../utils';
+import { Box, styled } from '@mui/material';
+export const ResetButtonContainer = styled(Box)(({ theme }) => ({
+    background: getContrastAlphaColor(theme.palette.mode, '4%'),
+    borderRadius: '16px',
+    padding: '16px',
+    [`svg`]: {
+        fill: getContrastAlphaColor(theme.palette.mode, '40%'),
+    },
+}));

package/pages/TransactionDetailsPage/TransactionDetailsPage.style.d.ts

@@ -1,11 +1,4 @@
 /// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ContainerClasses> | undefined;
-    disableGutters?: boolean | undefined;
-    fixed?: boolean | undefined;
-    maxWidth?: false | import("@mui/material").Breakpoint | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/TransactionPage/StatusBottomSheet.style.d.ts

@@ -2,22 +2,12 @@
 import type { Theme } from '@mui/material';
 import { RouteExecutionStatus } from '../../stores';
 type StatusColor = RouteExecutionStatus | 'warning';
-export declare const CenterContainer: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<Theme> & {
-    children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
-    ref?: import("react").Ref<unknown> | undefined;
-    sx?: import("@mui/material").SxProps<Theme> | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const CenterContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "children" | "sx" | "ref" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "component"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-export declare const IconCircle: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<Theme> & {
-    children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
-    ref?: import("react").Ref<unknown> | undefined;
-    sx?: import("@mui/material").SxProps<Theme> | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const IconCircle: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "children" | "sx" | "ref" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "component"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
     status: StatusColor;
 }, {}, {}>;
 export {};

package/pages/TransactionPage/TransactionPage.style.d.ts

@@ -1,11 +1,4 @@
 /// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ContainerClasses> | undefined;
-    disableGutters?: boolean | undefined;
-    fixed?: boolean | undefined;
-    maxWidth?: false | import("@mui/material").Breakpoint | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/stores/StoreProvider.js

@@ -4,5 +4,7 @@ import { HeaderStoreProvider } from './header';
 import { RouteExecutionStoreProvider } from './routes';
 import { SplitSubvariantStoreProvider } from './settings';
 export const StoreProvider = ({ children, config, }) => {
-    return (_jsx(SplitSubvariantStoreProvider, { state: config.subvariant === 'split' ? 'swap' : undefined, children: _jsx(HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
+    return (_jsx(SplitSubvariantStoreProvider, { state: config.subvariant === 'split'
+            ? config.subvariantOptions || 'swap'
+            : undefined, children: _jsx(HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: _jsx(RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
 };

package/stores/chains/ChainOrderStore.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import type { StoreApi, UseBoundStore } from 'zustand';
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 import type { PersistStoreProviderProps } from '../types';
 import type { ChainOrderState } from './types';
-export type ChainOrderStore = UseBoundStore<StoreApi<ChainOrderState>>;
+export type ChainOrderStore = UseBoundStoreWithEqualityFn<StoreApi<ChainOrderState>>;
 export declare const ChainOrderStoreContext: import("react").Context<ChainOrderStore | null>;
 export declare function ChainOrderStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useChainOrderStore<T>(selector: (state: ChainOrderState) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/stores/chains/createChainOrderStore.d.ts

@@ -1,4 +1,4 @@
 import type { PersistStoreProps } from '../types';
 import type { ChainOrderState } from './types';
 export declare const maxChainToOrder = 9;
-export declare const createChainOrderStore: ({ namePrefix }: PersistStoreProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<ChainOrderState>>;
+export declare const createChainOrderStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<ChainOrderState>>;

package/stores/chains/createChainOrderStore.js

@@ -1,7 +1,7 @@
-import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
+import { createWithEqualityFn } from 'zustand/traditional';
 export const maxChainToOrder = 9;
-export const createChainOrderStore = ({ namePrefix }) => create(persist((set, get) => ({
+export const createChainOrderStore = ({ namePrefix }) => createWithEqualityFn(persist((set, get) => ({
     chainOrder: [],
     availableChains: [],
     initializeChains: (chainIds) => {
@@ -46,4 +46,4 @@ export const createChainOrderStore = ({ namePrefix }) => create(persist((set, ge
     name: `${namePrefix || 'li.fi'}-widget-chains-order`,
     version: 0,
     partialize: (state) => ({ chainOrder: state.chainOrder }),
-}));
+}), Object.is);

package/stores/header/types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import type { StoreApi, UseBoundStore } from 'zustand';
-export type HeaderStore = UseBoundStore<StoreApi<HeaderState>>;
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
+export type HeaderStore = UseBoundStoreWithEqualityFn<StoreApi<HeaderState>>;
 export interface HeaderStateBase {
     element?: React.ReactNode | null;
     title?: string;

package/stores/header/useHeaderStore.d.ts

@@ -5,4 +5,4 @@ export declare const HeaderStoreContext: import("react").Context<HeaderStore | n
 export declare function HeaderStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useHeaderStore<T>(selector: (state: HeaderState) => T, equalityFn?: (left: T, right: T) => boolean): T;
 export declare function useHeaderStoreContext(): HeaderStore;
-export declare const createHeaderStore: ({ namePrefix }: PersistStoreProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<HeaderState>>;
+export declare const createHeaderStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<HeaderState>>;

package/stores/header/useHeaderStore.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useRef } from 'react';
-import { create } from 'zustand';
+import { createWithEqualityFn } from 'zustand/traditional';
 export const HeaderStoreContext = createContext(null);
 export function HeaderStoreProvider({ children, ...props }) {
     const storeRef = useRef();
@@ -23,7 +23,7 @@ export function useHeaderStoreContext() {
     }
     return useStore;
 }
-export const createHeaderStore = ({ namePrefix }) => create((set, get) => ({
+export const createHeaderStore = ({ namePrefix }) => createWithEqualityFn((set, get) => ({
     setAction: (element) => {
         set(() => ({
             element,
@@ -46,4 +46,4 @@ export const createHeaderStore = ({ namePrefix }) => create((set, get) => ({
             title: undefined,
         }));
     },
-}));
+}), Object.is);

package/stores/routes/RouteExecutionStore.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import type { StoreApi, UseBoundStore } from 'zustand';
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 import type { PersistStoreProviderProps } from '../types';
 import type { RouteExecutionState } from './types';
-export type RouteExecutionStore = UseBoundStore<StoreApi<RouteExecutionState>>;
+export type RouteExecutionStore = UseBoundStoreWithEqualityFn<StoreApi<RouteExecutionState>>;
 export declare const RouteExecutionStoreContext: import("react").Context<RouteExecutionStore | null>;
 export declare function RouteExecutionStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useRouteExecutionStore<T>(selector: (state: RouteExecutionState) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/stores/routes/createRouteExecutionStore.d.ts

@@ -1,3 +1,3 @@
 import type { PersistStoreProps } from '../types';
 import type { RouteExecutionState } from './types';
-export declare const createRouteExecutionStore: ({ namePrefix }: PersistStoreProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<RouteExecutionState>>;
+export declare const createRouteExecutionStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<RouteExecutionState>>;

package/stores/routes/createRouteExecutionStore.js

@@ -1,9 +1,9 @@
-import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
+import { createWithEqualityFn } from 'zustand/traditional';
 import { hasEnumFlag } from '../../utils';
 import { RouteExecutionStatus } from './types';
 import { isRouteDone, isRouteFailed, isRoutePartiallyDone, isRouteRefunded, } from './utils';
-export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set, get) => ({
+export const createRouteExecutionStore = ({ namePrefix }) => createWithEqualityFn(persist((set, get) => ({
     routes: {},
     setExecutableRoute: (route, insurableRouteId) => {
         if (!get().routes[route.id]) {
@@ -151,7 +151,7 @@ export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set
             }
         }
         catch (error) {
-            console.log(error);
+            console.error(error);
         }
         return state;
     },
@@ -181,4 +181,4 @@ export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set
         }
         return persistedState;
     },
-}));
+}), Object.is);

package/stores/settings/types.d.ts

@@ -1,6 +1,7 @@
 import type { Order } from '@lifi/sdk';
 import type { PropsWithChildren } from 'react';
-import type { StoreApi, UseBoundStore } from 'zustand';
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 import type { Appearance, WidgetConfig } from '../../types';
 export type ValueSetter<S> = <K extends keyof S>(key: K, value: S[Extract<K, string>]) => void;
 export type ValuesSetter<S> = <K extends keyof S>(values: Record<K, S[Extract<K, string>]>) => void;
@@ -34,12 +35,13 @@ export interface SendToWalletStore extends SendToWalletState {
     toggleSendToWallet(): void;
     setSendToWallet(value: boolean): void;
 }
+export type SplitSubvariantOptions = 'bridge' | 'swap';
 export interface SplitSubvariantState {
-    state?: 'swap' | 'bridge';
-    setState(state: 'swap' | 'bridge'): void;
+    state?: SplitSubvariantOptions;
+    setState(state: SplitSubvariantOptions): void;
 }
-export type SplitSubvariantStore = UseBoundStore<StoreApi<SplitSubvariantState>>;
+export type SplitSubvariantStore = UseBoundStoreWithEqualityFn<StoreApi<SplitSubvariantState>>;
 export interface SplitSubvariantProps {
-    state?: 'swap' | 'bridge';
+    state?: SplitSubvariantOptions;
 }
 export type SplitSubvariantProviderProps = PropsWithChildren<SplitSubvariantProps>;

package/stores/settings/useSendToWalletStore.d.ts

@@ -1,2 +1,2 @@
 import type { SendToWalletStore } from './types';
-export declare const useSendToWalletStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SendToWalletStore>>;
+export declare const useSendToWalletStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SendToWalletStore>>;

package/stores/settings/useSendToWalletStore.js

@@ -1,5 +1,5 @@
-import { create } from 'zustand';
-export const useSendToWalletStore = create((set) => ({
+import { createWithEqualityFn } from 'zustand/traditional';
+export const useSendToWalletStore = createWithEqualityFn((set) => ({
     showSendToWallet: false,
     showSendToWalletDirty: false,
     toggleSendToWallet: () => set((state) => ({
@@ -10,4 +10,4 @@ export const useSendToWalletStore = create((set) => ({
         showSendToWallet: value,
         showSendToWalletDirty: true,
     }),
-}));
+}), Object.is);

package/stores/settings/useSettingsStore.d.ts

@@ -1,6 +1,6 @@
 import type { WidgetConfig } from '../../types';
 import type { SettingsProps, SettingsState } from './types';
-export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage'>;
+export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage' | 'gasPrice'>;
 export declare const defaultSettings: SettingsProps;
-export declare const useSettingsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SettingsState>>;
+export declare const useSettingsStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SettingsState>>;
 export declare const setDefaultSettings: (config?: WidgetConfig) => void;

package/stores/settings/useSettingsStore.js

@@ -1,9 +1,10 @@
-import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
+import { createWithEqualityFn } from 'zustand/traditional';
 import { SettingsToolTypes } from './types';
 export const defaultConfigurableSettings = {
     routePriority: 'RECOMMENDED',
     slippage: '0.5',
+    gasPrice: 'normal',
 };
 export const defaultSettings = {
     appearance: 'auto',
@@ -13,7 +14,7 @@ export const defaultSettings = {
     enabledBridges: [],
     enabledExchanges: [],
 };
-export const useSettingsStore = create(persist((set, get) => ({
+export const useSettingsStore = createWithEqualityFn(persist((set, get) => ({
     ...defaultSettings,
     setValue: (key, value) => set(() => ({
         [key]: value,
@@ -64,10 +65,10 @@ export const useSettingsStore = create(persist((set, get) => ({
         }, {}),
     })),
     reset: (config, bridges, exchanges) => {
+        const { appearance, ...restDefaultSettings } = defaultSettings;
         set(() => ({
-            ...defaultSettings,
+            ...restDefaultSettings,
             ...defaultConfigurableSettings,
-            appearance: config.appearance ?? defaultSettings.appearance,
         }));
         get().initializeTools('Bridges', bridges, true);
         get().initializeTools('Exchanges', exchanges, true);
@@ -97,9 +98,9 @@ export const useSettingsStore = create(persist((set, get) => ({
         }
         return persistedState;
     },
-}));
+}), Object.is);
 export const setDefaultSettings = (config) => {
-    const { slippage, routePriority, setValue } = useSettingsStore.getState();
+    const { slippage, routePriority, setValue, gasPrice } = useSettingsStore.getState();
     const defaultSlippage = (config?.slippage ||
         config?.sdkConfig?.defaultRouteOptions?.slippage ||
         0) * 100;
@@ -113,4 +114,7 @@ export const setDefaultSettings = (config) => {
     if (!routePriority) {
         setValue('routePriority', defaultConfigurableSettings.routePriority);
     }
+    if (!gasPrice) {
+        setValue('gasPrice', defaultConfigurableSettings.gasPrice);
+    }
 };

package/stores/settings/useSplitSubvariantStore.d.ts

@@ -4,4 +4,4 @@ export declare const SplitSubvariantStoreContext: import("react").Context<SplitS
 export declare function SplitSubvariantStoreProvider({ children, ...props }: SplitSubvariantProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useSplitSubvariantStore<T>(selector: (state: SplitSubvariantState) => T, equalityFn?: (left: T, right: T) => boolean): T;
 export declare function useSplitSubvariantStoreContext(): SplitSubvariantStore;
-export declare const createSplitSubvariantStore: ({ state }: SplitSubvariantProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<SplitSubvariantState>>;
+export declare const createSplitSubvariantStore: ({ state }: SplitSubvariantProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SplitSubvariantState>>;

package/stores/settings/useSplitSubvariantStore.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useRef } from 'react';
-import { create } from 'zustand';
+import { createWithEqualityFn } from 'zustand/traditional';
 export const SplitSubvariantStoreContext = createContext(null);
 const shouldRecreateStore = (store, props) => {
     const { state } = store.getState();
-    return (!state && props.state) || (state && !props.state);
+    return state !== props.state;
 };
 export function SplitSubvariantStoreProvider({ children, ...props }) {
     const storeRef = useRef();
@@ -27,11 +27,11 @@ export function useSplitSubvariantStoreContext() {
     }
     return useStore;
 }
-export const createSplitSubvariantStore = ({ state }) => create((set) => ({
+export const createSplitSubvariantStore = ({ state }) => createWithEqualityFn((set) => ({
     state,
     setState(state) {
         set(() => ({
             state,
         }));
     },
-}));
+}), Object.is);