@silentswap/ui-kit 0.0.41 → 0.0.43

package/dist/components-v2/popular-tokens-area.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { S_CAIP19_USDC_AVALANCHE } from '../constants';
+import { asset_get } from '../data';
+import { AssetTile } from './assetTile';
+export const PopularTokensArea = ({ onTokenSelect, title = 'Popular Tokens', tokens, className = '' }) => {
+    const defaultTokens = [
+        'eip155:1/slip44:60', // ETH on Ethereum
+        'eip155:1/erc20:0xdAC17F958D2ee523a2206206994597C13D831ec7', // USDT on Ethereum
+        'eip155:1/erc20:0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48', // USDC on Ethereum
+        'eip155:1/erc20:0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2', // WETH on Ethereum
+        'eip155:1/erc20:0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599', // WBTC on Ethereum
+        'eip155:56/slip44:714', // BNB on BSC
+        'eip155:56/erc20:0xbb4CdB9CBd36B01bD1cBaEBF2De08d9173bc095c', // WBNB on BSC
+        'eip155:8453/slip44:60', // ETH on Base
+        'eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913', // USDC on Base
+        'eip155:43114/slip44:9005', // WAVAX on Avalanche
+        S_CAIP19_USDC_AVALANCHE, // USDC on Avalanche
+        'eip155:137/slip44:966', // WMATIC/WPOL on Polygon
+        'eip155:137/erc20:0xc2132D05D31c914a87C6611C10748AEb04B58e8F', // USDT0 on Polygon
+        'eip155:137/erc20:0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359', // USDC on Polygon
+        'eip155:10/slip44:60', // WETH on Optimism
+        'eip155:10/erc20:0x0b2C639c533813f4Aa9D7837CAf62653d097Ff85', // USDC on Optimism
+        'eip155:42161/slip44:60', // WETH on Arbitrum
+        'eip155:42161/erc20:0xaf88d065e77c8cC2239327C5EDb3A432268e5831', // USDC on Arbitrum
+    ];
+    const popularTokens = tokens || defaultTokens;
+    return (_jsxs("div", { className: `${className}`, children: [_jsx("div", { className: "font-orbitron text-lg font-bold text-white mb-3", children: title }), _jsx("div", { className: "flex gap-2 overflow-x-auto pb-2", children: popularTokens.map((caip19) => {
+                    const asset = asset_get(caip19);
+                    if (!asset)
+                        return null;
+                    return (_jsxs("div", { className: "flex flex-col items-center gap-2 bg-dim-med rounded-lg p-2 cursor-pointer hover:bg-dim-light transition-colors min-w-fit", onClick: () => onTokenSelect?.(caip19), role: "button", tabIndex: 0, "aria-label": `Select ${asset.symbol}`, children: [_jsx(AssetTile, { caip19: caip19, size: "small" }), _jsx("div", { className: "text-text-dim text-xs text-center", children: asset.symbol?.toUpperCase() })] }, caip19));
+                }) })] }));
+};

package/dist/components-v2/progress-bar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface ProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Progress value from 0 to 1 (0 = 0%, 1 = 100%) */
+    value: number;
+    /** Height of the progress bar in pixels */
+    height?: number;
+    /** Color of the progress fill */
+    color?: 'green' | 'yellow' | 'purple' | 'orange';
+    /** Whether to show the progress bar (animates height) */
+    show?: boolean;
+}
+/**
+ * Simple progress bar component
+ * Based on SilentSwap Plate.svelte progress styles
+ */
+export declare const ProgressBar: React.FC<ProgressBarProps>;

package/dist/components-v2/progress-bar.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+/**
+ * Simple progress bar component
+ * Based on SilentSwap Plate.svelte progress styles
+ */
+export const ProgressBar = ({ value, height = 6, color = 'green', show = true, className = '', style, ...props }) => {
+    const colorClasses = {
+        green: 'bg-[var(--color-green)]',
+        yellow: 'bg-[var(--color-yellow)]',
+        purple: 'bg-[var(--color-purple)]',
+        orange: 'bg-[var(--color-orange)]',
+    };
+    // Clamp value between 0 and 1
+    const clampedValue = Math.max(0, Math.min(1, value));
+    const containerStyle = {
+        height: show ? `${height}px` : '0px',
+        width: '100%',
+        backgroundColor: 'var(--color-gray-dark)',
+        transition: 'height 500ms linear',
+        overflow: 'hidden',
+        ...style,
+    };
+    const fillStyle = {
+        width: `${clampedValue * 100}%`,
+        height: '100%',
+        transition: 'width 490ms linear',
+    };
+    return (_jsx("div", { className: className, style: containerStyle, role: "progressbar", "aria-valuenow": clampedValue * 100, "aria-valuemin": 0, "aria-valuemax": 100, ...props, children: _jsx("div", { className: colorClasses[color], style: fillStyle }) }));
+};

