@liberfi.io/ui 0.1.8 → 0.1.10

package/dist/index.d.mts

@@ -1,15 +1,24 @@
 import * as _heroui_react from '@heroui/react';
-import { BadgeProps, ButtonProps, InputProps, NumberInputProps, ModalProps, PopoverProps, TableProps, TabsProps, TooltipProps } from '@heroui/react';
+import { BadgeProps, ButtonProps, InputProps, NumberInputProps, TextAreaProps, ModalProps, PopoverProps, TableProps, TabsProps, TooltipProps } from '@heroui/react';
 export { Accordion, AccordionItem, AccordionItemIndicatorProps, AccordionItemProps, AccordionProps, Alert, AlertProps, Autocomplete, AutocompleteItem, AutocompleteItemProps, AutocompleteProps, AutocompleteSection, AutocompleteSectionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarProps, Card, CardBody, CardFooter, CardFooterProps, CardHeader, CardProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, Chip, ChipProps, CircularProgress, CircularProgressProps, Code, CodeProps, DateInput, DateInputProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, Divider, DividerProps, Drawer, DrawerBody, DrawerBodyProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownItem, DropdownItemProps, DropdownMenu, DropdownMenuProps, DropdownProps, DropdownSection, DropdownSectionProps, DropdownTrigger, DropdownTriggerProps, Image, ImageProps, Input, InputOtp, InputOtpProps, InputProps, Kbd, KbdProps, Link, LinkProps, Listbox, ListboxItem, ListboxItemProps, ListboxProps, ListboxSection, ListboxSectionProps, Modal, ModalBody, ModalBodyProps, ModalContent, ModalContentProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, Navbar, NavbarBrand, NavbarBrandProps, NavbarContent, NavbarContentProps, NavbarItem, NavbarItemProps, NavbarMenu, NavbarMenuItem, NavbarMenuItemProps, NavbarMenuProps, NavbarMenuToggle, NavbarMenuToggleProps, NavbarProps, NumberInput, NumberInputProps, Pagination, PaginationCursor, PaginationCursorProps, PaginationItem, PaginationItemProps, PaginationProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RangeCalendar, RangeCalendarProps, ScrollShadow, ScrollShadowProps, Select, SelectItem, SelectItemProps, SelectProps, SelectSection, SelectSectionProps, Skeleton, SkeletonProps, Slider, SliderProps, Snippet, SnippetProps, Spacer, SpacerProps, Spinner, SpinnerProps, Switch, SwitchProps, Tab, TabItemProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableColumn, TableColumnProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAreaProps, Textarea, TimeInput, TimeInputProps, Tooltip, TooltipProps, UseDisclosureProps, useDisclosure } from '@heroui/react';
 import * as react from 'react';
-import { ComponentType, PropsWithChildren, SVGProps } from 'react';
+import { ComponentType, PropsWithChildren, ReactNode, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToasterProps } from 'react-hot-toast';
 export { ToastOptions, Toaster, ToasterProps, toast } from 'react-hot-toast';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+export * from 'react-hook-form';
+import * as react_dropzone from 'react-dropzone';
+import { DropzoneOptions } from 'react-dropzone';
+export * from 'react-dropzone';
+import { PinataSDK } from 'pinata';
+export * from 'pinata';
 export { clsx } from 'clsx';
 export * from 'jotai';
 export * from 'jotai/utils';
-export * from 'react-hook-form';
+export * from 'react-window';
+export * from 'react-window-infinite-loader';
+export * from 'react-virtualized-auto-sizer';
 export { z } from 'zod';
 export { zodResolver } from '@hookform/resolvers/zod';
 
