@fileverse/ui 4.1.0 → 4.1.1-patch-1

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;
 }
@@ -1373,6 +1367,12 @@ video {
 .w-9 {
   width: 2.25rem;
 }
+.w-\[100\%\] {
+  width: 100%;
+}
+.w-\[12px\] {
+  width: 12px;
+}
 .w-\[16px\] {
   width: 16px;
 }
@@ -1409,6 +1409,9 @@ video {
 .w-\[68px\] {
   width: 68px;
 }
+.w-\[70\%\] {
+  width: 70%;
+}
 .w-\[70vw\] {
   width: 70vw;
 }
@@ -1427,6 +1430,9 @@ video {
 .w-\[85\%\] {
   width: 85%;
 }
+.w-\[8px\] {
+  width: 8px;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1449,6 +1455,9 @@ video {
 .min-w-\[108px\] {
   min-width: 108px;
 }
+.min-w-\[110px\] {
+  min-width: 110px;
+}
 .min-w-\[129px\] {
   min-width: 129px;
 }
@@ -1616,6 +1625,9 @@ video {
 .grid-flow-col {
   grid-auto-flow: column;
 }
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -1658,6 +1670,9 @@ video {
 .gap-1 {
   gap: 0.25rem;
 }
+.gap-10 {
+  gap: 2.5rem;
+}
 .gap-16 {
   gap: 4rem;
 }
@@ -2297,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));
   }
@@ -2496,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;
 }
@@ -2606,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));
 }
@@ -2857,6 +2833,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     max-width: 24rem;
   }
 
+  .sm\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -2894,6 +2874,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     width: auto;
   }
 
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }
@@ -2971,6 +2955,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     max-width: fit-content !important;
   }
 
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .lg\:text-wrap {
     text-wrap: wrap;
   }

package/dist/index.es.d.ts

@@ -1,13 +1,14 @@
 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 { 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';
@@ -82,6 +83,8 @@ 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 Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare const ButtonGroup: React_2.FC<ButtonGroupProps>;
@@ -147,6 +150,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>>;
@@ -360,7 +450,7 @@ export declare interface IconButtonProps extends React.ButtonHTMLAttributes<HTML
     fill?: string;
 }
 
-export declare interface IconProps extends SvgProps_2, VariantProps<typeof iconVariants_2> {
+export declare interface IconProps extends SvgProps, VariantProps<typeof iconVariants> {
     name: keyof typeof Icons;
     className?: string;
 }
@@ -430,85 +520,12 @@ export declare enum LayoutModes {
 
 export declare const LucideIcon: default_2.ForwardRefExoticComponent<Omit<LucideIconProps, "ref"> & default_2.RefAttributes<SVGSVGElement>>;
 
-export declare interface LucideIconProps extends SvgProps, VariantProps<typeof iconVariants> {
+export declare interface LucideIconProps extends Omit<SvgProps_2, "name">, VariantProps<typeof iconVariants_2> {
     name: keyof typeof UltimateIcons;
     className?: string;
     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>>;
@@ -539,12 +556,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> {
@@ -693,11 +704,11 @@ 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?: (event?: React_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    icon?: keyof typeof icons | string | undefined;
+    icon?: any;
 }
 
 declare const tagVariants: (props?: ({
-    variant?: "transparent" | "danger" | "gray" | "brand" | "success" | null | undefined;
+    variant?: "danger" | "transparent" | "gray" | "brand" | "success" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const TextAreaField: React_2.ForwardRefExoticComponent<TextAreaFieldProps & React_2.RefAttributes<HTMLTextAreaElement>>;
@@ -770,20 +781,7 @@ declare const tooltipVariants: (props?: ({
     defaultVariants?: "variant" | "beakPosition" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-declare const UltimateIcons: typeof icons & {
-    File3d: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    FileWord: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    FilePdf: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    FilePpt: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    FileExcel: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    Section: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    XSocial: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    Farcaster: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    Warpcast: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    Orb: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    Lens: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-    Hey: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
-};
+declare const UltimateIcons: any;
 
 export declare const useHoverAndLongPress: ({ delay, }: UseHoverAndLongPressProps) => {
     onMouseEnter: () => void;