@0xsquid/ui 0.1.1-beta.0

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

@@ -0,0 +1,10 @@
+interface BadgeImageProps {
+    imageUrl?: string;
+    badgeUrl?: string;
+    size?: BadgeSize;
+    extraMarginForBadge?: boolean;
+    rounded?: boolean;
+}
+type BadgeSize = 'sm' | 'md';
+export declare function BadgeImage({ imageUrl, badgeUrl, size, extraMarginForBadge, rounded, }: BadgeImageProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface AddressButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    label: string;
+    imageUrl?: string;
+    badgeUrl?: string;
+    isLoading?: boolean;
+}
+export declare function AddressButton({ label, imageUrl, badgeUrl, isLoading, ...props }: AddressButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ArrowButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    label: string;
+    disabled?: boolean;
+}
+export declare function ArrowButton({ label, disabled, ...props }: ArrowButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ButtonSize, ButtonVariant } from '../../types/components';
+interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    label?: string;
+    icon?: React.ReactNode;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled?: boolean;
+}
+export declare function Button({ label, disabled, size, variant, icon, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+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/Dropdown.d.ts

@@ -0,0 +1,7 @@
+interface DropdownProps {
+    tokenImageUrl?: string;
+    chainImageUrl?: string;
+    tokenSymbol?: string;
+}
+export declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+export * from './AddressButton';
+export * from './ArrowButton';
+export * from './BoostButton';
+export * from './Button';
+export * from './Chip';
+export * from './Dropdown';
+export * from './FeeButton';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+    showIcon?: boolean;
+    showPasteButton?: boolean;
+    icon?: React.ReactNode;
+}
+export declare function Input({ placeholder, showIcon, showPasteButton, className, icon, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { SwitchSize } from '../../types/components';
+interface SwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    size: SwitchSize;
+}
+export declare function Switch({ checked, onChange, size }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export type TooltipWidth = 'max' | 'container';
+export type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+interface TooltipProps {
+    children: React.ReactNode;
+    tooltipContent: React.ReactNode;
+    threshold?: TooltipThreshold;
+    tooltipWidth?: TooltipWidth;
+    className?: string;
+}
+export declare function Tooltip({ children, tooltipContent, tooltipWidth, threshold, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,13 @@
+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 ChevronTopSmallIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronLargeDownIcon({ size }: {
+    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 ArrowOutOfBoxIcon(): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare function EmptyHeartIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function FilledHeartIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function BrokenHeartIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function HeartSmallIcon(): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export * from './buttons';

package/dist/esm/types/components/layout/Boost.d.ts

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

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

@@ -0,0 +1,7 @@
+import { DetailsToolbarState } from '../../types/components';
+interface DetailsToolbarProps {
+    state?: DetailsToolbarState;
+    errorMessage: string;
+}
+export declare function DetailsToolbar({ state, errorMessage, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/layout/Menu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MenuProps extends React.ComponentProps<'div'> {
+    menuClassName?: string;
+    contentClassName?: string;
+}
+export declare function Menu({ children, menuClassName, contentClassName, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/layout/Modal.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface ModalProps {
+    children: React.ReactNode;
+}
+export declare function Modal({ children }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/layout/NavigationBar.d.ts

@@ -0,0 +1,7 @@
+interface NavigationBarProps {
+    title?: string;
+    displayBackButton?: boolean;
+    logoUrl?: string;
+}
+export declare function NavigationBar({ title, displayBackButton, logoUrl, }: NavigationBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/layout/ProductCard.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface ProductCardProps {
+    children?: React.ReactNode;
+}
+export declare function ProductCard({ children }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { SwapDirection } from '../../types/components';
+interface SwapConfigurationProps {
+    direction: SwapDirection;
+    priceImpactPercentage?: number;
+    amount?: number;
+    swapAmountUsd?: number;
+    balance?: string;
+    isFetching?: boolean;
+    chain?: {
+        iconUrl: string;
+    };
+    token?: {
+        iconUrl: string;
+        symbol: string;
+    };
+}
+export declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/layout/WalletAddress.d.ts

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

package/dist/esm/types/components/lists/DropdownMenuItem.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface DropdownMenuItemProps {
+    label: string;
+    imageUrl?: string;
+    icon?: React.ReactNode;
+}
+export declare function DropdownMenuItem({ label, imageUrl, icon, }: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/lists/HistoryItem.d.ts

@@ -0,0 +1,13 @@
+interface HistoryItemProps {
+    firstImageUrl: string;
+    secondImageUrl: string;
+    isPending?: boolean;
+    fromLabel: string;
+    toLabel: string;
+    pendingLabel?: string;
+    dateCompleted: string;
+    fromAmount: string;
+    toAmount: string;
+}
+export declare function HistoryItem({ firstImageUrl, secondImageUrl, isPending, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, pendingLabel, }: HistoryItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+interface ListItemProps {
+    title: string | React.ReactNode;
+    mainImageUrl?: string;
+    secondaryImageUrl?: string;
+    subtitle?: string;
+    detail?: string;
+    icon?: React.ReactNode;
+    size?: ListItemSize;
+    mainIcon?: React.ReactNode;
+    className?: string;
+}
+type ListItemSize = 'small' | 'large';
+export declare function ListItem({ title, mainImageUrl, subtitle, detail, icon, secondaryImageUrl, size, mainIcon, className, }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/lists/MenuItem.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface MenuItemProps {
+    label: string;
+    imageUrl?: string;
+    icon?: React.ReactNode;
+}
+export declare function MenuItem({ label, imageUrl, icon }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/lists/SectionTitle.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface SectionTitleProps {
+    title: string;
+    icon?: React.ReactNode;
+    accessory?: string | null;
+    actionIcon?: React.ReactNode;
+    className?: string;
+}
+export declare function SectionTitle({ title, icon, accessory, actionIcon, className, }: SectionTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/typography/BodyText.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TextSize } from '../../types/components';
+interface BodyTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children: string | undefined;
+    size: TextSize;
+    bold?: boolean;
+}
+export declare function BodyText({ size, children, bold, ...props }: BodyTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children?: string;
+    bold?: boolean;
+}
+export declare function CaptionText({ children, bold, ...props }: CaptionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/typography/HeadingText.d.ts

@@ -0,0 +1,8 @@
+import { TextSize } from '../../types/components';
+interface HeadingTextProps {
+    children: string;
+    size: TextSize;
+    bold?: boolean;
+}
+export declare function HeadingText({ children, bold, size }: HeadingTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/views/AssetsView.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+interface AssetsViewProps {
+    chains: {
+        name: string;
+        iconUrl: string;
+    }[];
+    favoriteTokens: {
+        symbol: string;
+        name: string;
+        iconUrl: string;
+        chainIconUrl: string;
+    }[];
+    popularTokens: {
+        symbol: string;
+        name: string;
+        iconUrl: string;
+        chainIconUrl: string;
+    }[];
+    userTokens: {
+        symbol: string;
+        name: string;
+        iconUrl: string;
+        chainIconUrl: string;
+        balance: string;
+    }[];
+}
+export declare function AssetsView({ chains, favoriteTokens, popularTokens, userTokens, }: AssetsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AddFavoriteToken: () => import("react/jsx-runtime").JSX.Element;
+export declare const RemoveFavoriteToken: () => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/views/MainView.d.ts

@@ -0,0 +1,5 @@
+export declare function MainView(): import("react/jsx-runtime").JSX.Element;
+export declare const BorderedContainer: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/views/RecipientView.d.ts

@@ -0,0 +1,6 @@
+type WalletViewType = 'paymentMethod' | 'recipientEmpty' | 'recipientTypingEns' | 'recipientTypingAddress';
+interface WalletsViewProps {
+    type: WalletViewType;
+}
+export declare function RecipientView({ type }: WalletsViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/views/SwapProgressView.d.ts

@@ -0,0 +1,5 @@
+type SwapProgressState = 'confirm' | 'progress' | 'completed' | 'error' | 'partialSuccess' | 'confirmationTooLong' | 'confirmationRejected';
+export declare function SwapProgressView({ state }: {
+    state: SwapProgressState;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/views/WalletsView.d.ts

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

package/dist/esm/types/core/themes.d.ts

@@ -0,0 +1,8 @@
+import { ConfigTheme } from '../types/config';
+export type Theme = {
+    name: string;
+    themeImgPath: string;
+    websiteBackgroundColor: string;
+    theme: ConfigTheme;
+};
+export declare const themes: Theme[];

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

@@ -0,0 +1,10 @@
+import { ClassValue } from 'clsx';
+/**
+ * Combines multiple class names into a single string
+ *
+ * @example cn('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]') → 'hover:bg-dark-red p-3 bg-[#B91C1C]'
+ *
+ * @param inputs - The class names to be combined.
+ * @returns The combined class names as a string.
+ */
+export declare const cn: (...inputs: ClassValue[]) => string;

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

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/types/providers/SquidConfigProvider.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ConfigTheme } from '../types/config';
+export declare function useSquidConfig(): ConfigTheme;
+export declare function SquidConfigProvider({ theme, children, }: {
+    theme?: ConfigTheme;
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,40 @@
+import { ConfigTheme } from '../../types/config';
+/**
+ * Converts Hex color to HSL
+ * Because the current daisy theme only accepts HSL css variables
+ * @param hex
+ * @returns HSL string
+ */
+export declare const toHSL: (hex: string) => string;
+export declare const generateForegroundColorFrom: (input: string, percentage?: number) => string;
+export declare const generateFocusColorFrom: (input: string) => string;
+/**
+ * Parsing the user readable config to css variables with HSL values
+ * @param style
+ */
+export declare const getParsedStyle: (style?: ConfigTheme) => {
+    [key: string]: string | undefined;
+} | undefined;
+export declare const isColorDark: (colorHEX: string | undefined) => boolean;
+export declare const getListItemHoverClassName: ({ transparentWidget }: {
+    transparentWidget?: boolean | undefined;
+}) => string;
+export declare function getDominantColor({ imageUrl, sampleSize, }: {
+    imageUrl: string;
+    sampleSize?: number;
+}): Promise<number[]>;
+export declare function getContrastColor({ r, g, b, }: {
+    r: number;
+    g: number;
+    b: number;
+}): "#000" | "#fff";
+/**
+ * Returns a hexadecimal color with opacity based on the given color and opacity percentage.
+ *
+ * @example getHexColorFromOpacityPercentage('#FF0000', 0.5) // '#FF000080'
+ *
+ * @param {string} color - The base color in hexadecimal format.
+ * @param {number} opacity - The opacity percentage (0-1).
+ * @returns {string} The hexadecimal color with opacity.
+ */
+export declare function getHexColorFromOpacityPercentage(color: string, opacity: number): string;

package/dist/esm/types/services/internal/walletService.d.ts

@@ -0,0 +1 @@
+export declare const formatWalletAddress: (walletAddress: string | undefined, trimLength?: number) => string;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { UsdAmount } from '../../components/badges/UsdAmount';
+declare const meta: Meta<typeof UsdAmount>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AddressButton } from '../../components/buttons/AddressButton';
+declare const meta: Meta<typeof AddressButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LabelOnly: Story;
+export declare const WithImage: Story;
+export declare const WithBadge: Story;
+export declare const Loading: Story;

package/dist/esm/types/stories/buttons/ArrowButton.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ArrowButton } from '../../components/buttons/ArrowButton';
+declare const meta: Meta<typeof ArrowButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BoostButton } from '../../components/buttons/BoostButton';
+declare const meta: Meta<typeof BoostButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const Boost: Story;

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

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from '../../components/buttons/Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const MediumPrimary: Story;
+export declare const MediumSecondary: Story;
+export declare const MediumTertiary: Story;
+export declare const MediumDisabled: Story;
+export declare const MediumPrimaryIconOnly: Story;
+export declare const MediumSecondaryIconOnly: Story;
+export declare const MediumTertiaryIconOnly: Story;
+export declare const MediumDisabledIconOnly: Story;
+export declare const MediumPrimaryIconAndLabel: Story;
+export declare const MediumSecondaryIconAndLabel: Story;
+export declare const MediumTertiaryIconAndLabel: Story;
+export declare const MediumDisabledIconAndLabel: Story;
+export declare const LargePrimary: Story;
+export declare const LargeSecondary: Story;
+export declare const LargeTertiary: Story;
+export declare const LargeDisabled: Story;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Chip } from '../../components/buttons/Chip';
+declare const meta: Meta<typeof Chip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Text: Story;
+export declare const Icon: Story;

package/dist/esm/types/stories/buttons/Dropdown.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Dropdown } from '../../components/buttons/Dropdown';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Empty: Story;
+export declare const ChainOnly: Story;
+export declare const ChainAndToken: Story;