@0xsquid/ui 1.0.0 → 2.0.0

package/dist/esm/types/assets/animations/index.d.ts

@@ -0,0 +1,11 @@
+export declare const checkMarkInfo: any;
+export declare const checkMarkSuccess: any;
+export declare const checkMarkError: any;
+export declare const loadingDots: any;
+export declare const transactionPendingAnimation: any;
+export declare const transactionProcessinganimation: any;
+export declare const transactionFailureAnimation: any;
+export declare const transactionSuccessAnimation: any;
+export declare const transactionHalfSuccessAnimation: any;
+export declare const transactionErrorPauseAnimation: any;
+export declare const transactionRejectedAnimation: any;

package/dist/esm/types/components/badges/BadgeImage.d.ts

@@ -4,7 +4,12 @@ interface BadgeImageProps {
     size?: BadgeSize;
     extraMarginForBadge?: boolean;
     rounded?: boolean;
+    /**
+     * The URL of the placeholder image. Will be displayed while the images are loading
+     * or if there's an error loading them.
+     */
+    placeholderImageUrl?: string;
 }
-type BadgeSize = 'sm' | 'md';
-export declare function BadgeImage({ imageUrl, badgeUrl, size, extraMarginForBadge, rounded, }: BadgeImageProps): import("react/jsx-runtime").JSX.Element | null;
+type BadgeSize = "sm" | "md";
+export declare function BadgeImage({ imageUrl: _imageUrl, badgeUrl, size, extraMarginForBadge, rounded, placeholderImageUrl, }: BadgeImageProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/esm/types/components/badges/IconLabel.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { ImageVariant } from "../../types/components";
+interface IconLabelProps {
+    isLoading?: boolean;
+    src?: string;
+    children?: ReactNode;
+    variant?: ImageVariant;
+}
+export declare function IconLabel({ src, children, variant }: IconLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/badges/Image.d.ts

@@ -0,0 +1,9 @@
+import { ImageSize, ImageVariant } from "../../types/components";
+interface ImageProps {
+    src?: string;
+    variant?: ImageVariant;
+    size?: ImageSize;
+    className?: string;
+}
+export declare function Image({ src, variant, size, className: propsClassName, }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/badges/LoadingSkeleton.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps } from "react";
+export declare const LoadingProvider: import("react").Provider<boolean | null>;
+interface LoadingSkeletonProps {
+    className?: string;
+    height?: string;
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    width?: string;
+}
+export declare function LoadingSkeleton({ className, height, isLoading: isLoadingProp, children, width, }: LoadingSkeletonProps): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
+interface LoadingTextProps extends ComponentProps<"span"> {
+    width?: string | [string, string];
+    isLoading?: boolean;
+}
+export declare function TextSkeleton({ className, width, children, isLoading, ...props }: LoadingTextProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+interface LoadingBlockProps extends ComponentProps<"div"> {
+    isLoading?: boolean;
+}
+export declare function BlockSkeleton({ isLoading, className, children, ...props }: LoadingBlockProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};

package/dist/esm/types/components/badges/TransactionState.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { ActionStatus, TransactionStateVariant } from "../../types/components";
+export declare const statusTextClassMap: Record<ActionStatus, string>;
+interface TransactionStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    status: ActionStatus;
+    variant?: TransactionStateVariant;
+    icon?: ReactNode;
+}
+export declare function TransactionState({ status, variant, icon, ...props }: TransactionStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/badges/UsdAmount.d.ts

@@ -1,5 +1,5 @@
 interface UsdAmountProps {
-    usdAmount: number;
+    usdAmount: string;
 }
 export declare function UsdAmount({ usdAmount }: UsdAmountProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/badges/WalletLink.d.ts

@@ -0,0 +1,6 @@
+interface WalletLinkProps {
+    imageURI: string;
+    address: string;
+}
+export declare function WalletLink({ imageURI, address }: WalletLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+export * from "./BadgeImage";
+export * from "./IconLabel";
+export * from "./Image";
+export * from "./LoadingSkeleton";
+export * from "./TransactionState";
+export * from "./UsdAmount";
+export * from "./WalletLink";

package/dist/esm/types/components/buttons/AssetsButton.d.ts

@@ -0,0 +1,21 @@
+import { type AssetsButtonVariant } from "../../types/components";
+import { type TooltipProps } from "../controls";
+interface AssetsButtonProps {
+    token?: {
+        iconUrl: string;
+        symbol: string;
+        bgColor: string;
+        textColor: string;
+    };
+    chain?: {
+        iconUrl: string;
+        bgColor: string;
+    };
+    onClick?: () => void;
+    variant?: AssetsButtonVariant;
+    isLoading?: boolean;
+    tooltip?: Omit<TooltipProps, "children">;
+    emptyTokenLabel?: string;
+}
+export declare function AssetsButton({ chain, token, onClick, variant, isLoading, tooltip, emptyTokenLabel, }: AssetsButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/buttons/BoostButton.d.ts

@@ -1,9 +1,9 @@
-import { BoostMode } from '../../types/components';
+/// <reference types="react" />
+import { BoostMode } from "../../types/components";
 interface BoostButtonProps {
-    boostMode?: BoostMode;
-    onToggleBoostMode?: ({ boostMode }: {
-        boostMode: BoostMode;
-    }) => void;
+    boostMode: BoostMode;
+    canToggleBoostMode?: boolean;
+    boostIndicatorRef: React.RefObject<HTMLDivElement>;
 }
-export declare function BoostButton({ boostMode, onToggleBoostMode, }: BoostButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function BoostButton({ boostMode, canToggleBoostMode, boostIndicatorRef, }: BoostButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,18 @@
 /// <reference types="react" />
-import { ButtonSize, ButtonVariant } from '../../types/components';
+import { type ButtonSize, type ButtonVariant } from "../../types/components";
+import { type ChipProps } from "./Chip";
 interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     label?: string;
     icon?: React.ReactNode;
     variant: ButtonVariant;
     size: ButtonSize;
     disabled?: boolean;
+    link?: string;
+    isLoading?: boolean;
+    chip?: ChipProps;
+    containerClassName?: string;
+    buttonRef?: React.Ref<HTMLButtonElement>;
+    anchorRef?: React.Ref<HTMLAnchorElement>;
 }
-export declare function Button({ label, disabled, size, variant, icon, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ label, disabled, size, variant, icon, link, isLoading, chip, containerClassName, anchorRef, buttonRef, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/buttons/Chip.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
     label?: string;
     icon?: React.ReactNode;
 }
 export declare function Chip({ label, icon, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/types/components/buttons/FeeButton.d.ts

@@ -1 +1,9 @@
-export declare function FeeButton(): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import { TooltipProps } from "../controls";
+interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    feeInUsd?: string;
+    chipLabel?: string;
+    tooltip?: Omit<TooltipProps, "children">;
+}
+export declare function FeeButton({ feeInUsd, chipLabel, className, tooltip, ...props }: FeeButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/buttons/FilterButton.d.ts

@@ -0,0 +1,7 @@
+interface FilterButtonProps {
+    selected: boolean;
+    numApplied?: number;
+    onClick?: () => void;
+}
+export declare function FilterButton({ selected, numApplied, onClick, }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface IconButtonProps extends React.ComponentProps<"button"> {
+    icon: React.ReactNode;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/esm/types/components/buttons/SettingsButton.d.ts

@@ -0,0 +1,6 @@
+export interface SettingsButtonProps {
+    label: string;
+    isSelected?: boolean;
+    onClick?: () => void;
+}
+export declare function SettingsButton({ label, isSelected, onClick, }: SettingsButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/buttons/StopsButton.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TooltipProps } from "../controls";
+export interface StopsProps extends React.ComponentProps<"button"> {
+    stopsCount?: string | number;
+    estimatedTime?: string;
+    tooltip?: Omit<TooltipProps, "children">;
+    providers: Provider[];
+}
+export declare function StopsButton({ stopsCount, estimatedTime, tooltip, providers, ...props }: StopsProps): import("react/jsx-runtime").JSX.Element;
+type Provider = {
+    logoUrl: string;
+    key: string;
+};
+export {};

package/dist/esm/types/components/buttons/index.d.ts

@@ -1,7 +1,11 @@
-export * from './AddressButton';
-export * from './ArrowButton';
-export * from './BoostButton';
-export * from './Button';
-export * from './Chip';
-export * from './Dropdown';
-export * from './FeeButton';
+export * from "./AddressButton";
+export * from "./ArrowButton";
+export * from "./AssetsButton";
+export * from "./BoostButton";
+export * from "./Button";
+export * from "./Chip";
+export * from "./FeeButton";
+export * from "./FilterButton";
+export * from "./SettingsButton";
+export * from "./IconButton";
+export * from "./SettingsButton";

package/dist/esm/types/components/controls/Input.d.ts

@@ -1,9 +1,20 @@
 /// <reference types="react" />
+import { type ButtonVariant } from "../../types/components";
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     placeholder?: string;
     showIcon?: boolean;
-    showPasteButton?: boolean;
     icon?: React.ReactNode;
+    isError?: boolean;
+    isWarning?: boolean;
+    containerClassName?: string;
+    actionButtonProps?: InputActionButtonProps;
+    autoFocusTimeout?: number;
+    inputRef?: React.RefObject<HTMLInputElement>;
+}
+export declare function Input({ placeholder, showIcon, className, icon, isError, isWarning, containerClassName, actionButtonProps, autoFocusTimeout, inputRef: inputRefProp, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+interface InputActionButtonProps {
+    onClick?: () => void;
+    variant?: ButtonVariant;
+    label?: string;
 }
-export declare function Input({ placeholder, showIcon, showPasteButton, className, icon, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { type SwapDirection } from "../../types/components";
+import { type TooltipProps } from "./Tooltip";
+interface Token {
+    price: number;
+    symbol: string;
+    decimals: number;
+}
+interface NumericInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    token: Token;
+    onAmountChange: (tokenAmount: string) => void;
+    forcedAmount?: string;
+    formatIfVerySmall?: {
+        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">;
+    };
+}
+export declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, ...props }: NumericInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/controls/RangeInput.d.ts

@@ -0,0 +1,10 @@
+interface RangeInputProps {
+    label: string;
+    initialValue?: string;
+    onChange?: (value: string) => void;
+    min?: number;
+    max?: number;
+    isWarning?: boolean;
+}
+export declare function RangeInput({ label, initialValue, onChange, min, max, isWarning, }: RangeInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/controls/SettingsSlider.d.ts

@@ -0,0 +1,10 @@
+export interface SettingsSliderProps {
+    value: number | undefined;
+    type: "percentage" | "amount";
+    onChange?: (value: number | undefined) => void;
+    decimalsFormat?: number;
+    min?: number;
+    max?: number;
+    isSelected?: boolean;
+}
+export declare function SettingsSlider({ value, type, onChange, decimalsFormat, max, min, isSelected, }: SettingsSliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/controls/Switch.d.ts

@@ -1,8 +1,10 @@
-import { SwitchSize } from '../../types/components';
-interface SwitchProps {
-    checked: boolean;
-    onChange: (checked: boolean) => void;
+/// <reference types="react" />
+import { SwitchSize } from "../../types/components";
+export interface SwitchProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
     size: SwitchSize;
+    disabled?: boolean;
+    inputProps?: React.ComponentProps<"input">;
 }
-export declare function Switch({ checked, onChange, size }: SwitchProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function Switch({ checked, onChange, size, disabled, inputProps, }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/controls/Tooltip.d.ts

@@ -1,12 +1,16 @@
-import React from 'react';
-export type TooltipWidth = 'max' | 'container';
-export type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
-interface TooltipProps {
+import React from "react";
+export type TooltipWidth = "max" | "container";
+export type TooltipThreshold = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
+export interface TooltipProps {
     children: React.ReactNode;
-    tooltipContent: React.ReactNode;
+    tooltipContent?: React.ReactNode;
     threshold?: TooltipThreshold;
     tooltipWidth?: TooltipWidth;
-    className?: string;
+    containerClassName?: string;
+    childrenClassName?: string;
+    tooltipClassName?: string;
+    displayDelayMs?: number;
+    containerRef?: React.RefObject<HTMLElement>;
+    showOnMobile?: boolean;
 }
-export declare function Tooltip({ children, tooltipContent, tooltipWidth, threshold, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/controls/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Input";
+export * from "./NumericInput";
+export * from "./SettingsSlider";
+export * from "./Switch";
+export * from "./Tooltip";
+export * from "./RangeInput";

package/dist/esm/types/components/icons/Approve.d.ts

@@ -0,0 +1 @@
+export declare function Approve(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,78 @@
 export declare function ArrowRightIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function ChevronArrowIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowTriangle(): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowRightDownIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowRightUpIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronArrowIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowTriangle({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function ChevronTopSmallIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function ChevronLargeDownIcon({ size }: {
+export declare function ChevronLargeDownIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronTopIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronLargeRightIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronRightSmallIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowLeftIcon({ className, size, }: {
+    className?: string;
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function ChevronTopIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function ChevronLargeRightIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function ChevronRightSmallIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowLeftIcon(): import("react/jsx-runtime").JSX.Element;
 export declare function ArrowRightUpCircleIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowRightDownCircleIcon(): import("react/jsx-runtime").JSX.Element;
 export declare function ArrowOutOfBoxIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronGrabberVerticalIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SquareArrowTopRight2Icon({ className, size, strokeWidth, }: {
+    className?: string;
+    size?: string;
+    strokeWidth?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SquareArrowTopLeftIcon({ size }: {
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowBottomTopIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowWallDownIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ReorderIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowsSwapIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowUpIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowCornerDownRightIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronDownSmallIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowDownIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowSplit({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/ArrowRotate.d.ts

@@ -0,0 +1 @@
+export declare function ArrowRotate(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Bag.d.ts

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

package/dist/esm/types/components/icons/BoostBadge.d.ts

@@ -0,0 +1 @@
+export declare function BoostBadge(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Calendar.d.ts

@@ -0,0 +1 @@
+export declare function Calendar(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Checkmark.d.ts

@@ -1 +1,10 @@
-export declare function Checkmark1Icon(): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare function Checkmark1Icon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Checkmark2Icon({ className, size, style, }: {
+    className?: string;
+    size?: string;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Clock.d.ts

@@ -0,0 +1,20 @@
+export declare function ClockSolidIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ClockOutlineIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const SettingsGearIcon: ({ size, className, }: {
+    className?: string;
+    size?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ExplosionIcon: ({ size, className, }: {
+    className?: string;
+    size?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function TimeFliesIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Coins.d.ts

@@ -1,2 +1,14 @@
 export declare function CoinsIcon(): import("react/jsx-runtime").JSX.Element;
 export declare function CoinsAddIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function DollarOutlinedIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StocksIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DollarSolidIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Collection.d.ts

@@ -0,0 +1 @@
+export declare function CollectionIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/CompassRound.d.ts

@@ -0,0 +1,32 @@
+export declare function CompassRoundOutlinedIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CompassRoundSolidIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CircleX({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CircleMinusIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CirclePlusIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CircleXFilledIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TranslateIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PowerIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Copy.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from "react";
+export declare function Copy({ size, strokeWidth, ...props }: {
+    size?: string;
+    strokeWidth?: string;
+} & ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;

package/dist/esm/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/esm/types/components/icons/DashboardFast.d.ts

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

package/dist/esm/types/components/icons/DockIcons.d.ts

@@ -0,0 +1,10 @@
+interface DockIconProps {
+    isSelected?: boolean;
+}
+export declare function DockIconSwap({ isSelected }: DockIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DockIconCheckout({ isSelected }: DockIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DockIconScan({ isSelected }: DockIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DockIconAnalytics({ isSelected }: DockIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DockIconProfile({ isSelected }: DockIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DockIconHelp({ isSelected }: DockIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/icons/DotGrid.d.ts

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