@0xsquid/ui 0.3.0 → 1.0.0

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

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

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

@@ -1,6 +1 @@
-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,13 +8,10 @@ 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/index.d.ts

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

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

@@ -1,5 +1,6 @@
 /// <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/types/config.d.ts

@@ -37,7 +37,6 @@ 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;
 }
 
-.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');
+.dropdown-mask {
+  -webkit-mask-image: url('/public/assets/images/dropdown-mask.png');
+          mask-image: url('/public/assets/images/dropdown-mask.png');
   -webkit-mask-size: 100% 100%;
           mask-size: 100% 100%;
   aspect-ratio: 209/40;
@@ -2021,9 +2021,9 @@ video {
           mask-position: center;
 }
 
-.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');
+.token-swap-mask {
+  -webkit-mask-image: url('/public/assets/images/token-swap-mask.png');
+          mask-image: url('/public/assets/images/token-swap-mask.png');
   -webkit-mask-size: 100% 100%;
           mask-size: 100% 100%;
   aspect-ratio: 747/334;

package/dist/index.d.ts

@@ -1,21 +1,5 @@
 /// <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;
@@ -31,18 +15,9 @@ 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;
@@ -71,206 +46,9 @@ interface DropdownProps {
     tokenImageUrl?: string;
     chainImageUrl?: string;
     tokenSymbol?: string;
-    chainBgColor?: string;
-    tokenBgColor?: string;
-    tokenTextColor?: string;
 }
-declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, chainBgColor, tokenBgColor, tokenTextColor, }: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, }: DropdownProps): react_jsx_runtime.JSX.Element;
 
 declare function FeeButton(): react_jsx_runtime.JSX.Element;
 
-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 };
+export { AddressButton, ArrowButton, BoostButton, Button, Chip, Dropdown, FeeButton };

package/package.json

@@ -2,10 +2,10 @@
   "name": "@0xsquid/ui",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/0xsquid/squid-ui.git"
+    "url": "git+https://github.com/0xsquid/api-widget.git"
   },
   "description": "Squid's UI components",
-  "version": "0.3.0",
+  "version": "1.0.0",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -25,6 +25,8 @@
   "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",
@@ -68,10 +70,9 @@
     "postcss": "8.4.36",
     "prettier": "3.2.5",
     "prettier-plugin-tailwindcss": "0.5.12",
-    "release-it": "17.2.1",
+    "release-it": "16.3.0",
     "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",
@@ -99,9 +100,5 @@
     "npm": {
       "publish": false
     }
-  },
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
   }
 }

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

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

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

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

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

@@ -1,8 +0,0 @@
-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/cjs/types/components/lists/index.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-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

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

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

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

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

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