@0xsquid/ui 0.2.0-beta.0 → 0.3.0

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

@@ -0,0 +1,2 @@
+export * from './BadgeImage';
+export * from './UsdAmount';

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

@@ -2,6 +2,9 @@ interface DropdownProps {
     tokenImageUrl?: string;
     chainImageUrl?: string;
     tokenSymbol?: string;
+    chainBgColor?: string;
+    tokenBgColor?: string;
+    tokenTextColor?: string;
 }
-export declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, chainBgColor, tokenBgColor, tokenTextColor, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,3 @@
+export * from './Input';
+export * from './Switch';
+export * from './Tooltip';

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

@@ -1 +1,6 @@
+export * from './badges';
 export * from './buttons';
+export * from './controls';
+export * from './layout';
+export * from './lists';
+export * from './typography';

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

@@ -8,10 +8,13 @@ interface SwapConfigurationProps {
     isFetching?: boolean;
     chain?: {
         iconUrl: string;
+        bgColor: string;
     };
     token?: {
         iconUrl: string;
         symbol: string;
+        bgColor: string;
+        textColor: string;
     };
 }
 export declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+export * from './Boost';
+export * from './DetailsToolbar';
+export * from './Menu';
+export * from './Modal';
+export * from './NavigationBar';
+export * from './ProductCard';
+export * from './SwapConfiguration';
+export * from './WalletAddress';

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

@@ -0,0 +1,5 @@
+export * from './DropdownMenuItem';
+export * from './HistoryItem';
+export * from './ListItem';
+export * from './MenuItem';
+export * from './SectionTitle';

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

@@ -0,0 +1,3 @@
+export * from './BodyText';
+export * from './CaptionText';
+export * from './HeadingText';

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

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

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

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

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

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

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

@@ -37,6 +37,7 @@ export interface ConfigTheme {
     'accent-salmon': string;
     'accent-gold': string;
 }
+export declare const SQUID_THEME_CSS_VARIABLE_PREFIX = "--squid-theme-";
 /**
  * Mapping between readable variables name and css variables used TailwindCSS config
  */

package/dist/index.css

@@ -2009,9 +2009,9 @@ video {
   cursor: not-allowed;
 }
 
