@0xsquid/ui 0.18.1 → 0.18.3

package/dist/cjs/types/components/layout/TokenPair.d.ts

@@ -1,10 +1,10 @@
 import { TokenPairSize, TokenPairVariant } from '../../types/components';
 interface TokenPairProps {
-    firstToken: {
+    firstToken?: {
         logoURI: string;
         bgColor: string;
     };
-    secondToken: {
+    secondToken?: {
         logoURI: string;
         bgColor: string;
     };

package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { ActionStatus } from '../../../types/components';
 interface TransactionHeaderLayoutProps {
+    isLoading?: boolean;
     status?: ActionStatus;
     title?: string;
     image?: ReactNode;
     children?: ReactNode;
-    isLoading?: boolean;
 }
-export declare function TransactionHeaderLayout({ status, title, image, children, isLoading, }: TransactionHeaderLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionHeaderLayout({ isLoading, status, title, image, children, }: TransactionHeaderLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/layout/TransactionSearch.d.ts

@@ -4,6 +4,8 @@ interface TransactionSearchProps {
     setQuery: (query: string) => void;
     children?: ReactNode;
     className?: string;
+    onFocus?: () => void;
+    onBlur?: () => void;
 }
-export declare function TransactionSearch({ query, setQuery, children, className, }: TransactionSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionSearch({ query, setQuery, children, className, onFocus, onBlur, }: TransactionSearchProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/layout/index.d.ts

@@ -1,4 +1,5 @@
 export * from './AnimationWrapper';
+export * from './AppContainer';
 export * from './Boost';
 export * from './Breadcrumb';
 export * from './Collapse';
@@ -6,7 +7,6 @@ export * from './DescriptionBlocks';
 export * from './DetailsToolbar';
 export * from './DropdownMenu';
 export * from './ErrorMessage';
-export * from './ExploreLayout';
 export * from './HashLink';
 export * from './InfoBox';
 export * from './Join';
@@ -14,6 +14,7 @@ export * from './Menu';
 export * from './Modal';
 export * from './ModalContent';
 export * from './NavigationBar';
+export * from './PipeSeparator';
 export * from './ProductCard';
 export * from './ProfileHeaderBackground';
 export * from './SwapConfiguration';

package/dist/cjs/types/components/layout/useOnClickOutside.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function useOnClickOutside(callback: () => void): {
+    ref: import("react").RefObject<HTMLDivElement>;
+};

package/dist/cjs/types/components/lists/PropertyListItem.d.ts

@@ -1,10 +1,10 @@
 import { ComponentProps } from 'react';
 import { PropertyListItemSize } from '../../types/components';
 export interface PropertyListItemProps extends ComponentProps<'li'> {
-    label: React.ReactNode;
+    isLoading?: boolean;
+    label?: React.ReactNode;
     icon?: React.ReactNode;
     detail?: React.ReactNode;
-    isLoading?: boolean;
     variant?: PropertyListItemSize;
 }
-export declare function PropertyListItem({ label, detail, icon, isLoading, className, variant, ...props }: PropertyListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function PropertyListItem({ isLoading, label, detail, icon, className, variant, ...props }: PropertyListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/lists/TransactionAction/ApproveAction.d.ts

@@ -13,9 +13,9 @@ interface ApproveActionProps extends BaseActionProps {
         address: string;
         url: string;
     };
-    timestamp: number;
-    hash: string;
-    url: string;
+    timestamp?: number;
+    hash?: string;
+    url?: string;
 }
 export declare function ApproveAction({ status, nextStatus, showTimeline, showBody, profile, chain, wallet, timestamp, hash, url, }: ApproveActionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/lists/TransactionAction/BridgeAction.d.ts

@@ -12,9 +12,9 @@ interface BridgeActionProps extends BaseActionProps {
         logoURI: string;
         name: string;
     };
-    timestamp: number;
-    hash: string;
-    url: string;
+    timestamp?: number;
+    hash?: string;
+    url?: string;
 }
 export declare function BridgeAction({ status, nextStatus, showTimeline, showBody, token, chain, provider, timestamp, hash, url, }: BridgeActionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/lists/TransactionAction/StartAction.d.ts

@@ -1,8 +1,8 @@
 import { BaseActionProps } from './BaseActionProps';
 interface StartActionProps extends BaseActionProps {
-    timestamp: number;
-    hash: string;
-    url: string;
+    timestamp?: number;
+    hash?: string;
+    url?: string;
 }
 export declare function StartAction({ status, nextStatus, showTimeline, showBody, timestamp, hash, url, }: StartActionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/lists/TransactionAction/WrapAction.d.ts

@@ -12,9 +12,9 @@ interface WrapActionProps extends BaseActionProps {
         logoURI: string;
         name: string;
     };
-    timestamp: number;
-    hash: string;
-    url: string;
+    timestamp?: number;
+    hash?: string;
+    url?: string;
 }
 export declare function WrapAction({ status, nextStatus, showTimeline, showBody, fromToken, toToken, provider, timestamp, hash, url, }: WrapActionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/lists/TransactionItem.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { ActionStatus } from '../../types/components';
 interface TransactionItemProps {
+    className?: string;
     isLoading?: boolean;
     status?: ActionStatus;
     image?: ReactNode;
@@ -19,7 +20,7 @@ interface TransactionItemProps {
     };
     fromAmount?: string;
     toAmount?: string;
-    timestamp?: string;
+    timestamp?: number;
 }
-export declare function TransactionItem({ isLoading, status, image, type, hash, fromChain, toChain, fromAmount, toAmount, timestamp, }: TransactionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionItem({ className, isLoading, status, image, type, hash, fromChain, toChain, fromAmount, toAmount, timestamp, }: TransactionItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/views/SwapDetailsView.d.ts

@@ -1,3 +1,4 @@
-export declare function SwapDetailsView({ isLoading }: {
+export declare function SwapDetailsView({ isLoading, canToggleBoostMode, }: {
     isLoading?: boolean;
+    canToggleBoostMode?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/views/TransactionView/TransactionViewLayout.d.ts

@@ -1,10 +1,11 @@
 import { ComponentProps, ReactNode } from 'react';
 import { FeesActionProps, TransactionActionProps } from '../../lists/TransactionAction';
 interface TransactionViewLayoutProps extends ComponentProps<'div'> {
-    header: ReactNode;
-    properties: ReactNode;
-    actions: TransactionActionProps[];
-    fees: FeesActionProps;
+    isLoading?: boolean;
+    header?: ReactNode;
+    properties?: ReactNode;
+    actions?: TransactionActionProps[];
+    fees?: FeesActionProps;
 }
-export declare function TransactionViewLayout({ header, properties, actions, fees, ...props }: TransactionViewLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionViewLayout({ isLoading, header, properties, actions, fees, ...props }: TransactionViewLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/core/utils.d.ts

@@ -17,6 +17,7 @@ interface DebouncedFunction<F extends AnyFunction> {
 export declare function debounce<F extends AnyFunction>(func: F, delay: number): DebouncedFunction<F>;
 export declare const formatDuration: (elapsedTime: number) => string;
 export declare const formatTime: (timestampSeconds: number) => string;
+export declare const formatRelativeTime: (timestampSeconds: number) => string;
 export declare const formatRelativeDate: (timestampSeconds: number) => string;
 export declare function capitalize(text: string): string;
 type Falsy = false | null | undefined | 0 | '';
@@ -24,4 +25,5 @@ export declare function truthy<T>(value: T): value is Exclude<T, Falsy>;
 export declare function truncateHash(hash: string): string;
 export declare const styled: <Tag extends keyof JSX.IntrinsicElements>(tag: Tag, className: string) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<ComponentProps<Tag>> & import("react").RefAttributes<ElementType<Tag>>>;
 export declare const mergeProps: <Tag extends keyof JSX.IntrinsicElements = any>(a: ComponentProps<Tag>, b: ComponentProps<Tag>) => ComponentProps<Tag>;
+export declare const calcLerp: (a: string, b: string, t: string | number) => string;
 export {};

package/dist/cjs/types/hooks/useVersion.d.ts

@@ -0,0 +1 @@
+export declare function useVersion<T>(value: T, equal?: (a: T, b: T) => boolean): number;

package/dist/cjs/types/stores/container.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface ContainerStore {
+    containerRef: React.RefObject<HTMLDivElement> | undefined;
+}
+export declare const useContainerStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ContainerStore>>;
+export {};

package/dist/cjs/types/stories/views/SwapDetailsView.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Loading: Story;
+export declare const BoostDisabled: Story;