package/dist/components-v2/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };

package/dist/components-v2/scroll-area.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '../utils';
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn('relative overflow-hidden', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn('flex touch-none select-none transition-colors', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }) })));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };

package/dist/components-v2/separator.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/dist/components-v2/separator.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from '../utils';
+const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn('shrink-0 bg-border', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className), ...props })));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export { Separator };

package/dist/components-v2/sheet.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { type VariantProps } from 'class-variance-authority';
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/components-v2/sheet.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { cn } from '../utils';
+import { CloseIcon } from './icons';
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Overlay, { className: cn('fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props, ref: ref })));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const sheetVariants = cva('fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out', {
+    variants: {
+        side: {
+            top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+            bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+            left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-[400px]',
+            right: 'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-[400px]',
+        },
+    },
+    defaultVariants: {
+        side: 'right',
+    },
+});
+const SheetContent = React.forwardRef(({ side = 'right', className, children, ...props }, ref) => (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { ref: ref, className: cn(sheetVariants({ side }), className), ...props, children: [_jsxs(SheetPrimitive.Close, { className: "cursor-pointer absolute right-5 top-8 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [_jsx(CloseIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }), children] })] })));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+SheetHeader.displayName = 'SheetHeader';
+const SheetFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+SheetFooter.displayName = 'SheetFooter';
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold text-foreground', className), ...props })));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Description, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props })));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/components-v2/skeleton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/components-v2/skeleton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../utils';
+function Skeleton({ className, ...props }) {
+    return _jsx("div", { className: cn('animate-pulse rounded-md', className), ...props });
+}
+export { Skeleton };

package/dist/components-v2/status-card.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+interface StatusCardProps {
+    variant?: 'info' | 'warning' | 'error' | 'success';
+    title?: string;
+    message: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+        loading?: boolean;
+        disabled?: boolean;
+    };
+    className?: string;
+}
+export declare const StatusCard: React.FC<StatusCardProps>;
+interface ErrorCardProps {
+    errors: Array<{
+        type: string;
+        message: string;
+    }>;
+    className?: string;
+}
+export declare const ErrorCard: React.FC<ErrorCardProps>;
+export {};

package/dist/components-v2/status-card.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { Card } from './card';
+import { Button } from './button';
+import { AlertCircle, Loader2 } from 'lucide-react';
+import { cn } from '../utils';
+export const StatusCard = ({ variant = 'info', title, message, action, className }) => {
+    const variantStyles = {
+        info: 'border-border-bright/20 bg-dim-med',
+        warning: 'border-yellow/50 bg-yellow/10',
+        error: 'border-red-500/50 bg-red-500/10',
+        success: 'border-green-500/50 bg-green-500/10',
+    };
+    const textStyles = {
+        info: 'text-text-dim',
+        warning: 'text-yellow',
+        error: 'text-red-500',
+        success: 'text-green-500',
+    };
+    return (_jsxs(Card, { className: cn('text-center p-4 mb-4', variantStyles[variant], className), children: [title && (_jsxs("div", { className: cn('mb-2 text-sm font-medium', textStyles[variant]), children: [variant === 'error' && (_jsx(AlertCircle, { className: "w-4 h-4 inline mr-1" })), title] })), _jsx("p", { className: cn('text-sm', textStyles[variant]), children: message }), action && (_jsxs(Button, { variant: variant === 'error' ? 'destructive' : 'default', onClick: action.onClick, disabled: action.disabled || action.loading, className: "mt-4", children: [action.loading && (_jsx(_Fragment, { children: _jsx(Loader2, { className: "w-4 h-4 mr-2 animate-spin" }) })), action.label] }))] }));
+};
+export const ErrorCard = ({ errors, className }) => {
+    if (errors.length === 0)
+        return null;
+    return (_jsx(Card, { className: cn('border-red-500 bg-red-500/10 p-4 mb-4', className), children: errors.map((error, index) => (_jsxs("div", { className: "mb-2 last:mb-0 text-sm text-red-500", children: [_jsxs("strong", { children: [error.type, ":"] }), " ", error.message] }, index))) }));
+};

package/dist/components-v2/textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/components-v2/textarea.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../utils';
+const Textarea = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("textarea", { className: cn('flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref, ...props }));
+});
+Textarea.displayName = 'Textarea';
+export { Textarea };

package/dist/components-v2/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare const TooltipProvider: any;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components-v2/tooltip.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '../utils';
+const TooltipProvider = TooltipPrimtive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props }) })));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components-v2/warning.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface WarningProps extends HTMLAttributes<HTMLDivElement> {
+    /** Warning content */
+    children: ReactNode;
+    /** Variant of the warning */
+    variant?: 'warning' | 'error' | 'info' | 'success';
+    /** Whether to show a dot indicator */
+    showDot?: boolean;
+}
+/**
+ * Simple warning/notice component
+ * Based on SilentSwap Plate.svelte input-notice styles
+ */
+export declare const Warning: React.FC<WarningProps>;

