@fileverse/ui 1.6.0 → 2.1.0

package/dist/index.es.d.ts

@@ -1,9 +1,15 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { default as default_2 } 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 React_2 from 'react';
+import { ReactNode } from 'react';
+import { SetStateAction } from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Avatar: default_2.ForwardRefExoticComponent<AvatarProps & default_2.RefAttributes<HTMLImageElement>>;
@@ -19,24 +25,104 @@ declare const avatarVariants: (props?: ({
 
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare const ButtonGroup: React_2.FC<ButtonGroupProps>;
+
+/**
+ * TODO: WIP
+ */
+export declare interface ButtonGroupProps {
+    children?: React_2.ReactNode[];
+    className?: string;
+}
+
 export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     toggleLeftIcon?: boolean;
     toggleRightIcon?: boolean;
     onClick?: (event: React_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     leftIcon?: keyof typeof Icons | string | undefined;
     rightIcon?: keyof typeof Icons | string | undefined;
+    isLoading?: boolean;
+    elevation?: number;
 }
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "danger" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardControlWrapper: ({ defaultSize, deleteFunction, children, }: {
+    deleteFunction: () => void;
+    defaultSize: CardSize;
+    children: (size: CardSize) => ReactNode;
+}) => JSX_2.Element;
+
+export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    size?: CardSize;
+    type?: FileType;
+    url?: string;
+    likeCount?: number;
+    text?: string;
+    classNames?: string;
+}
+
+export declare type CardSize = "sm" | "md" | "lg";
+
+export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface CheckboxProps extends React_2.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
+    label?: string;
+    labelPosition?: "left" | "right";
+}
+
+declare const checkboxVariants: (props?: ({
+    variant?: "default" | "hover" | "focus" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Divider: {
+    ({ direction, size, className, ...props }: DividerProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface DividerProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    direction?: "horizontal" | "vertical";
+    size?: "sm" | "md" | "lg" | "xlg";
+}
+
+export declare type FileType = "dDoc" | "dPage" | "whiteboard" | "note" | "link" | "media";
+
+export declare const GridLayout: (props: GridProps) => JSX_2.Element;
+
+export declare type GridProps = GridProps_2;
+
 export declare const Icon: {
     ({ name, size, fill, stroke, className, ...props }: IconProps): JSX_2.Element | null;
     displayName: string;
 };
 
+export declare const IconButton: ({ icon, variant, size, className, elevation, rounded, ...props }: IconButtonProps) => JSX_2.Element;
+
+export declare interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Pick<ButtonProps, "variant"> {
+    icon: keyof typeof Icons | string;
+    size?: "sm" | "md" | "lg";
+    isLoading?: boolean;
+    className?: string;
+    elevation?: number;
+    rounded?: boolean;
+}
+
 export declare interface IconProps extends SvgProps, VariantProps<typeof iconVariants> {
     name: keyof typeof Icons;
     className?: string;
@@ -53,7 +139,7 @@ declare const Icons: {
     Download: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
     Grid: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
     Heart: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
-    HeartBeat: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
+    HeartBeat: ({ width, height, ...props }: IconProps) => JSX_2.Element;
     ImagePlus: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
     InfoCircle: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
     Dashboard: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
@@ -88,6 +174,12 @@ declare const iconVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare const iconVariants_2: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const ImageCard: ({ type, size, url, likeCount, classNames, }: CardProps) => JSX_2.Element;
+
 export declare const Label: React_2.ForwardRefExoticComponent<LabelProps & React_2.RefAttributes<HTMLLabelElement>>;
 
 export declare interface LabelProps extends React_2.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
@@ -96,11 +188,69 @@ export declare interface LabelProps extends React_2.ComponentPropsWithoutRef<typ
 
 declare const labelVariants: (props?: ClassProp | undefined) => string;
 
+export declare const LucideIcon: default_2.MemoExoticComponent<({ name, className, size, strokeWidth, fill, ...props }: LucideIconProps) => JSX_2.Element | null>;
+
+export declare interface LucideIconProps extends VariantProps<typeof iconVariants_2> {
+    name: keyof typeof icons;
+    className?: string;
+    strokeWidth?: number;
+    fill?: string;
+}
+
+export declare const PortalCard: ({ title, size, type, url, likeCount, classNames, }: CardProps) => JSX_2.Element;
+
+export declare const SegmentedControl: default_2.ForwardRefExoticComponent<SegmentedControlProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface SegmentedControlProps extends default_2.AllHTMLAttributes<HTMLDivElement> {
+    options: ReactNode[];
+    container: boolean;
+    currentState?: number;
+    setCurrentState: default_2.Dispatch<SetStateAction<number>>;
+}
+
+export declare type SortState = {
+    keyName: string | null;
+    order: "default" | "asc" | "desc";
+};
+
 declare interface SvgProps extends default_2.SVGProps<SVGSVGElement> {
     fill?: string;
     stroke?: string;
 }
 
+export declare const Table: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableElement> & React_2.RefAttributes<HTMLTableElement>>;
+
+export declare const TableBody: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
+
+export declare const TableCaption: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableCaptionElement> & React_2.RefAttributes<HTMLTableCaptionElement>>;
+
+export declare const TableCell: React_2.ForwardRefExoticComponent<React_2.TdHTMLAttributes<HTMLTableCellElement> & React_2.RefAttributes<HTMLTableCellElement>>;
+
+export declare type TableDataProps = {
+    [key: string]: any;
+};
+
+export declare const TableFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
+
+export declare const TableHead: React_2.ForwardRefExoticComponent<TableHeadProps & React_2.RefAttributes<HTMLTableCellElement>>;
+
+export declare const TableHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
+
+declare interface TableHeadProps extends React_2.ThHTMLAttributes<HTMLTableCellElement> {
+    enableSorting?: boolean;
+    sortOrder?: "default" | "asc" | "desc";
+}
+
+export declare const TableRow: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableRowElement> & React_2.RefAttributes<HTMLTableRowElement>>;
+
+export declare const Tabs: React_2.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsContent: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
 export declare const Tag: React_2.ForwardRefExoticComponent<TagProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface TagProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagVariants> {
@@ -130,6 +280,8 @@ export declare interface TextAreaFieldProps extends React_2.TextareaHTMLAttribut
     isValid?: boolean;
 }
 
+export declare const TextBlockCard: ({ type, size, text, classNames }: CardProps) => JSX_2.Element;
+
 export declare const TextField: React_2.ForwardRefExoticComponent<TextFieldProps & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare interface TextFieldProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
@@ -182,4 +334,22 @@ declare const tooltipVariants: (props?: ({
     defaultVariants?: "variant" | "beakPosition" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const useHoverAndLongPress: ({ delay, }: UseHoverAndLongPressProps) => {
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onTouchStart: () => void;
+    onTouchEnd: () => void;
+    isActive: boolean;
+};
+
+declare interface UseHoverAndLongPressProps {
+    delay?: number;
+}
+
+export declare function useSortableData(initialData: TableDataProps[], defaultSortState?: SortState): {
+    data: TableDataProps[];
+    sortState: SortState;
+    sortData: (keyName: string) => void;
+};
+
 export { }