@fileverse/ui 4.0.3 → 4.0.4

package/dist/index.es.d.ts

@@ -4,6 +4,7 @@ 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';
@@ -12,6 +13,8 @@ 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';
@@ -191,6 +194,16 @@ 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 {
@@ -243,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>>;
@@ -254,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, isActive, ...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;
@@ -347,6 +370,79 @@ 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>>;
@@ -359,12 +455,30 @@ export declare interface PopoverContentProps extends React_2.ComponentPropsWitho
 
 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> {
@@ -377,6 +491,26 @@ 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>>;
@@ -492,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;
 }
 
@@ -561,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?: ({