package/dist/components-v2/warning.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+/**
+ * Simple warning/notice component
+ * Based on SilentSwap Plate.svelte input-notice styles
+ */
+export const Warning = ({ children, variant = 'warning', showDot = true, className = '', ...props }) => {
+    const baseClasses = 'text-xs bg-black/80 rounded px-2 py-1 flex items-center gap-1';
+    const variantClasses = {
+        warning: 'text-[#FED703]',
+        error: 'text-red-500',
+        info: 'text-blue-400',
+        success: 'text-[var(--color-green)]',
+    };
+    const dotColor = {
+        warning: '#FED703',
+        error: '#ef4444',
+        info: '#60a5fa',
+        success: 'var(--color-green)',
+    };
+    const classes = `${baseClasses} ${variantClasses[variant]} ${className}`.trim();
+    return (_jsxs("div", { className: classes, ...props, children: [showDot && (_jsx("span", { className: "inline-block w-[5px] h-[6px] rounded-full", style: { backgroundColor: dotColor[variant] } })), _jsx("span", { children: children })] }));
+};

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/hooks/use-mobile.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener('change', onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener('change', onChange);
+    }, []);
+    return !!isMobile;
+}

package/dist/index.d.ts

@@ -1,17 +1,17 @@
-export { Button } from './components/Button';
-export { Input } from './components/Input';
-export { Select } from './components/Select';
-export { Card } from './components/Card';
-export { Warning } from './components/Warning';
-export { ProgressBar } from './components/ProgressBar';
-export { AssetTile } from './components/AssetTile';
-export { PopularTokensArea } from './components/PopularTokensArea';
+export { Button } from './components-v2/button';
+export { Input } from './components-v2/input';
+export { Select } from './components-v2/select';
+export { Card } from './components-v2/card';
+export { Warning } from './components-v2/warning';
+export { ProgressBar } from './components-v2/progress-bar';
+export { AssetTile } from './components-v2/assetTile';
+export { PopularTokensArea } from './components-v2/popular-tokens-area';
 export type { Asset, ContactId } from './types';
-export type { ButtonProps } from './components/Button';
-export type { InputProps } from './components/Input';
-export type { SelectProps, SelectOption } from './components/Select';
-export type { CardProps } from './components/Card';
-export type { WarningProps } from './components/Warning';
-export type { ProgressBarProps } from './components/ProgressBar';
+export type { ButtonProps } from './components-v2/button';
+export type { InputProps } from './components-v2/input';
+export type { SelectProps, SelectOption } from './components-v2/select';
+export type { CardProps } from './components-v2/card';
+export type { WarningProps } from './components-v2/warning';
+export type { ProgressBarProps } from './components-v2/progress-bar';
 export { S_CAIP19_USDC_AVALANCHE, X_MINIMUM_INPUT_USD } from './constants';
 export { loadAssets } from './data';

package/dist/index.js

@@ -1,12 +1,12 @@
 // Components
-export { Button } from './components/Button';
-export { Input } from './components/Input';
-export { Select } from './components/Select';
-export { Card } from './components/Card';
-export { Warning } from './components/Warning';
-export { ProgressBar } from './components/ProgressBar';
-export { AssetTile } from './components/AssetTile';
-export { PopularTokensArea } from './components/PopularTokensArea';
+export { Button } from './components-v2/button';
+export { Input } from './components-v2/input';
+export { Select } from './components-v2/select';
+export { Card } from './components-v2/card';
+export { Warning } from './components-v2/warning';
+export { ProgressBar } from './components-v2/progress-bar';
+export { AssetTile } from './components-v2/assetTile';
+export { PopularTokensArea } from './components-v2/popular-tokens-area';
 // Constants
 export { S_CAIP19_USDC_AVALANCHE, X_MINIMUM_INPUT_USD } from './constants';
 // Data utilities

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}