@@ -312,6 +321,7 @@ declare const StyledDivider: react.ForwardRefExoticComponent<Omit<{
 
 declare const StyledInput: ComponentType<InputProps>;
 declare const StyledNumberInput: ComponentType<NumberInputProps>;
+declare const StyledTextArea: ComponentType<TextAreaProps>;
 
 declare const StyledModal: ComponentType<ModalProps & {
     variant?: "default";
@@ -339,6 +349,79 @@ declare const StyledTooltip: ComponentType<TooltipProps & {
     layout?: "xs" | "sm" | "md" | "lg";
 }>;
 
+type RHFormProps<T extends FieldValues = any> = PropsWithChildren<{
+    methods: UseFormReturn<T>;
+    onSubmit?: (data: T) => Promise<void>;
+    className?: string;
+}>;
+declare function RHForm<T extends FieldValues = any>({ methods, onSubmit, className, children, }: RHFormProps<T>): react_jsx_runtime.JSX.Element;
+
+type RHInputProps = InputProps & {
+    name: string;
+};
+declare function RHInput({ name, label, ...props }: RHInputProps): react_jsx_runtime.JSX.Element;
+
+type RHNumberInputProps = NumberInputProps & {
+    name: string;
+};
+declare function RHNumberInput({ name, label, ...props }: RHNumberInputProps): react_jsx_runtime.JSX.Element;
+
+type RHTextAreaProps = TextAreaProps & {
+    name: string;
+};
+declare function RHTextArea({ name, label, ...props }: RHTextAreaProps): react_jsx_runtime.JSX.Element;
+
+type RHUploadProps = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    hint?: string;
+    icon?: ReactNode;
+    upload?: (file: File) => Promise<string>;
+    accept?: DropzoneOptions["accept"];
+    maxSize?: number;
+    maxFiles?: number;
+    radius?: "sm" | "md" | "lg" | "none" | "full";
+    className?: string;
+    classNames?: {
+        wrapper?: string;
+        label?: string;
+        upload?: string;
+        icon?: string;
+        image?: string;
+        placeholder?: string;
+        uploadButton?: string;
+        hint?: string;
+        error?: string;
+    };
+};
+declare function RHUpload({ name, label, placeholder, hint, icon, upload, accept, maxSize, // 10MB
+maxFiles, radius, className, classNames, }: RHUploadProps): react_jsx_runtime.JSX.Element;
+
+declare const PinataContext: react.Context<PinataSDK>;
+declare function PinataProvider({ client, children, }: PropsWithChildren<{
+    client: PinataSDK;
+}>): react_jsx_runtime.JSX.Element;
+declare function usePinata(): PinataSDK;
+
+type HorizontalScrollContainerProps = PropsWithChildren<{
+    /** the amount of pixels to scroll when the user clicks the arrow buttons. */
+    scrollAmount?: number;
+    /** custom styles */
+    className?: string;
+    classNames?: {
+        root?: string;
+        content?: string;
+        leftArrow?: string;
+        leftArrowButton?: string;
+        leftArrowIcon?: string;
+        rightArrow?: string;
+        rightArrowButton?: string;
+        rightArrowIcon?: string;
+    };
+}>;
+declare function HorizontalScrollContainer({ scrollAmount, className, classNames, children, }: HorizontalScrollContainerProps): react_jsx_runtime.JSX.Element;
+
 type SortableProps = PropsWithChildren<{
     /** current sort direction */
     sort?: "asc" | "desc";
@@ -347,6 +430,35 @@ type SortableProps = PropsWithChildren<{
 }>;
 declare function Sortable({ sort, onSortChange, children }: SortableProps): react_jsx_runtime.JSX.Element;
 
+type UploadProps = PropsWithChildren<DropzoneOptions>;
+type UploadRef = {
+    open: () => void;
+};
+declare const Upload: react.ForwardRefExoticComponent<Pick<react.HTMLProps<HTMLElement>, "onDragEnter" | "onDragLeave" | "onDragOver" | "multiple"> & {
+    accept?: react_dropzone.Accept;
+    minSize?: number;
+    maxSize?: number;
+    maxFiles?: number;
+    preventDropOnDocument?: boolean;
+    noClick?: boolean;
+    noKeyboard?: boolean;
+    noDrag?: boolean;
+    noDragEventsBubbling?: boolean;
+    disabled?: boolean;
+    onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: react_dropzone.FileRejection[], event: react_dropzone.DropEvent) => void;
+    onDropAccepted?: <T extends File>(files: T[], event: react_dropzone.DropEvent) => void;
+    onDropRejected?: (fileRejections: react_dropzone.FileRejection[], event: react_dropzone.DropEvent) => void;
+    getFilesFromEvent?: (event: react_dropzone.DropEvent) => Promise<Array<File | DataTransferItem>>;
+    onFileDialogCancel?: () => void;
+    onFileDialogOpen?: () => void;
+    onError?: (err: Error) => void;
+    validator?: <T extends File>(file: T) => react_dropzone.FileError | readonly react_dropzone.FileError[] | null;
+    useFsAccessApi?: boolean;
+    autoFocus?: boolean;
+} & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<UploadRef>>;
+
 declare function useCopyToClipboard(): (text: string, toastMessage?: string) => void;
 
 declare function useScreen(): {
@@ -397,6 +509,8 @@ declare function GiftIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX
 
 declare function HomeIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function ImageGalleryIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function InfoIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function KlineAreaIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -433,6 +547,8 @@ declare function PauseIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JS
 
 declare function PeopleIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function PlusIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function PrivacyPolicyIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function PulseIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -457,6 +573,8 @@ declare function ShieldOffIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtim
 
 declare function ShieldPlusIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function SignalIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function SignInIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function SignOutIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -471,10 +589,14 @@ declare function TelegramIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime
 
 declare function TermsOfServiceIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function TimerIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function TradeIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function TranslateIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function TrashIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function TriangleDownIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function TriangleUpIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -522,4 +644,4 @@ declare global {
 }
 declare const _default: "0.1.8";
 
-export { BundlesIcon, CameraIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CoinsIcon, CookIcon, CopyIcon, CrownIcon, DiscordIcon, DraggableIcon, EditIcon, EmptyIcon, ExclamationIcon, type ExtendedButtonProps, type ExtendedColor, FAQIcon, FilterIcon, GiftIcon, HomeIcon, InfoIcon, KlineAreaIcon, KlineBarsIcon, KlineBaseLineIcon, KlineCandlesIcon, KlineColumnsIcon, KlineHelkinAshiIcon, KlineHighLowIcon, KlineHollowCandlesIcon, KlineLineIcon, LightDiscordIcon, LightTgIcon, LightningIcon, LogoIcon, MaximizeIcon, MenuIcon, MiniLogoIcon, MinimizeIcon, PauseIcon, PeopleIcon, PrivacyPolicyIcon, PulseIcon, RatIcon, RefreshIcon, RestoreWindowIcon, RobotIcon, RocketIcon, SearchIcon, SettingsIcon, ShieldIcon, ShieldOffIcon, ShieldPlusIcon, SignInIcon, SignOutIcon, SlippageIcon, SmallLightDiscordIcon, SmallLightTgIcon, SniperIcon, Sortable, type SortableProps, StyledBadge, StyledButton, StyledDivider, StyledInput, StyledModal, StyledNumberInput, StyledPopover, StyledTable, StyledTabs, StyledToaster, StyledTooltip, SupportIcon, TelegramIcon, TermsOfServiceIcon, TradeIcon, TranslateIcon, TriangleDownIcon, TriangleUpIcon, TwitterIcon, UnMaximizeIcon, UserGuideIcon, UserIcon, UserWithStarBadgeIcon, VerifiedIcon, WalletIcon, WebsiteIcon, XCloseIcon, ZapFastIcon, useCopyToClipboard, useMediaQuery, useScreen, _default as version };
+export { BundlesIcon, CameraIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CoinsIcon, CookIcon, CopyIcon, CrownIcon, DiscordIcon, DraggableIcon, EditIcon, EmptyIcon, ExclamationIcon, type ExtendedButtonProps, type ExtendedColor, FAQIcon, FilterIcon, GiftIcon, HomeIcon, HorizontalScrollContainer, type HorizontalScrollContainerProps, ImageGalleryIcon, InfoIcon, KlineAreaIcon, KlineBarsIcon, KlineBaseLineIcon, KlineCandlesIcon, KlineColumnsIcon, KlineHelkinAshiIcon, KlineHighLowIcon, KlineHollowCandlesIcon, KlineLineIcon, LightDiscordIcon, LightTgIcon, LightningIcon, LogoIcon, MaximizeIcon, MenuIcon, MiniLogoIcon, MinimizeIcon, PauseIcon, PeopleIcon, PinataContext, PinataProvider, PlusIcon, PrivacyPolicyIcon, PulseIcon, RHForm, type RHFormProps, RHInput, type RHInputProps, RHNumberInput, type RHNumberInputProps, RHTextArea, type RHTextAreaProps, RHUpload, type RHUploadProps, RatIcon, RefreshIcon, RestoreWindowIcon, RobotIcon, RocketIcon, SearchIcon, SettingsIcon, ShieldIcon, ShieldOffIcon, ShieldPlusIcon, SignInIcon, SignOutIcon, SignalIcon, SlippageIcon, SmallLightDiscordIcon, SmallLightTgIcon, SniperIcon, Sortable, type SortableProps, StyledBadge, StyledButton, StyledDivider, StyledInput, StyledModal, StyledNumberInput, StyledPopover, StyledTable, StyledTabs, StyledTextArea, StyledToaster, StyledTooltip, SupportIcon, TelegramIcon, TermsOfServiceIcon, TimerIcon, TradeIcon, TranslateIcon, TrashIcon, TriangleDownIcon, TriangleUpIcon, TwitterIcon, UnMaximizeIcon, Upload, type UploadProps, type UploadRef, UserGuideIcon, UserIcon, UserWithStarBadgeIcon, VerifiedIcon, WalletIcon, WebsiteIcon, XCloseIcon, ZapFastIcon, useCopyToClipboard, useMediaQuery, usePinata, useScreen, _default as version };

package/dist/index.d.ts

@@ -1,15 +1,24 @@
 import * as _heroui_react from '@heroui/react';
-import { BadgeProps, ButtonProps, InputProps, NumberInputProps, ModalProps, PopoverProps, TableProps, TabsProps, TooltipProps } from '@heroui/react';
+import { BadgeProps, ButtonProps, InputProps, NumberInputProps, TextAreaProps, ModalProps, PopoverProps, TableProps, TabsProps, TooltipProps } from '@heroui/react';
 export { Accordion, AccordionItem, AccordionItemIndicatorProps, AccordionItemProps, AccordionProps, Alert, AlertProps, Autocomplete, AutocompleteItem, AutocompleteItemProps, AutocompleteProps, AutocompleteSection, AutocompleteSectionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarProps, Card, CardBody, CardFooter, CardFooterProps, CardHeader, CardProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, Chip, ChipProps, CircularProgress, CircularProgressProps, Code, CodeProps, DateInput, DateInputProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, Divider, DividerProps, Drawer, DrawerBody, DrawerBodyProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownItem, DropdownItemProps, DropdownMenu, DropdownMenuProps, DropdownProps, DropdownSection, DropdownSectionProps, DropdownTrigger, DropdownTriggerProps, Image, ImageProps, Input, InputOtp, InputOtpProps, InputProps, Kbd, KbdProps, Link, LinkProps, Listbox, ListboxItem, ListboxItemProps, ListboxProps, ListboxSection, ListboxSectionProps, Modal, ModalBody, ModalBodyProps, ModalContent, ModalContentProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, Navbar, NavbarBrand, NavbarBrandProps, NavbarContent, NavbarContentProps, NavbarItem, NavbarItemProps, NavbarMenu, NavbarMenuItem, NavbarMenuItemProps, NavbarMenuProps, NavbarMenuToggle, NavbarMenuToggleProps, NavbarProps, NumberInput, NumberInputProps, Pagination, PaginationCursor, PaginationCursorProps, PaginationItem, PaginationItemProps, PaginationProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressProps, Radio, RadioGroup, RadioGroupProps, RadioProps, RangeCalendar, RangeCalendarProps, ScrollShadow, ScrollShadowProps, Select, SelectItem, SelectItemProps, SelectProps, SelectSection, SelectSectionProps, Skeleton, SkeletonProps, Slider, SliderProps, Snippet, SnippetProps, Spacer, SpacerProps, Spinner, SpinnerProps, Switch, SwitchProps, Tab, TabItemProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableColumn, TableColumnProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAreaProps, Textarea, TimeInput, TimeInputProps, Tooltip, TooltipProps, UseDisclosureProps, useDisclosure } from '@heroui/react';
 import * as react from 'react';
-import { ComponentType, PropsWithChildren, SVGProps } from 'react';
+import { ComponentType, PropsWithChildren, ReactNode, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToasterProps } from 'react-hot-toast';
 export { ToastOptions, Toaster, ToasterProps, toast } from 'react-hot-toast';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+export * from 'react-hook-form';
+import * as react_dropzone from 'react-dropzone';
+import { DropzoneOptions } from 'react-dropzone';
+export * from 'react-dropzone';
+import { PinataSDK } from 'pinata';
+export * from 'pinata';
 export { clsx } from 'clsx';
 export * from 'jotai';
 export * from 'jotai/utils';
-export * from 'react-hook-form';
+export * from 'react-window';
+export * from 'react-window-infinite-loader';
+export * from 'react-virtualized-auto-sizer';
 export { z } from 'zod';
 export { zodResolver } from '@hookform/resolvers/zod';
 
@@ -312,6 +321,7 @@ declare const StyledDivider: react.ForwardRefExoticComponent<Omit<{
 
 declare const StyledInput: ComponentType<InputProps>;
 declare const StyledNumberInput: ComponentType<NumberInputProps>;
+declare const StyledTextArea: ComponentType<TextAreaProps>;
 
 declare const StyledModal: ComponentType<ModalProps & {
     variant?: "default";
@@ -339,6 +349,79 @@ declare const StyledTooltip: ComponentType<TooltipProps & {
     layout?: "xs" | "sm" | "md" | "lg";
 }>;
 
+type RHFormProps<T extends FieldValues = any> = PropsWithChildren<{
+    methods: UseFormReturn<T>;
+    onSubmit?: (data: T) => Promise<void>;
+    className?: string;
+}>;
+declare function RHForm<T extends FieldValues = any>({ methods, onSubmit, className, children, }: RHFormProps<T>): react_jsx_runtime.JSX.Element;
+
+type RHInputProps = InputProps & {
+    name: string;
+};
+declare function RHInput({ name, label, ...props }: RHInputProps): react_jsx_runtime.JSX.Element;
+
+type RHNumberInputProps = NumberInputProps & {
+    name: string;
+};
+declare function RHNumberInput({ name, label, ...props }: RHNumberInputProps): react_jsx_runtime.JSX.Element;
+
+type RHTextAreaProps = TextAreaProps & {
+    name: string;
+};
+declare function RHTextArea({ name, label, ...props }: RHTextAreaProps): react_jsx_runtime.JSX.Element;
+
+type RHUploadProps = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    hint?: string;
+    icon?: ReactNode;
+    upload?: (file: File) => Promise<string>;
+    accept?: DropzoneOptions["accept"];
+    maxSize?: number;
+    maxFiles?: number;
+    radius?: "sm" | "md" | "lg" | "none" | "full";
+    className?: string;
+    classNames?: {
+        wrapper?: string;
+        label?: string;
+        upload?: string;
+        icon?: string;
+        image?: string;
+        placeholder?: string;
+        uploadButton?: string;
+        hint?: string;
+        error?: string;
+    };
+};
+declare function RHUpload({ name, label, placeholder, hint, icon, upload, accept, maxSize, // 10MB
+maxFiles, radius, className, classNames, }: RHUploadProps): react_jsx_runtime.JSX.Element;
+
+declare const PinataContext: react.Context<PinataSDK>;
+declare function PinataProvider({ client, children, }: PropsWithChildren<{
+    client: PinataSDK;
+}>): react_jsx_runtime.JSX.Element;
+declare function usePinata(): PinataSDK;
+
+type HorizontalScrollContainerProps = PropsWithChildren<{
+    /** the amount of pixels to scroll when the user clicks the arrow buttons. */
+    scrollAmount?: number;
+    /** custom styles */
+    className?: string;
+    classNames?: {
+        root?: string;
+        content?: string;
+        leftArrow?: string;
+        leftArrowButton?: string;
+        leftArrowIcon?: string;
+        rightArrow?: string;
+        rightArrowButton?: string;
+        rightArrowIcon?: string;
+    };
+}>;
+declare function HorizontalScrollContainer({ scrollAmount, className, classNames, children, }: HorizontalScrollContainerProps): react_jsx_runtime.JSX.Element;
+
 type SortableProps = PropsWithChildren<{
     /** current sort direction */
     sort?: "asc" | "desc";
@@ -347,6 +430,35 @@ type SortableProps = PropsWithChildren<{
 }>;
 declare function Sortable({ sort, onSortChange, children }: SortableProps): react_jsx_runtime.JSX.Element;
 
+type UploadProps = PropsWithChildren<DropzoneOptions>;
+type UploadRef = {
+    open: () => void;
+};
+declare const Upload: react.ForwardRefExoticComponent<Pick<react.HTMLProps<HTMLElement>, "onDragEnter" | "onDragLeave" | "onDragOver" | "multiple"> & {
+    accept?: react_dropzone.Accept;
+    minSize?: number;
+    maxSize?: number;
+    maxFiles?: number;
+    preventDropOnDocument?: boolean;
+    noClick?: boolean;
+    noKeyboard?: boolean;
+    noDrag?: boolean;
+    noDragEventsBubbling?: boolean;
+    disabled?: boolean;
+    onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: react_dropzone.FileRejection[], event: react_dropzone.DropEvent) => void;
+    onDropAccepted?: <T extends File>(files: T[], event: react_dropzone.DropEvent) => void;
+    onDropRejected?: (fileRejections: react_dropzone.FileRejection[], event: react_dropzone.DropEvent) => void;
+    getFilesFromEvent?: (event: react_dropzone.DropEvent) => Promise<Array<File | DataTransferItem>>;
+    onFileDialogCancel?: () => void;
+    onFileDialogOpen?: () => void;
+    onError?: (err: Error) => void;
+    validator?: <T extends File>(file: T) => react_dropzone.FileError | readonly react_dropzone.FileError[] | null;
+    useFsAccessApi?: boolean;
+    autoFocus?: boolean;
+} & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<UploadRef>>;
+
 declare function useCopyToClipboard(): (text: string, toastMessage?: string) => void;
 
 declare function useScreen(): {
@@ -397,6 +509,8 @@ declare function GiftIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX
 
 declare function HomeIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function ImageGalleryIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function InfoIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function KlineAreaIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -433,6 +547,8 @@ declare function PauseIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JS
 
 declare function PeopleIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function PlusIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function PrivacyPolicyIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function PulseIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -457,6 +573,8 @@ declare function ShieldOffIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtim
 
 declare function ShieldPlusIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function SignalIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function SignInIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function SignOutIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -471,10 +589,14 @@ declare function TelegramIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime
 
 declare function TermsOfServiceIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function TimerIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function TradeIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function TranslateIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
+declare function TrashIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
 declare function TriangleDownIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
 declare function TriangleUpIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
@@ -522,4 +644,4 @@ declare global {
 }
 declare const _default: "0.1.8";
 
-export { BundlesIcon, CameraIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CoinsIcon, CookIcon, CopyIcon, CrownIcon, DiscordIcon, DraggableIcon, EditIcon, EmptyIcon, ExclamationIcon, type ExtendedButtonProps, type ExtendedColor, FAQIcon, FilterIcon, GiftIcon, HomeIcon, InfoIcon, KlineAreaIcon, KlineBarsIcon, KlineBaseLineIcon, KlineCandlesIcon, KlineColumnsIcon, KlineHelkinAshiIcon, KlineHighLowIcon, KlineHollowCandlesIcon, KlineLineIcon, LightDiscordIcon, LightTgIcon, LightningIcon, LogoIcon, MaximizeIcon, MenuIcon, MiniLogoIcon, MinimizeIcon, PauseIcon, PeopleIcon, PrivacyPolicyIcon, PulseIcon, RatIcon, RefreshIcon, RestoreWindowIcon, RobotIcon, RocketIcon, SearchIcon, SettingsIcon, ShieldIcon, ShieldOffIcon, ShieldPlusIcon, SignInIcon, SignOutIcon, SlippageIcon, SmallLightDiscordIcon, SmallLightTgIcon, SniperIcon, Sortable, type SortableProps, StyledBadge, StyledButton, StyledDivider, StyledInput, StyledModal, StyledNumberInput, StyledPopover, StyledTable, StyledTabs, StyledToaster, StyledTooltip, SupportIcon, TelegramIcon, TermsOfServiceIcon, TradeIcon, TranslateIcon, TriangleDownIcon, TriangleUpIcon, TwitterIcon, UnMaximizeIcon, UserGuideIcon, UserIcon, UserWithStarBadgeIcon, VerifiedIcon, WalletIcon, WebsiteIcon, XCloseIcon, ZapFastIcon, useCopyToClipboard, useMediaQuery, useScreen, _default as version };
+export { BundlesIcon, CameraIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CoinsIcon, CookIcon, CopyIcon, CrownIcon, DiscordIcon, DraggableIcon, EditIcon, EmptyIcon, ExclamationIcon, type ExtendedButtonProps, type ExtendedColor, FAQIcon, FilterIcon, GiftIcon, HomeIcon, HorizontalScrollContainer, type HorizontalScrollContainerProps, ImageGalleryIcon, InfoIcon, KlineAreaIcon, KlineBarsIcon, KlineBaseLineIcon, KlineCandlesIcon, KlineColumnsIcon, KlineHelkinAshiIcon, KlineHighLowIcon, KlineHollowCandlesIcon, KlineLineIcon, LightDiscordIcon, LightTgIcon, LightningIcon, LogoIcon, MaximizeIcon, MenuIcon, MiniLogoIcon, MinimizeIcon, PauseIcon, PeopleIcon, PinataContext, PinataProvider, PlusIcon, PrivacyPolicyIcon, PulseIcon, RHForm, type RHFormProps, RHInput, type RHInputProps, RHNumberInput, type RHNumberInputProps, RHTextArea, type RHTextAreaProps, RHUpload, type RHUploadProps, RatIcon, RefreshIcon, RestoreWindowIcon, RobotIcon, RocketIcon, SearchIcon, SettingsIcon, ShieldIcon, ShieldOffIcon, ShieldPlusIcon, SignInIcon, SignOutIcon, SignalIcon, SlippageIcon, SmallLightDiscordIcon, SmallLightTgIcon, SniperIcon, Sortable, type SortableProps, StyledBadge, StyledButton, StyledDivider, StyledInput, StyledModal, StyledNumberInput, StyledPopover, StyledTable, StyledTabs, StyledTextArea, StyledToaster, StyledTooltip, SupportIcon, TelegramIcon, TermsOfServiceIcon, TimerIcon, TradeIcon, TranslateIcon, TrashIcon, TriangleDownIcon, TriangleUpIcon, TwitterIcon, UnMaximizeIcon, Upload, type UploadProps, type UploadRef, UserGuideIcon, UserIcon, UserWithStarBadgeIcon, VerifiedIcon, WalletIcon, WebsiteIcon, XCloseIcon, ZapFastIcon, useCopyToClipboard, useMediaQuery, usePinata, useScreen, _default as version };