@fileverse/ui 4.1.1 → 4.1.2-patch-2

package/dist/index.es.d.ts

@@ -1,12 +1,15 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import { Command as Command_2 } from 'cmdk';
 import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { DialogProps } from '@radix-ui/react-dialog';
 import { Drawer as Drawer_2 } from 'vaul';
 import { EmojiClickData } from 'emoji-picker-react';
 import { ForwardRefExoticComponent } from 'react';
 import { GridProps as GridProps_2 } from '@radix-ui/themes';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -18,6 +21,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import { SetStateAction } from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Accordion: React_2.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React_2.RefAttributes<HTMLDivElement>, "ref">) & React_2.RefAttributes<HTMLDivElement>>;
@@ -81,7 +85,12 @@ declare const avatarVariants: (props?: ({
     content?: "image" | "text" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const BottomDrawer: ({ open, onOpenChange, title, description, content, primaryAction, secondaryAction, className, contentClassName, hasCloseIcon, }: DynamicModalProps) => JSX_2.Element;
+export declare const BottomDrawer: ({ open, onOpenChange, title, description, content, primaryAction, secondaryAction, className, contentClassName, hasCloseIcon, headerClassName, footerClassName, }: BottomDrawerProps) => JSX_2.Element;
+
+export declare interface BottomDrawerProps extends DynamicModalProps {
+    headerClassName?: string;
+    footerClassName?: string;
+}
 
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
@@ -148,6 +157,99 @@ export declare interface CheckboxProps {
 
 export declare function cn(...inputs: ClassValue[]): string;
 
+export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => JSX_2.Element;
+
+declare interface CommandDialogProps extends DialogProps {
+}
+
+export declare const CommandEmpty: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    heading?: React_2.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandInput: React_2.ForwardRefExoticComponent<CommandInputProps & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface CommandInputProps extends React_2.ComponentPropsWithoutRef<typeof Command_2.Input> {
+    disabledIcon?: boolean;
+    inputWrapperClassName?: string;
+}
+
+export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandList: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandShortcut: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const Counter: default_2.ForwardRefExoticComponent<CounterProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface CounterProps {
+    count: number;
+}
+
 export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
 
 export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -157,6 +259,7 @@ export declare const DialogContent: React_2.ForwardRefExoticComponent<DialogCont
 declare interface DialogContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
     hasCloseIcon?: boolean;
     dismissable?: boolean;
+    overlayClasses?: string;
 }
 
 export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -202,6 +305,8 @@ export declare const DrawerContent: React_2.ForwardRefExoticComponent<DrawerCont
 
 declare interface DrawerContentProps extends React_2.ComponentPropsWithoutRef<typeof Drawer_2.Content> {
     hasCloseIcon?: boolean;
+    overlayClasses?: string;
+    onClose?: (open: boolean) => void;
 }
 
 export declare const DrawerDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -224,7 +329,7 @@ export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
 
 export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const DynamicAlert: ({ title, description, variant, icon, className, ...props }: DynamicAlertProps) => JSX_2.Element;
+export declare const DynamicAlert: ({ title, description, variant, icon, className, iconClassName, ...props }: DynamicAlertProps) => JSX_2.Element;
 
 export declare interface DynamicAlertProps {
     title?: string;
@@ -232,6 +337,7 @@ export declare interface DynamicAlertProps {
     variant: "default" | "danger";
     icon?: LucideIconProps["name"];
     className?: string;
+    iconClassName?: string;
 }
 
 export declare const DynamicContentController: ForwardRefExoticComponent<DynamicContentControllerProps & RefAttributes<HTMLDivElement>>;
@@ -244,7 +350,7 @@ export declare interface DynamicContentControllerProps {
     size?: "sm" | "lg";
 }
 
-export declare const DynamicDrawer: ({ open, onOpenChange, title, titleIcon, content, className, headerClassName, side, noOverlay, rounded, dismissible, }: DynamicDrawerProps) => JSX_2.Element;
+export declare const DynamicDrawer: ({ open, onOpenChange, title, titleIcon, content, className, headerClassName, side, noOverlay, overlayClasses, rounded, dismissible, }: DynamicDrawerProps) => JSX_2.Element;
 
 export declare interface DynamicDrawerProps {
     open: boolean;
@@ -256,6 +362,7 @@ export declare interface DynamicDrawerProps {
     className?: string;
     headerClassName?: string;
     noOverlay?: boolean;
+    overlayClasses?: string;
     side?: "top" | "right" | "bottom" | "left";
     rounded?: boolean;
     dismissible?: boolean;
@@ -272,12 +379,12 @@ export declare interface DynamicDropdownProps {
     alignOffset?: number;
 }
 
-export declare const DynamicModal: ({ open, onOpenChange, title, description, content, primaryAction, secondaryAction, className, contentClassName, disableOutsideClick, hasCloseIcon, }: DynamicModalProps) => JSX_2.Element;
+export declare const DynamicModal: ({ open, onOpenChange, title, description, content, primaryAction, secondaryAction, className, contentClassName, disableOutsideClick, hasCloseIcon, overlayClasses, noOverlay, }: DynamicModalProps) => JSX_2.Element;
 
 export declare interface DynamicModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    title: string | default_2.ReactNode;
+    title?: string | default_2.ReactNode;
     description?: string;
     content?: default_2.ReactNode;
     primaryAction?: {
@@ -298,6 +405,8 @@ export declare interface DynamicModalProps {
     contentClassName?: string;
     disableOutsideClick?: boolean;
     hasCloseIcon?: boolean;
+    overlayClasses?: string;
+    noOverlay?: boolean;
 }
 
 export declare const DynamicRadio: ForwardRefExoticComponent<DynamicRadioProps & RefAttributes<HTMLDivElement>>;
@@ -347,6 +456,12 @@ export declare const GridLayout: (props: GridProps) => JSX_2.Element;
 
 export declare type GridProps = GridProps_2;
 
+export declare const HoverCard: React_2.FC<HoverCardPrimitive.HoverCardProps>;
+
+export declare const HoverCardContent: React_2.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const HoverCardTrigger: React_2.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React_2.RefAttributes<HTMLAnchorElement>>;
+
 export declare const Icon: default_2.ForwardRefExoticComponent<Omit<IconProps, "ref"> & default_2.RefAttributes<SVGSVGElement>>;
 
 export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLButtonElement>>;
@@ -437,79 +552,6 @@ export declare interface LucideIconProps extends Omit<SvgProps_2, "name">, Varia
     strokeWidth?: number;
 }
 
-export declare interface MemberProps {
-    uuid: string;
-    email?: string;
-    username?: string;
-    walletAddress?: string;
-    avatar?: string;
-}
-
-export declare const MultiSelect: React_2.ForwardRefExoticComponent<MultiSelectProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-/**
- * Props for MultiSelect component
- */
-export declare interface MultiSelectProps extends Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue"> {
-    /**
-     * An array of option objects to be displayed in the multi-select component.
-     * Each option object has a label, value, and an optional icon.
-     */
-    options: {
-        /** The text to display for the option. */
-        uuid: string;
-        email: string;
-        username: string;
-        walletAddress: string;
-        avatar: string;
-    }[];
-    /**
-     * Callback function triggered when the selected values change.
-     * Receives an array of the new selected values.
-     */
-    onValueChange: (value: MemberProps[]) => void;
-    /** The default selected values when the component mounts. */
-    defaultValue?: MemberProps[] | [];
-    /**
-     * Placeholder text to be displayed when no values are selected.
-     * Optional, defaults to "Select options".
-     */
-    placeholder?: string;
-    /**
-     * Maximum number of items to display. Extra selected items will be summarized.
-     * Optional, defaults to 3.
-     */
-    maxCount?: number;
-    /**
-     * The modality of the popover. When set to true, interaction with outside elements
-     * will be disabled and only popover content will be visible to screen readers.
-     * Optional, defaults to false.
-     */
-    modalPopover?: boolean;
-    /**
-     * If true, renders the multi-select component as a child of another component.
-     * Optional, defaults to false.
-     */
-    asChild?: boolean;
-    /**
-     * Additional class names to apply custom styles to the multi-select component.
-     * Optional, can be used to add custom styles.
-     */
-    className?: string;
-    /**
-     * An array of roles.
-     */
-    roles?: RoleProps[] | [];
-    /**
-     * Helper text for search functionality.
-     */
-    searchHelperText?: string;
-    /**
-     * The selected type of filter, either email or wallet.
-     */
-    selectedType: string;
-}
-
 export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
 
 export declare const PopoverAnchor: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -518,6 +560,7 @@ export declare const PopoverContent: React_2.ForwardRefExoticComponent<PopoverCo
 
 export declare interface PopoverContentProps extends React_2.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
     elevation?: number;
+    container?: HTMLDivElement | null;
 }
 
 export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -540,12 +583,6 @@ export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<Radi
     size?: "sm" | "lg";
 } & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare interface RoleProps {
-    label: string;
-    value: string;
-    description?: string;
-}
-
 export declare const SegmentedControl: default_2.ForwardRefExoticComponent<SegmentedControlProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface SegmentedControlProps extends default_2.AllHTMLAttributes<HTMLDivElement> {
@@ -613,6 +650,8 @@ declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => JSX_2.Element;
+
 export declare type SortState = {
     keyName: string | null;
     order: "default" | "asc" | "desc";
@@ -691,12 +730,26 @@ export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPri
 
 export declare const Tag: React_2.ForwardRefExoticComponent<TagProps & React_2.RefAttributes<HTMLDivElement>>;
 
+export declare const TagInput: ({ tags, selectedTags, onAddTag, isPreviewMode, }: TagInputProps) => JSX_2.Element | null;
+
+export declare interface TagInputProps {
+    tags: TagType[];
+    selectedTags: TagType[];
+    onAddTag: (tag: TagType) => void;
+    isPreviewMode: boolean;
+}
+
 export declare interface TagProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagVariants> {
     isRemovable?: boolean;
     onRemove?: (event?: React_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     icon?: any;
 }
 
+export declare interface TagType {
+    name: string;
+    color: string;
+}
+
 declare const tagVariants: (props?: ({
     variant?: "danger" | "transparent" | "gray" | "brand" | "success" | null | undefined;
 } & ClassProp) | undefined) => string;
@@ -747,6 +800,55 @@ export declare interface TextFieldProps extends React_2.InputHTMLAttributes<HTML
     onChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
 }
 
+export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "danger" | "secondary" | "success" | null | undefined;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom" | null | undefined;
+} & ClassProp) | undefined) => string> & {
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";
+    duration?: number;
+    hasIcon?: boolean;
+} & React_2.RefAttributes<HTMLLIElement>>;
+
+export declare function toast({ ...props }: Toast_2): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+
+declare type Toast_2 = Omit<ToasterToast, "id">;
+
+export declare const ToastAction: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare type ToastActionElement = React_2.ReactElement<typeof ToastAction>;
+
+export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const Toaster: ({ position, duration, }: ToasterProps) => JSX_2.Element;
+
+export declare interface ToasterProps {
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";
+    duration?: number;
+}
+
+declare type ToasterToast = ToastProps & {
+    id: string;
+    title?: React_2.ReactNode;
+    description?: React_2.ReactNode;
+    action?: ToastActionElement;
+};
+
+export declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
+
+export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;
+
+export declare const ToastTitle: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & {
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";
+} & React_2.RefAttributes<HTMLOListElement>>;
+
 export declare const Toggle: React_2.ForwardRefExoticComponent<ToggleProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface ToggleProps extends React_2.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, VariantProps<typeof toggleVariants> {
@@ -771,7 +873,7 @@ declare const tooltipVariants: (props?: ({
     defaultVariants?: "variant" | "beakPosition" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-declare const UltimateIcons: any;
+export declare const UltimateIcons: any;
 
 export declare const useHoverAndLongPress: ({ delay, }: UseHoverAndLongPressProps) => {
     onMouseEnter: () => void;
@@ -791,4 +893,10 @@ export declare function useSortableData(initialData: TableDataProps[], defaultSo
     sortData: (keyName: string) => void;
 };
 
+export declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+
 export { }