-.dropdown-mask {
-  -webkit-mask-image: url('/public/assets/images/dropdown-mask.png');
-          mask-image: url('/public/assets/images/dropdown-mask.png');
+.tw-token-chain-mask {
+  -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaIAAABQBAMAAACpCGz6AAAAAXNSR0IArs4c6QAAABtQTFRFR3BM////////////////////////////////Fv0dDgAAAAh0Uk5TABtReZjD3+88JgQSAAACUklEQVR42u3cQWsaURQF4PNGY7eP2ibbCYY2yyQbszSFQJYtFHSpXYRZthXBddXx/Nz+gxQay4Wpkzuzybtc5ttfOIc3iIz3iYowun8kV19vIhSVmTT0oBcFD3afIoQyk1L5UtBsSoptDqHMJKEHHa4r7c8hlJmEJKgerrwyXEgPmh0JV+YQNTOJ6EHDjEfsIkTNTBp60DGPWkIoM2n9RMU71phAKDNpTZo+P7to8ZnTg56y1gKiMpOMHjQUrFVGiMpMKnrQU6W7sSPSg4ZC6W7siPSgJ0p320ckvuCfB6276SMSWxz0qFjYPiJxhWdn+gNq+ojEDzybUbMwfURih78yqspo+ohEDgAYULcwdER6zlvqymj5iMSmebwNID7Sqn0EkDX/YDzo0yKJOWj7FSPMaNd3AJdsZhMPhcY07Jd8BdJ9i/YLcQsENra9iWE4pWn7iIy+5OjTlwlO6Ms8G8KX8yzCl9A16holaARnAtb0pQS96Rp1jV4fCvqyd9dol/2GM+4aPXWNukav7gkD+jL39+bE4dutsGZTq+sYRjPaFoHGEZcRAMIHWrYFcNmqEBBurb/Jf9N2NSoUtGsOoNd6fa1Hu3IAYd16xXBMq8ro8pdlnDn69X/ub0PD3RaNv00nd9touduNQbx3stX52d/mrbvtaH8b7O5uGTi9CaLvzN2hVp+W3Hm7UbX0e+tNZAX/s9duJhYGbyaKXsGK/TUUMpOAHvRt0byQzBgsJLIHUqxyKGQmET1ouJjVXEBXZpLRg4bR/ZR8bPtvBlOmcDToHwH+7Tk7/P1uAAAAAElFTkSuQmCC');
+          mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaIAAABQBAMAAACpCGz6AAAAAXNSR0IArs4c6QAAABtQTFRFR3BM////////////////////////////////Fv0dDgAAAAh0Uk5TABtReZjD3+88JgQSAAACUklEQVR42u3cQWsaURQF4PNGY7eP2ibbCYY2yyQbszSFQJYtFHSpXYRZthXBddXx/Nz+gxQay4Wpkzuzybtc5ttfOIc3iIz3iYowun8kV19vIhSVmTT0oBcFD3afIoQyk1L5UtBsSoptDqHMJKEHHa4r7c8hlJmEJKgerrwyXEgPmh0JV+YQNTOJ6EHDjEfsIkTNTBp60DGPWkIoM2n9RMU71phAKDNpTZo+P7to8ZnTg56y1gKiMpOMHjQUrFVGiMpMKnrQU6W7sSPSg4ZC6W7siPSgJ0p320ckvuCfB6276SMSWxz0qFjYPiJxhWdn+gNq+ojEDzybUbMwfURih78yqspo+ohEDgAYULcwdER6zlvqymj5iMSmebwNID7Sqn0EkDX/YDzo0yKJOWj7FSPMaNd3AJdsZhMPhcY07Jd8BdJ9i/YLcQsENra9iWE4pWn7iIy+5OjTlwlO6Ms8G8KX8yzCl9A16holaARnAtb0pQS96Rp1jV4fCvqyd9dol/2GM+4aPXWNukav7gkD+jL39+bE4dutsGZTq+sYRjPaFoHGEZcRAMIHWrYFcNmqEBBurb/Jf9N2NSoUtGsOoNd6fa1Hu3IAYd16xXBMq8ro8pdlnDn69X/ub0PD3RaNv00nd9touduNQbx3stX52d/mrbvtaH8b7O5uGTi9CaLvzN2hVp+W3Hm7UbX0e+tNZAX/s9duJhYGbyaKXsGK/TUUMpOAHvRt0byQzBgsJLIHUqxyKGQmET1ouJjVXEBXZpLRg4bR/ZR8bPtvBlOmcDToHwH+7Tk7/P1uAAAAAElFTkSuQmCC');
   -webkit-mask-size: 100% 100%;
           mask-size: 100% 100%;
   aspect-ratio: 209/40;
@@ -2021,9 +2021,9 @@ video {
           mask-position: center;
 }
 
-.token-swap-mask {
-  -webkit-mask-image: url('/public/assets/images/token-swap-mask.png');
-          mask-image: url('/public/assets/images/token-swap-mask.png');
+.tw-token-pair-mask {
+  -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMcAAABZCAMAAAC9t8DHAAAALVBMVEVHcEzi4+Tp6uvv8PHx8vPy8/T19fb29vb3+Pj5+fr6+/v7+/v9/f3+/v7///+I7qq0AAAADnRSTlMADx8wQ1VqhJ+3yt7u+X/ouusAAANMSURBVHja3duLbt0wCAZg8BUw8P6Pu3bSuqpZ1jgOR6q/B/Avgp2rA1dgLrV1YmbqrZaMECA4LZVGPNTM3c3dzHQwtZJgynya+ZuH0lIlUX9j/oUKnQy+nnZkQvV+WulifspMen5yNsWkYWX17wwqCE/ASiFp2Fj9CuUC6+rltAozCptfZEoZ1mTSa1HuPpOWuvqM0RDuwz5i0oqYT+IMdxWeTTMul1aG+jQbFW7BNnzeaPAdJPM7tCPMwx6Ultj8HiOEo6g0pwT/kdlvs5OhY9KcE5zK4h4w9KvTEru/rpAsQWnIvmpiaiVZT8OJM1VQRxL7MusAR818nXG6Wob5MmtwUNQPwk6/iU3N141yNl3XEV7qhrl7wDwmfwzhwtpYXCJF/TmUFspYmlnIfhB1Zc/s5kHdb+aPkgxnivijtMIHFH+WSYF/q8MfxjjbjvWnNuzqT7N2aEf0Islk7h7WkGoeQSrCZ1jFI2j5OFnFUCr4qQo2j0HwWx4eRbmX/K52MY8yErxrHkl1DFXzQFZDptXr0eGWJFTsxGr+41kBQPKfrwMk2aAfDJCG/3yCUNR/vpGhmW+x0PsWdVTovgFrQL4B68C+gw7Dd0CgvgPapB/7rA/yHbRNrh91l/uSPerQssv97h7PH4yAvMVlEGCT53NoOyzzPd5fSQIAlC2WB0D3SKZv7AXvdyFrXIJQLTnn0miEv29HDquiJfgjNTGPQYfPg6GfCFPXyO9RQa9GjTJ8VcUjvw9C8wkrOyETWcj32rCGnO6DbRpw8fjQ/WX7GeoIaEdQQyTDuTIiVkfEKYtT1AbLI63wGVJIGfGFEEZ1mxN8J0vcDG4WUEZ0IVrhK6TXlPHoHooOR0kC+hx71uIUM7Qdyggt5CytjoCBT5W4tKoBA0cVMgqcqiOgjJgtl1KCjhEnmJUl7KBlWd+OGP9HjnGGE2uPCNoQ7kDSqJ/KsI2FyTrtTlqFE2vbU7UnOBGRRpfTsMnc75VLsIpNpFWYkPrwS0wqwqrUhl1Ma7NpqV8Y27ghPCF1uZSWYF767h/0QWe9CEnj22lYupwMboNbhqfEp2FuJEPN/zIV7jUhzJtPM9PBvWaEdZhq68RDVQf33spEDUtpcj3tF5fuzGpqosw0AAAAAElFTkSuQmCC');
+          mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMcAAABZCAMAAAC9t8DHAAAALVBMVEVHcEzi4+Tp6uvv8PHx8vPy8/T19fb29vb3+Pj5+fr6+/v7+/v9/f3+/v7///+I7qq0AAAADnRSTlMADx8wQ1VqhJ+3yt7u+X/ouusAAANMSURBVHja3duLbt0wCAZg8BUw8P6Pu3bSuqpZ1jgOR6q/B/Avgp2rA1dgLrV1YmbqrZaMECA4LZVGPNTM3c3dzHQwtZJgynya+ZuH0lIlUX9j/oUKnQy+nnZkQvV+WulifspMen5yNsWkYWX17wwqCE/ASiFp2Fj9CuUC6+rltAozCptfZEoZ1mTSa1HuPpOWuvqM0RDuwz5i0oqYT+IMdxWeTTMul1aG+jQbFW7BNnzeaPAdJPM7tCPMwx6Ultj8HiOEo6g0pwT/kdlvs5OhY9KcE5zK4h4w9KvTEru/rpAsQWnIvmpiaiVZT8OJM1VQRxL7MusAR818nXG6Wob5MmtwUNQPwk6/iU3N141yNl3XEV7qhrl7wDwmfwzhwtpYXCJF/TmUFspYmlnIfhB1Zc/s5kHdb+aPkgxnivijtMIHFH+WSYF/q8MfxjjbjvWnNuzqT7N2aEf0Islk7h7WkGoeQSrCZ1jFI2j5OFnFUCr4qQo2j0HwWx4eRbmX/K52MY8yErxrHkl1DFXzQFZDptXr0eGWJFTsxGr+41kBQPKfrwMk2aAfDJCG/3yCUNR/vpGhmW+x0PsWdVTovgFrQL4B68C+gw7Dd0CgvgPapB/7rA/yHbRNrh91l/uSPerQssv97h7PH4yAvMVlEGCT53NoOyzzPd5fSQIAlC2WB0D3SKZv7AXvdyFrXIJQLTnn0miEv29HDquiJfgjNTGPQYfPg6GfCFPXyO9RQa9GjTJ8VcUjvw9C8wkrOyETWcj32rCGnO6DbRpw8fjQ/WX7GeoIaEdQQyTDuTIiVkfEKYtT1AbLI63wGVJIGfGFEEZ1mxN8J0vcDG4WUEZ0IVrhK6TXlPHoHooOR0kC+hx71uIUM7Qdyggt5CytjoCBT5W4tKoBA0cVMgqcqiOgjJgtl1KCjhEnmJUl7KBlWd+OGP9HjnGGE2uPCNoQ7kDSqJ/KsI2FyTrtTlqFE2vbU7UnOBGRRpfTsMnc75VLsIpNpFWYkPrwS0wqwqrUhl1Ma7NpqV8Y27ghPCF1uZSWYF767h/0QWe9CEnj22lYupwMboNbhqfEp2FuJEPN/zIV7jUhzJtPM9PBvWaEdZhq68RDVQf33spEDUtpcj3tF5fuzGpqosw0AAAAAElFTkSuQmCC');
   -webkit-mask-size: 100% 100%;
           mask-size: 100% 100%;
   aspect-ratio: 747/334;

package/dist/index.d.ts

@@ -1,5 +1,21 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1 from 'react';
+
+interface BadgeImageProps {
+    imageUrl?: string;
+    badgeUrl?: string;
+    size?: BadgeSize;
+    extraMarginForBadge?: boolean;
+    rounded?: boolean;
+}
+type BadgeSize = 'sm' | 'md';
+declare function BadgeImage({ imageUrl, badgeUrl, size, extraMarginForBadge, rounded, }: BadgeImageProps): react_jsx_runtime.JSX.Element | null;
+
+interface UsdAmountProps {
+    usdAmount: number;
+}
+declare function UsdAmount({ usdAmount }: UsdAmountProps): react_jsx_runtime.JSX.Element;
 
 interface AddressButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     label: string;
@@ -15,9 +31,18 @@ interface ArrowButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
 }
 declare function ArrowButton({ label, disabled, ...props }: ArrowButtonProps): react_jsx_runtime.JSX.Element;
 
+type TextSize = 'small' | 'medium' | 'large';
+type SwitchSize = 'small' | 'large';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 type ButtonSize = 'md' | 'lg';
+type SwapDirection = 'from' | 'to';
 type BoostMode = 'normal' | 'boost';
+declare enum DetailsToolbarState {
+    FULL = 0,
+    LOADING = 1,
+    EMPTY = 2,
+    ERROR = 3
+}
 
 interface BoostButtonProps {
     boostMode?: BoostMode;
@@ -46,9 +71,206 @@ interface DropdownProps {
     tokenImageUrl?: string;
     chainImageUrl?: string;
     tokenSymbol?: string;
+    chainBgColor?: string;
+    tokenBgColor?: string;
+    tokenTextColor?: string;
 }
-declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, }: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, chainBgColor, tokenBgColor, tokenTextColor, }: DropdownProps): react_jsx_runtime.JSX.Element;
 
 declare function FeeButton(): react_jsx_runtime.JSX.Element;
 
-export { AddressButton, ArrowButton, BoostButton, Button, Chip, Dropdown, FeeButton };
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+    showIcon?: boolean;
+    showPasteButton?: boolean;
+    icon?: React.ReactNode;
+}
+declare function Input({ placeholder, showIcon, showPasteButton, className, icon, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+interface SwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    size: SwitchSize;
+}
+declare function Switch({ checked, onChange, size }: SwitchProps): react_jsx_runtime.JSX.Element;
+
+type TooltipWidth = 'max' | 'container';
+type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+interface TooltipProps {
+    children: React$1.ReactNode;
+    tooltipContent: React$1.ReactNode;
+    threshold?: TooltipThreshold;
+    tooltipWidth?: TooltipWidth;
+    className?: string;
+}
+declare function Tooltip({ children, tooltipContent, tooltipWidth, threshold, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+declare function Boost(): react_jsx_runtime.JSX.Element;
+
+interface DetailsToolbarProps {
+    state?: DetailsToolbarState;
+    errorMessage: string;
+}
+declare function DetailsToolbar({ state, errorMessage, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
+
+interface MenuProps extends React$1.ComponentProps<'div'> {
+    menuClassName?: string;
+    contentClassName?: string;
+}
+declare function Menu({ children, menuClassName, contentClassName, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    children: React.ReactNode;
+}
+declare function Modal({ children }: ModalProps): react_jsx_runtime.JSX.Element;
+
+interface NavigationBarProps {
+    title?: string;
+    displayBackButton?: boolean;
+    logoUrl?: string;
+}
+declare function NavigationBar({ title, displayBackButton, logoUrl, }: NavigationBarProps): react_jsx_runtime.JSX.Element;
+
+interface ProductCardProps {
+    children?: React.ReactNode;
+}
+declare function ProductCard({ children }: ProductCardProps): react_jsx_runtime.JSX.Element;
+
+interface SwapConfigurationProps {
+    direction: SwapDirection;
+    priceImpactPercentage?: number;
+    amount?: number;
+    swapAmountUsd?: number;
+    balance?: string;
+    isFetching?: boolean;
+    chain?: {
+        iconUrl: string;
+        bgColor: string;
+    };
+    token?: {
+        iconUrl: string;
+        symbol: string;
+        bgColor: string;
+        textColor: string;
+    };
+}
+declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
+
+interface WalletAddressProps {
+    ens?: string;
+    address?: string;
+}
+declare function WalletAddress({ address, ens }: WalletAddressProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownMenuItemProps {
+    label: string;
+    imageUrl?: string;
+    icon?: React.ReactNode;
+}
+declare function DropdownMenuItem({ label, imageUrl, icon, }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+
+interface HistoryItemProps {
+    firstImageUrl: string;
+    secondImageUrl: string;
+    isPending?: boolean;
+    fromLabel: string;
+    toLabel: string;
+    pendingLabel?: string;
+    dateCompleted: string;
+    fromAmount: string;
+    toAmount: string;
+}
+declare function HistoryItem({ firstImageUrl, secondImageUrl, isPending, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, pendingLabel, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
+
+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';
+declare function ListItem({ title, mainImageUrl, subtitle, detail, icon, secondaryImageUrl, size, mainIcon, className, }: ListItemProps): react_jsx_runtime.JSX.Element;
+
+interface MenuItemProps {
+    label: string;
+    imageUrl?: string;
+    icon?: React.ReactNode;
+}
+declare function MenuItem({ label, imageUrl, icon }: MenuItemProps): react_jsx_runtime.JSX.Element;
+
+interface SectionTitleProps {
+    title: string;
+    icon?: React.ReactNode;
+    accessory?: string | null;
+    actionIcon?: React.ReactNode;
+    className?: string;
+}
+declare function SectionTitle({ title, icon, accessory, actionIcon, className, }: SectionTitleProps): react_jsx_runtime.JSX.Element;
+
+interface BodyTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children: string | undefined;
+    size: TextSize;
+    bold?: boolean;
+}
+declare function BodyText({ size, children, bold, ...props }: BodyTextProps): react_jsx_runtime.JSX.Element;
+
+interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children?: string;
+    bold?: boolean;
+}
+declare function CaptionText({ children, bold, ...props }: CaptionProps): react_jsx_runtime.JSX.Element;
+
+interface HeadingTextProps {
+    children: string;
+    size: TextSize;
+    bold?: boolean;
+}
+declare function HeadingText({ children, bold, size }: HeadingTextProps): react_jsx_runtime.JSX.Element;
+
+interface ConfigTheme {
+    'grey-100': string;
+    'grey-200': string;
+    'grey-300': string;
+    'grey-400': string;
+    'grey-500': string;
+    'grey-600': string;
+    'grey-700': string;
+    'grey-800': string;
+    'grey-900': string;
+    'royal-100': string;
+    'royal-200': string;
+    'royal-300': string;
+    'royal-400': string;
+    'royal-500': string;
+    'royal-600': string;
+    'royal-700': string;
+    'royal-800': string;
+    'status-positive': string;
+    'status-negative': string;
+    'material-light-thin': string;
+    'material-light-average': string;
+    'material-light-thick': string;
+    'material-dark-thin': string;
+    'material-dark-average': string;
+    'material-dark-thick': string;
+    'volt-300': string;
+    'volt-400': string;
+    'volt-600': string;
+    'volt-700': string;
+    'volt-800': string;
+    'volt-900': string;
+    'accent-salmon': string;
+    'accent-gold': string;
+}
+
+declare function SquidConfigProvider({ theme, children, }: {
+    theme?: ConfigTheme;
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { AddressButton, ArrowButton, BadgeImage, BodyText, Boost, BoostButton, Button, CaptionText, Chip, DetailsToolbar, Dropdown, DropdownMenuItem, FeeButton, HeadingText, HistoryItem, Input, ListItem, Menu, MenuItem, Modal, NavigationBar, ProductCard, SectionTitle, SquidConfigProvider, SwapConfiguration, Switch, Tooltip, type TooltipThreshold, type TooltipWidth, UsdAmount, WalletAddress };

package/package.json

@@ -2,10 +2,10 @@
   "name": "@0xsquid/ui",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/0xsquid/api-widget.git"
+    "url": "git+https://github.com/0xsquid/squid-ui.git"
   },
   "description": "Squid's UI components",
-  "version": "0.2.0-beta.0",
+  "version": "0.3.0",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -25,8 +25,6 @@
   "dependencies": {
     "clsx": "2.1.0",
     "color": "4.2.3",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
     "tailwind-merge": "2.3.0"
   },
   "main": "dist/cjs/index.js",
@@ -70,9 +68,10 @@
     "postcss": "8.4.36",
     "prettier": "3.2.5",
     "prettier-plugin-tailwindcss": "0.5.12",
-    "release-it": "16.3.0",
+    "release-it": "17.2.1",
     "rollup": "^4.17.2",
     "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "storybook": "^8.0.1",
     "tailwindcss": "3.4.1",
     "ts-loader": "9.5.1",
@@ -100,5 +99,9 @@
     "npm": {
       "publish": false
     }
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   }
 }