@0xsquid/ui 2.7.1-dex-beta.1 → 2.8.0

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

@@ -1,5 +1,5 @@
 import { type ImageProps } from "./Image";
-type ImageGroupSize = "small" | "medium" | "large";
+type ImageGroupSize = "small" | "large";
 interface ImageGroupProps {
     imageUrls: string[];
     badge?: Omit<ImageProps, "border" | "size">;

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

@@ -2,7 +2,7 @@ interface PriceChangeProps {
     variant?: "small" | "large";
     value: string | number;
     highlightText?: boolean;
-    triangleAsPrefix?: boolean;
+    triangle?: "none" | "prefix" | "suffix";
 }
-export declare function PriceChange({ value: rawValue, variant, highlightText, triangleAsPrefix, }: PriceChangeProps): import("react/jsx-runtime").JSX.Element;
+export declare function PriceChange({ value: rawValue, variant, highlightText, triangle, }: PriceChangeProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ export * from "./BadgeImage";
 export * from "./IconLabel";
 export * from "./Image";
 export * from "./ImageGroup";
-export * from "./LoadingSkeleton";
+export * from "../feedback/LoadingSkeleton";
 export * from "./PriceChange";
 export * from "./TransactionState";
 export * from "./UsdAmount";

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

@@ -9,6 +9,7 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     disabled?: boolean;
     link?: string;
     isLoading?: boolean;
+    isShimmering?: boolean;
     showLoader?: boolean;
     loaderSize?: LoaderSize;
     chip?: ChipProps;
@@ -18,5 +19,5 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
 }
 type LoaderSize = "sm" | "md" | "lg";
 export declare const buttonRoundedClassMap: Record<ButtonSize, Record<ButtonVariant, string>>;
-export declare function Button({ label, disabled, size, variant, icon, link, isLoading, showLoader, loaderSize, chip, containerClassName, anchorRef, buttonRef, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ label, disabled, size, variant, icon, link, isLoading, isShimmering, showLoader, loaderSize, chip, containerClassName, anchorRef, buttonRef, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 export interface IconButtonProps extends React.ComponentProps<"button"> {
     icon: React.ReactNode;
-    size?: number;
-    variant?: "rounded" | "circle";
 }
 export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,2 @@
-interface LargeNumericInputProps {
-    value?: string;
-    onChange: (value: string) => void;
-}
-export declare function LargeNumericInput({ onChange, value }: LargeNumericInputProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { type NumericInputProps } from "./NumericInput";
+export declare function LargeNumericInput({ balance, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, inputModeButton, balanceButton, debounceInput, }: NumericInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
+import { UserInputType } from "../../hooks/useNumericInput";
 import { type SwapDirection } from "../../types/components";
 import { type TooltipProps } from "./Tooltip";
-interface Token {
+export interface Token {
     price: number;
     symbol: string;
     decimals: number;
 }
-interface NumericInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface NumericInputProps {
     token: Token;
     onAmountChange: (tokenAmount: string) => void;
     forcedAmount?: string;
@@ -14,27 +15,34 @@ interface NumericInputProps extends React.InputHTMLAttributes<HTMLInputElement>
         token: string;
         usd: string;
     };
-    showDetails?: boolean;
-    isLoading?: boolean;
-    error?: {
-        message: string;
-    };
     balance?: string;
-    priceImpactPercentage?: string;
-    criticalPriceImpactPercentage?: number;
-    direction?: SwapDirection;
     inputModeButton?: {
         usdModeTooltip?: Omit<TooltipProps, "children">;
         tokenModeTooltip?: Omit<TooltipProps, "children">;
         amountUsd?: string;
     };
     maxUsdDecimals?: number;
-    isInteractive?: boolean;
     balanceButton?: {
         tooltip?: Omit<TooltipProps, "children">;
         hideMaxChip?: boolean;
     };
     debounceInput?: boolean;
+    initialInputMode?: UserInputType;
+    customSymbol?: string;
+    hideControls?: boolean;
+    hideBalance?: boolean;
+    containerClassName?: string;
+    inputClassName?: string;
+}
+export interface Props extends NumericInputProps, React.InputHTMLAttributes<HTMLInputElement> {
+    direction?: SwapDirection;
+    showDetails?: boolean;
+    isLoading?: boolean;
+    isInteractive?: boolean;
+    priceImpactPercentage?: string;
+    criticalPriceImpactPercentage?: number;
+    error?: {
+        message: string;
+    };
 }
-export declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, debounceInput, ...props }: NumericInputProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, debounceInput, initialInputMode, customSymbol, hideControls, hideBalance, containerClassName, inputClassName, ...props }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+interface AnimateNumberProps {
+    number: string;
+    showMask?: boolean;
+    className?: string;
+    isLoading?: boolean;
+}
+export declare function AnimateNumber({ isLoading, number, showMask, className, }: AnimateNumberProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type ButtonVariant } from "../../types/components";
+interface LoadingTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: ButtonVariant;
+}
+export declare function LoadingText({ children, className, ...props }: LoadingTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+export * from "./AnimateNumber";
+export * from "./LoadingSkeleton";
+export * from "./LoadingText";

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

@@ -14,13 +14,8 @@ export declare function ChevronArrowIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowTriangle({ className, size, }: {
+export declare function ArrowTriangle({ className }: {
     className?: string;
-    size?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowCornerDownLeftIcon({ className, size, }: {
-    className?: string;
-    size?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function PauseIcon({ size, className, }: {
     size?: string;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare function CrossAnimatedIcon({ size, isOpen, transitionDuration, className, }: {
+    size?: number;
+    isOpen?: boolean;
+    transitionDuration?: React.CSSProperties["transitionDuration"];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -122,32 +122,3 @@ export declare function CircleCheckIcon({ className, size, }: {
     className?: string;
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function EscKeyIcon({ className, width, height, }: {
-    className?: string;
-    width?: string;
-    height?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function StarFilledIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function StarOutlinedIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function FireIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function TrophyIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SearchMenuIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function MoneyBagSolidIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ComponentProps } from "react";
+import { type ComponentProps } from "react";
 interface LoaderProps extends ComponentProps<"svg"> {
     size?: string;
     strokeWidth?: string;

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

@@ -0,0 +1,12 @@
+export declare function GooglePayIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ApplePayIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CreditCardIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,7 @@
-export declare function SwapInputsIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function SwapInputsIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function SwapIcon({ size, className, }: {
     size?: string;
     className?: string;

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

@@ -1,6 +1,6 @@
 export declare function WalletIcon({ size }: {
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function WalletOutlinedIcon({ size }: {
+export declare function WalletFilledIcon({ size }: {
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -12,6 +12,7 @@ export * from "./Clock";
 export * from "./Coins";
 export * from "./Collection";
 export * from "./CompassRound";
+export * from "./CrossAnimatedIcon";
 export * from "./DashboardFast";
 export * from "./DockIcons";
 export * from "./DotGrid";
@@ -31,6 +32,7 @@ export * from "./Loader";
 export * from "./MarketIcons";
 export * from "./Max";
 export * from "./NotAllowed";
+export * from "./PaymentIcons";
 export * from "./Percent";
 export * from "./PieChart";
 export * from "./Plus";

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

@@ -1,10 +1,10 @@
 export * from "./badges";
 export * from "./buttons";
 export * from "./controls";
+export * from "./feedback";
 export * from "./icons";
 export * from "./layout";
 export * from "./lists";
 export * from "./navigation";
 export * from "./typography";
 export * from "./views";
-export * from "./charts";