@0xsquid/ui 0.13.11 → 0.15.0

package/dist/cjs/types/components/controls/NumericInput.d.ts

@@ -1,4 +1,5 @@
 import type { InputHTMLAttributes } from 'react';
+import { InputMode } from '../../types/components';
 interface Props extends InputHTMLAttributes<HTMLInputElement> {
     onParsedValueChanged: (value: string) => void;
     initialValue?: string;
@@ -6,6 +7,7 @@ interface Props extends InputHTMLAttributes<HTMLInputElement> {
     maxDecimals?: number;
     balance?: string;
     tokenPrice?: number;
+    numericInputMode?: InputMode;
 }
-export declare const NumericInput: ({ onParsedValueChanged, initialValue, forcedUpdateValue, maxDecimals, balance, tokenPrice, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const NumericInput: ({ onParsedValueChanged, initialValue, forcedUpdateValue, maxDecimals, balance, tokenPrice, numericInputMode, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/icons/EmojiSad.d.ts

@@ -1,5 +1,6 @@
-export declare function EmojiSadIcon({ className }: {
+export declare function EmojiSadIcon({ className, size, }: {
     className?: string;
+    size?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function EmojiMeh({ className, size, }: {
     className?: string;

package/dist/cjs/types/components/icons/Loader.d.ts

@@ -1,6 +1,7 @@
 interface LoaderProps {
     size?: string;
     strokeWidth?: string;
+    invertColors?: boolean;
 }
-export declare function Loader({ size, strokeWidth }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Loader({ size, strokeWidth, invertColors, }: LoaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,7 +4,6 @@ interface SwapConfigurationProps {
     priceImpactPercentage?: string;
     amount?: string;
     forcedAmount?: string;
-    swapAmountUsd?: string;
     tokenPrice?: number;
     balance?: string;
     isFetching?: boolean;
@@ -29,7 +28,6 @@ interface SwapConfigurationProps {
     };
     criticalPriceImpactPercentage?: number;
     emptyAddressLabel?: string;
-    onSwapAmountButtonClick?: () => void;
 }
-export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, tokenPrice, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, onSwapAmountButtonClick, address, error, criticalPriceImpactPercentage, emptyAddressLabel, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount: _forcedAmount, balance, tokenPrice, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, emptyAddressLabel, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,9 @@
-/// <reference types="react" />
 import { SwapStepDescriptionBlock, SwapStepItemStatus } from '../../types/components';
 interface SwapStepItemProps {
     descriptionBlocks: SwapStepDescriptionBlock[];
-    chipContent: React.ReactNode;
     showStepSeparator?: boolean;
     link?: string;
     status?: SwapStepItemStatus;
 }
-export declare function SwapStepItem({ descriptionBlocks, chipContent, showStepSeparator, link, status, }: SwapStepItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwapStepItem({ descriptionBlocks, showStepSeparator, link, status, }: SwapStepItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,22 @@
+/**
+ * Convert token amount to USD
+ * @param {string|number} tokenAmount - The amount of tokens
+ * @param {string|number} tokenPrice - The price of one token in USD
+ * @returns {BigNumber} - The equivalent amount in USD
+ */
+export declare function convertTokenAmountToUSD(tokenAmount: string | number, tokenPrice: string | number): string;
+/**
+ * Convert USD to token amount
+ * @param {string|number} usdAmount - The amount in USD
+ * @param {string|number} tokenPrice - The price of one token in USD
+ * @returns {BigNumber} - The equivalent amount of tokens
+ */
+export declare function convertUSDToTokenAmount(usdAmount: string | number, tokenPrice: string | number): string;
+/**
+ * Formats a number to USD
+ *
+ * @param amount - The amount to format
+ * @returns The formatted currency string
+ */
+export declare function formatUSD(amount: number | bigint | string): string;
+export declare function trimExtraDecimals(value: string, maxDecimals: number): string;

package/dist/cjs/types/stories/badges/Loader.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Loader } from '../../components/icons/Loader';
+declare const meta: Meta<typeof Loader>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const StrokeThin: Story;
+export declare const StrokeThick: Story;
+export declare const InvertColors: Story;

package/dist/cjs/types/stories/layout/SwapStepsCollapsed.stories.d.ts

@@ -8,3 +8,5 @@ export declare const MiddleStep: Story;
 export declare const LastStep: Story;
 export declare const ShortRoute: Story;
 export declare const LongRoute: Story;
+export declare const Error: Story;
+export declare const Warning: Story;

package/dist/cjs/types/stories/lists/SwapStepItem.stories.d.ts

@@ -4,10 +4,21 @@ declare const meta: Meta<typeof SwapStepItem>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Executed: Story;
+export declare const ExecutedWithSeparator: Story;
+export declare const Success: Story;
+export declare const SuccessWithSeparator: Story;
 export declare const Pending: Story;
-export declare const Progress: Story;
+export declare const PendingWithSeparator: Story;
+export declare const Ongoing: Story;
+export declare const OngoingWithSeparator: Story;
+export declare const Waiting: Story;
+export declare const WaitingWithSeparator: Story;
+export declare const Error: Story;
+export declare const ErrorWithSeparator: Story;
+export declare const Warning: Story;
+export declare const WarningWithSeparator: Story;
 export declare const CustomDescription: Story;
-export declare const ShowSeparator: Story;
+export declare const CustomDescriptionWithSeparator: Story;
 export declare const Link: Story;
 export declare const LongDescription: Story;
 export declare const LongDescriptionWithSeparator: Story;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TextSize = 'small' | 'medium' | 'large';
 export type SwitchSize = 'small' | 'large';
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
@@ -11,9 +10,8 @@ export type SwapStepDescriptionBlock = {
 };
 export type SwapStep = {
     descriptionBlocks: SwapStepDescriptionBlock[];
-    chipContent: React.ReactNode;
     link?: string;
-    status: SwapState;
+    status: SwapStepItemStatus;
 };
 export declare enum SwapState {
     CONFIRM = 0,
@@ -27,4 +25,5 @@ export declare enum SwapState {
 }
 export type DetailsToolbarState = 'full' | 'loading' | 'empty' | 'error';
 export type ThemeType = 'light' | 'dark';
-export type SwapStepItemStatus = 'executed' | 'progress' | 'pending';
+export type SwapStepItemStatus = 'pending' | 'waiting' | 'ongoing' | 'executed' | 'success' | 'error' | 'warning';
+export type InputMode = 'token' | 'price';