@0xsquid/ui 2.2.4 → 2.2.5-beta.0

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

@@ -1,15 +1,9 @@
+import { type ImageProps } from "./Image";
 interface BadgeImageProps {
-    imageUrl?: string;
-    badgeUrl?: string;
-    size?: BadgeSize;
+    badge?: ImageProps;
+    image?: ImageProps;
     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;
+    className?: string;
 }
-type BadgeSize = "sm" | "md" | "lg";
-export declare function BadgeImage({ imageUrl: _imageUrl, badgeUrl, size, extraMarginForBadge, rounded, placeholderImageUrl, }: BadgeImageProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BadgeImage({ image, badge, extraMarginForBadge, className, }: BadgeImageProps): false | import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,9 +1,19 @@
-import { ImageSize, ImageVariant } from "../../types/components";
-interface ImageProps {
+/// <reference types="react" />
+import { type ImageBorder, type ImageRoundedSize, type ImageSize } from "../../types/components";
+export declare enum ImageState {
+    LOADING = 0,
+    LOADED = 1,
+    ERROR = 2
+}
+export interface ImageProps extends React.ComponentProps<"img"> {
     src?: string;
-    variant?: ImageVariant;
+    children?: React.ReactNode;
     size?: ImageSize;
     className?: string;
+    placeholderImageUrl?: string;
+    border?: ImageBorder;
+    rounded?: ImageRoundedSize;
+    shadow?: boolean;
+    containerProps?: React.ComponentProps<"div">;
 }
-export declare function Image({ src, variant, size, className: propsClassName, }: ImageProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function Image({ src, size, className: propsClassName, placeholderImageUrl, border, rounded, shadow, children, containerProps, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ComponentProps } from "react";
+import { type ComponentProps } from "react";
 export declare const LoadingProvider: import("react").Provider<boolean | null>;
 interface LoadingSkeletonProps {
     className?: string;

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

@@ -0,0 +1,5 @@
+import { type PriceChange as TPriceChange } from "../../types/components";
+interface PriceChangeProps extends TPriceChange {
+}
+export declare function PriceChange({ sign, value }: PriceChangeProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,14 @@
+interface WalletCardProps {
+    isConnected?: boolean;
+    chainImageUrl?: string;
+    avatarImageUrl?: string;
+    walletImageUrl?: string;
+    title?: string;
+    subtitle?: string;
+    footerLabel?: string;
+    isSelected?: boolean;
+    bgColors?: string[];
+    className?: string;
+}
+export declare function WalletCard({ avatarImageUrl, chainImageUrl, footerLabel, isConnected, subtitle, title, walletImageUrl, isSelected, bgColors, className, }: WalletCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

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

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

@@ -2,3 +2,7 @@ export declare function SquidLogo({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function SquidVector({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -6,9 +6,9 @@ interface AppContainerProps extends ComponentProps<typeof motion.div> {
 export declare function AppContainer({ children, className, layoutKey, ...props }: AppContainerProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace AppContainer {
     var Nav: ({ className, children, ...props }: {
+        color?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
-        color?: string | undefined;
         hidden?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         className?: string | undefined;
@@ -18,7 +18,7 @@ export declare namespace AppContainer {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -33,7 +33,7 @@ export declare namespace AppContainer {
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
@@ -104,7 +104,7 @@ export declare namespace AppContainer {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal" | undefined;
+        inputMode?: "none" | "search" | "text" | "numeric" | "email" | "tel" | "url" | "decimal" | undefined;
         is?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -267,9 +267,9 @@ export declare namespace AppContainer {
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
     var Content: (props: {
+        color?: string | undefined;
         slot?: string | undefined;
         title?: string | undefined;
-        color?: string | undefined;
         hidden?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         className?: string | undefined;
@@ -279,7 +279,7 @@ export declare namespace AppContainer {
         tabIndex?: number | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -294,7 +294,7 @@ export declare namespace AppContainer {
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
@@ -365,7 +365,7 @@ export declare namespace AppContainer {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal" | undefined;
+        inputMode?: "none" | "search" | "text" | "numeric" | "email" | "tel" | "url" | "decimal" | undefined;
         is?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;

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

@@ -1,10 +1,11 @@
-import { ComponentProps } from "react";
+import { type ComponentProps } from "react";
 interface CollapseProps extends ComponentProps<"div"> {
     collapsed: boolean;
     collapsedHeight?: number;
     duration?: number;
+    contentsClassName?: string;
 }
-export declare function Collapse({ collapsed, collapsedHeight, children, className, duration, ...props }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+export declare function Collapse({ collapsed, collapsedHeight, children, className, duration, contentsClassName, ...props }: CollapseProps): import("react/jsx-runtime").JSX.Element;
 interface SizeTransitionProps extends ComponentProps<"div"> {
 }
 export declare function SizeTransition({ children, className, ...props }: SizeTransitionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { ComponentProps } from "react";
-import { DescriptionBlock } from "../../types/components";
+import { type ComponentProps } from "react";
+import { type DescriptionBlock } from "../../types/components";
 interface DescriptionBlocksProps extends ComponentProps<"div"> {
     blocks: DescriptionBlock[] | string;
 }

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

@@ -1,5 +1,5 @@
-import { StopsProps as StopsButtonProps } from "../buttons/StopsButton";
-import { TooltipProps } from "../controls";
+import { type StopsProps as StopsButtonProps } from "../buttons/StopsButton";
+import { type TooltipProps } from "../controls";
 interface DetailsToolbarProps {
     errorMessage?: string;
     flipButton?: {

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

@@ -0,0 +1,9 @@
+import { type ImageProps } from "../badges";
+export declare function ImageStack({ imageUrls, spacing, stackOnTop, ...imageProps }: {
+    imageUrls: string[];
+    spacing: string;
+    border?: ImageProps["border"];
+    rounded?: ImageProps["rounded"];
+    size?: ImageProps["size"];
+    stackOnTop?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import "react-day-picker/dist/style.css";
-import { ChainTypeFilter, StatusFilter as TStatusFilter } from "../../types/components";
+import { type ChainTypeFilter, type StatusFilter as TStatusFilter } from "../../types/components";
 interface TransactionFiltersProps {
     chainType?: ChainTypeFilter;
     setChainType: (chainType: ChainTypeFilter) => void;
@@ -11,10 +11,10 @@ interface TransactionFiltersProps {
     setToDate: (toDate?: Date) => void;
     status?: TStatusFilter[];
     setStatus: (status?: TStatusFilter[]) => void;
-    chains: {
+    chains: Array<{
         name: string;
         logoURI: string;
-    }[];
+    }>;
 }
 export declare function TransactionFilters({ chainType, setChainType, chain, setChain, fromDate, setFromDate, toDate, setToDate, status, setStatus, chains, }: TransactionFiltersProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { ActionStatus } from "../../../types/components";
+import { type ActionStatus } from "../../../types/components";
 interface BridgeHeaderProps {
     tokenLogoURI: string;
     chainLogoURI: string;

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

@@ -1,4 +1,4 @@
-import { ActionStatus } from "../../../types/components";
+import { type ActionStatus } from "../../../types/components";
 interface BuyNFTHeaderProps {
     imageUrl: string;
     title?: string;

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

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export declare function useOnClickOutside(callback: () => void, externalRef?: RefObject<HTMLElement>): {
     ref: RefObject<HTMLElement>;
 };

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type ImageRoundedSize } from "../../types/components";
 interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
     itemTitle: string | React.ReactNode;
     mainImageUrl?: string;
@@ -14,7 +15,7 @@ interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
     className?: string;
     onDetailClick?: () => void;
     showDetailOnHoverOnly?: boolean;
-    rounded?: boolean;
+    rounded?: ImageRoundedSize;
     detailButtonClassName?: string;
     loading?: {
         subtitle?: boolean | string;

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

@@ -1,4 +1,4 @@
-import { ActionStatus, DescriptionBlock } from "../../types/components";
+import { type ActionStatus, type DescriptionBlock } from "../../types/components";
 interface SwapStepItemProps {
     descriptionBlocks: DescriptionBlock[];
     showStepSeparator?: boolean;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { type PriceChange as TPriceChange } from "../../types/components";
+type TokenGroupVariant = "compact" | "large" | "small";
+export interface TokenGroupProps {
+    isSelected?: boolean;
+    imageUrl: string;
+    symbol: string;
+    name: string;
+    chainImageUrl: string;
+    balance?: string;
+    balanceUsd?: string;
+    priceChange?: TPriceChange;
+    tokenItems?: TokenGroupProps[];
+    extraSpacing?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
+    maxPreviewItems?: number;
+    variant?: TokenGroupVariant;
+}
+export declare function TokenGroup({ isSelected, tokenItems, priceChange, balance, balanceUsd, extraSpacing, chainImageUrl, imageUrl, symbol, name, onClick, maxPreviewItems, variant, }: TokenGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,5 +1,5 @@
-import { ComponentProps, ReactNode } from "react";
-import { ActionStatus } from "../../../types/components";
+import { type ComponentProps, type ReactNode } from "react";
+import { type ActionStatus } from "../../../types/components";
 interface ActionLayoutProps {
     lineCap?: ReactNode;
     status?: ActionStatus;

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

@@ -1,4 +1,4 @@
-import { BaseActionProps } from "./BaseActionProps";
+import { type BaseActionProps } from "./BaseActionProps";
 interface ApproveActionProps extends BaseActionProps {
     profile: {
         imageURI: string;

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

@@ -1,4 +1,4 @@
-import { BaseActionProps } from "./BaseActionProps";
+import { type BaseActionProps } from "./BaseActionProps";
 interface BridgeActionProps extends BaseActionProps {
     token: {
         logoURI: string;

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

@@ -1,4 +1,4 @@
-import { BaseActionProps } from "./BaseActionProps";
+import { type BaseActionProps } from "./BaseActionProps";
 interface ReceiveNFTActionProps extends BaseActionProps {
     nft: {
         imageURI: string;

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

@@ -1,4 +1,4 @@
-import { BaseActionProps } from "./BaseActionProps";
+import { type BaseActionProps } from "./BaseActionProps";
 interface ReceiveTokensActionProps extends BaseActionProps {
     amount: string;
     token: {

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

@@ -1,4 +1,4 @@
-import { BaseActionProps } from "./BaseActionProps";
+import { type BaseActionProps } from "./BaseActionProps";
 interface SendTokensActionProps extends BaseActionProps {
     amount: string;
     token: {

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

@@ -1,4 +1,4 @@
-import { BaseActionProps } from "./BaseActionProps";
+import { type BaseActionProps } from "./BaseActionProps";
 interface StakeActionProps extends BaseActionProps {
     token: {
         logoURI: string;

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

@@ -1,4 +1,4 @@
-import { BaseActionProps } from "./BaseActionProps";
+import { type BaseActionProps } from "./BaseActionProps";
 interface SwapActionProps extends BaseActionProps {
     fromToken: {
         logoURI: string;

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

@@ -1,4 +1,4 @@
-import { BaseActionProps } from "./BaseActionProps";
+import { type BaseActionProps } from "./BaseActionProps";
 interface WrapActionProps extends BaseActionProps {
     fromToken: {
         logoURI: string;

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

@@ -1,10 +1,10 @@
-import { ReactNode } from "react";
-import { ActionStatus } from "../../types/components";
+import { type ReactNode } from "react";
+import { type ActionStatus } from "../../types/components";
 type TransactionItemVariant = "compact" | "full";
-type TransactionItemType = {
+interface TransactionItemType {
     icon?: ReactNode;
     name: string;
-};
+}
 interface TransactionItemProps {
     className?: string;
     isLoading?: boolean;

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

@@ -2,10 +2,11 @@ import { type ReactNode } from "react";
 interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
     children: ReactNode;
     bold?: boolean;
+    tight?: boolean;
     loading?: {
         isLoading?: boolean;
         width?: string;
     };
 }
-export declare function CaptionText({ children, bold, loading, ...props }: CaptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function CaptionText({ children, bold, loading, tight, ...props }: CaptionProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import { ComponentProps, ReactNode } from "react";
-import { FeesActionProps, TransactionActionProps } from "../../lists/TransactionAction";
+import { type ComponentProps, type ReactNode } from "react";
+import { type FeesActionProps, type TransactionActionProps } from "../../lists/TransactionAction";
 interface TransactionViewLayoutProps extends ComponentProps<"div"> {
     isLoading?: boolean;
     header?: ReactNode;

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

@@ -26,6 +26,7 @@ export declare const ANIMATION_DURATIONS: {
     SHOW_MODAL: number;
     HIDE_MODAL: number;
     BOOST_BUTTON: number;
+    GENERIC: number;
 };
 export declare const ANIMATION_TIMINGS: {
     EXPAND_ROUTE: string;
@@ -33,6 +34,7 @@ export declare const ANIMATION_TIMINGS: {
     CHANGE_SWAP_STEP: string;
     SHOW_ROUTE: string;
     HIDE_ROUTE: string;
+    GENERIC: string;
 };
 type MediaQuery = "MOBILE_LG" | "MOBILE_SM_HEIGHT" | "MOBILE_XS" | "MOBILE_XS_HEIGHT";
 export declare const MEDIA_QUERIES: Record<MediaQuery, {

package/dist/cjs/types/core/design-system.d.ts

@@ -12,8 +12,10 @@ export declare const boxShadow: {
     "elevation-dark-3": string;
     "elevation-light-3": string;
     "elevation-dark-2": string;
-    "elevation-light-1": string;
     "elevation-light-2": string;
+    "elevation-dark-1": string;
+    "elevation-light-1": string;
     "inset-royal": string;
+    "wallet-card": string;
 };
 export declare const baseTailwindConfig: Config;

package/dist/cjs/types/services/internal/colorService.d.ts

@@ -1,5 +1,11 @@
 import { type Theme } from "../../types/config";
 import { type ThemeType } from "../../types";
+interface RGB {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
 /**
  * Parses the user readable config to css variables
  * and adds the material-* variants
@@ -32,4 +38,7 @@ export declare function hexToRgb(hex: string): {
 export declare function rgbToHex(r: number, g: number, b: number): string;
 export declare function blendColors(foreground: string, background: string, factor?: number): string | null;
 export declare const isValidHexColor: (hex: string) => boolean;
+export declare function parseColor(color: string): RGB | null;
 export declare const getColorBrightness: (color: string) => number;
+export declare const getWalletCardBackground: (colors: string[]) => string | undefined;
+export {};

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

@@ -1,15 +1,12 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { type Meta, type StoryObj } from "@storybook/react";
 import { BadgeImage } from "../../components/badges/BadgeImage";
 declare const meta: Meta<typeof BadgeImage>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const ImageOnly: Story;
-export declare const BadgeAndImage: Story;
+export declare const Large: Story;
+export declare const ExtraLarge: Story;
+export declare const ExtraExtraLarge: Story;
+export declare const RoundedFull: Story;
 export declare const ExtraMarginForBadge: Story;
-export declare const Rounded: Story;
-export declare const SizeMedium: Story;
-export declare const SizeSmall: Story;
-export declare const CustomPlaceholderForBrokenImage: Story;
-export declare const CustomPlaceholderForLoadingImage: Story;
-export declare const CustomPlaceholderForBrokenBadgeImage: Story;
-export declare const CustomPlaceholderForLoadingBadgeImage: Story;
+export declare const TokenBadge: Story;
+export declare const PlaceholderForBrokenImage: Story;

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

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { type Meta, type StoryObj } from "@storybook/react";
 import { IconLabel } from "../../components/badges/IconLabel";
 declare const meta: Meta<typeof IconLabel>;
 export default meta;

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

@@ -0,0 +1,16 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { Image } from "../../components/badges/Image";
+declare const meta: Meta<typeof Image>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const ExtraLarge: Story;
+export declare const ExtraLargeLoading: Story;
+export declare const ExtraExtraLarge: Story;
+export declare const GradientBorder: Story;
+export declare const InsetBorder: Story;
+export declare const OutlineBorder: Story;
+export declare const RoundedFull: Story;
+export declare const CustomContent: Story;

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

@@ -0,0 +1,8 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { PriceChange } from "../../components/badges/PriceChange";
+declare const meta: Meta<typeof PriceChange>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Positive: Story;
+export declare const Negative: Story;
+export declare const Neutral: Story;

package/dist/cjs/types/stories/buttons/AddressButton.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { type Meta, type StoryObj } from "@storybook/react";
 import { AddressButton } from "../../components/buttons/AddressButton";
 declare const meta: Meta<typeof AddressButton>;
 export default meta;

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

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { type Meta, type StoryObj } from "@storybook/react";
 import { Button } from "../../components/buttons/Button";
 declare const meta: Meta<typeof Button>;
 export default meta;

package/dist/cjs/types/stories/buttons/FilterButton.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { type Meta, type StoryObj } from "@storybook/react";
 import { FilterButton } from "../../components/buttons/FilterButton";
 declare const meta: Meta<typeof FilterButton>;
 export default meta;

package/dist/cjs/types/stories/cards/WalletCard.stories.d.ts

@@ -0,0 +1,11 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { WalletCard } from "../../components/cards/WalletCard";
+declare const meta: Meta<typeof WalletCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Disconnected: Story;
+export declare const ConnectedEVM: Story;
+export declare const ConnectedSolana: Story;
+export declare const ConnectedCosmos: Story;
+export declare const LightBackground: Story;
+export declare const ConnectedSelected: Story;

package/dist/cjs/types/stories/controls/Tooltip.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { type Meta, type StoryObj } from "@storybook/react";
 import { Tooltip } from "../../components/controls/Tooltip";
 declare const meta: Meta<typeof Tooltip>;
 export default meta;

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

@@ -0,0 +1,8 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { ImageStack } from "../../components/layout/ImageStack";
+declare const meta: Meta<typeof ImageStack>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NegativeSpacing: Story;
+export declare const LargeImages: Story;

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

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { type Meta, type StoryObj } from "@storybook/react";
 import { Toast } from "../../components/layout/Toast";
 declare const meta: Meta<typeof Toast>;
 export default meta;