@fileverse/ui 4.1.1-patch → 4.1.1-patch-2

package/dist/index.css

@@ -1243,18 +1243,12 @@ video {
 .h-9 {
   height: 2.25rem;
 }
-.h-\[16px\] {
-  height: 16px;
-}
 .h-\[18px\] {
   height: 18px;
 }
 .h-\[208px\] {
   height: 208px;
 }
-.h-\[20px\] {
-  height: 20px;
-}
 .h-\[30px\] {
   height: 30px;
 }
@@ -1376,6 +1370,9 @@ video {
 .w-\[100\%\] {
   width: 100%;
 }
+.w-\[12px\] {
+  width: 12px;
+}
 .w-\[16px\] {
   width: 16px;
 }
@@ -1433,6 +1430,9 @@ video {
 .w-\[85\%\] {
   width: 85%;
 }
+.w-\[8px\] {
+  width: 8px;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -2312,16 +2312,6 @@ textarea:is(:-webkit-autofill, :autofill) {
     color: hsl(var(--color-text-disabled));
   }
 
-.after\:color-bg-default-inverse::after {
-    content: var(--tw-content);
-    background-color: hsl(var(--color-bg-default-inverse));
-  }
-
-.after\:color-icon-disabled::after {
-    content: var(--tw-content);
-    background-color: hsl(var(--color-icon-disabled));
-  }
-
 .checked\:color-text-inverse:checked {
     color: hsl(var(--color-text-inverse));
   }
@@ -2511,41 +2501,6 @@ textarea:is(:-webkit-autofill, :autofill) {
   background-color: transparent;
 }
 
-.after\:block::after {
-  content: var(--tw-content);
-  display: block;
-}
-
-.after\:h-\[10px\]::after {
-  content: var(--tw-content);
-  height: 10px;
-}
-
-.after\:h-\[6px\]::after {
-  content: var(--tw-content);
-  height: 6px;
-}
-
-.after\:w-\[10px\]::after {
-  content: var(--tw-content);
-  width: 10px;
-}
-
-.after\:w-\[6px\]::after {
-  content: var(--tw-content);
-  width: 6px;
-}
-
-.after\:rounded-\[50\%\]::after {
-  content: var(--tw-content);
-  border-radius: 50%;
-}
-
-.after\:content-\[\'\'\]::after {
-  --tw-content: '';
-  content: var(--tw-content);
-}
-
 .checked\:border-0:checked {
   border-width: 0px;
 }
@@ -2621,6 +2576,12 @@ textarea:is(:-webkit-autofill, :autofill) {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus-visible\:ring-2:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .focus-visible\:ring-focused:focus-visible {
   --tw-ring-color: hsl(var(--focused));
 }

package/dist/index.es.d.ts

@@ -1,8 +1,10 @@
 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';
@@ -81,7 +83,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 +155,93 @@ 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 Dialog: React_2.FC<DialogPrimitive.DialogProps>;
 
 export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -437,79 +531,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>>;
@@ -540,12 +561,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> {