@fileverse/ui 4.0.2 → 4.0.4

package/dist/index.es.d.ts

@@ -4,13 +4,17 @@ import { ClassValue } from 'clsx';
 import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Drawer as Drawer_2 } from 'vaul';
+import { ForwardRefExoticComponent } from 'react';
 import { GridProps as GridProps_2 } from '@radix-ui/themes';
 import { icons } from 'lucide-react';
 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';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+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';
@@ -190,6 +194,40 @@ 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 DynamicContentController: ({ label, description, checked, onChange, size, }: DynamicContentControllerProps) => JSX_2.Element;
+
+export declare interface DynamicContentControllerProps {
+    label: string;
+    description: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    size?: "sm" | "lg";
+}
+
+export declare const DynamicDrawer: ({ open, onOpenChange, title, titleIcon, content, className, headerClassName, side, noOverlay, rounded, dismissible, }: DynamicDrawerProps) => JSX_2.Element;
+
+export declare interface DynamicDrawerProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    titleIcon?: string;
+    description?: string;
+    content?: default_2.ReactNode;
+    className?: string;
+    headerClassName?: string;
+    noOverlay?: boolean;
+    side?: "top" | "right" | "bottom" | "left";
+    rounded?: boolean;
+    dismissible?: boolean;
+}
+
+export declare const DynamicDropdown: ({ content, anchorTrigger, ...props }: DynamicDropdownProps) => JSX_2.Element;
+
+export declare interface DynamicDropdownProps {
+    content: default_2.ReactNode;
+    anchorTrigger?: default_2.ReactNode;
+}
+
 export declare const DynamicModal: ({ open, onOpenChange, title, description, content, primaryAction, secondaryAction, className, contentClassName, disableOutsideClick, hasCloseIcon, }: DynamicModalProps) => JSX_2.Element;
 
 export declare interface DynamicModalProps {
@@ -218,6 +256,14 @@ export declare interface DynamicModalProps {
     hasCloseIcon?: boolean;
 }
 
+export declare const DynamicRadio: ForwardRefExoticComponent<DynamicRadioProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface DynamicRadioProps {
+    items: RadioCardProps[];
+    className?: string;
+    size?: "sm" | "lg";
+}
+
 export declare type FileType = "dDoc" | "dPage" | "whiteboard" | "note" | "link" | "media";
 
 export declare const FloatingToolbar: default_2.ForwardRefExoticComponent<FloatingToolbarProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -229,13 +275,15 @@ export declare interface FloatingToolbarProps extends default_2.AllHTMLAttribute
 
 export declare const formatCounter: (number: number) => string;
 
+export declare const getTrimmedName: (name: string, length: number, limit: number) => string;
+
 export declare const GridLayout: (props: GridProps) => JSX_2.Element;
 
 export declare type GridProps = GridProps_2;
 
 export declare const Icon: default_2.ForwardRefExoticComponent<Omit<IconProps, "ref"> & default_2.RefAttributes<SVGSVGElement>>;
 
-export declare const IconButton: ({ icon, variant, size, className, elevation, rounded, ...props }: IconButtonProps) => JSX_2.Element;
+export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLButtonElement>>;
 
 export declare interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Pick<ButtonProps, "variant"> {
     icon: keyof typeof UltimateIcons | string;
@@ -243,6 +291,7 @@ export declare interface IconButtonProps extends React.ButtonHTMLAttributes<HTML
     isLoading?: boolean;
     elevation?: number;
     rounded?: boolean;
+    isActive?: boolean;
 }
 
 export declare interface IconProps extends SvgProps_2, VariantProps<typeof iconVariants_2> {
@@ -321,12 +370,115 @@ export declare interface LucideIconProps extends SvgProps, VariantProps<typeof i
     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>>;
+
+export declare const PopoverContent: React_2.ForwardRefExoticComponent<PopoverContentProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface PopoverContentProps extends React_2.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    elevation?: number;
+}
+
+export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const RadioCard: ({ id, label, description, selectedValue, value, content, size, }: RadioCardProps) => JSX_2.Element;
+
+export declare interface RadioCardProps {
+    id: number;
+    label: string;
+    description: string;
+    selectedValue: string;
+    value: string;
+    size?: "sm" | "lg";
+    content?: React.ReactNode | null;
+}
+
 export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & {
     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> {
@@ -339,6 +491,61 @@ export declare interface SegmentedControlProps extends default_2.AllHTMLAttribut
     contentType?: "icon" | "text";
 }
 
+export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
+
+export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectGroup: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectScrollDownButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectScrollUpButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectSeparator: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare const Sheet: React_2.FC<DialogPrimitive.DialogProps>;
+
+export declare const SheetClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const SheetContent: React_2.ForwardRefExoticComponent<SheetContentProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SheetContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    overlayClasses?: string;
+    dismissible?: boolean;
+}
+
+export declare const SheetDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const SheetFooter: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const SheetHeader: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const SheetOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SheetPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
+
+export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+
+export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+declare const sheetVariants: (props?: ({
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare type SortState = {
     keyName: string | null;
     order: "default" | "asc" | "desc";
@@ -348,6 +555,30 @@ export declare const StaticLoader: ({ text }: {
     text?: string;
 }) => JSX_2.Element;
 
+export declare const Step: default_2.ForwardRefExoticComponent<StepProps & default_2.RefAttributes<HTMLElement>>;
+
+export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLElement>>;
+
+export declare interface StepperProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children?: default_2.ReactNode;
+    className?: string;
+    layout?: "horizontal" | "vertical";
+}
+
+export declare interface StepProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    isActive?: boolean;
+    isCompleted?: boolean;
+    firstStep?: boolean;
+    lastStep?: boolean;
+    stepNumber?: string;
+    title?: string;
+    className?: string;
+    type?: "solid" | "dashed";
+    layout?: "horizontal" | "vertical";
+    stepContent?: default_2.ReactNode;
+    isLoading?: boolean;
+}
+
 declare interface SvgProps extends default_2.SVGProps<SVGSVGElement> {
     fill?: string;
     stroke?: string;
@@ -395,7 +626,7 @@ export declare const Tag: React_2.ForwardRefExoticComponent<TagProps & React_2.R
 
 export declare interface TagProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagVariants> {
     isRemovable?: boolean;
-    onRemove?: () => void;
+    onRemove?: (event?: React_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     icon?: keyof typeof icons | string | undefined;
 }
 
@@ -464,6 +695,7 @@ export declare const Tooltip: React_2.ForwardRefExoticComponent<TooltipProps & R
 
 export declare interface TooltipProps extends React_2.HTMLAttributes<HTMLElement>, VariantProps<typeof tooltipVariants> {
     text: string;
+    sideOffset?: number;
 }
 
 declare const tooltipVariants: (props?: ({