@fileverse/ui 4.0.1 → 4.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -22
- package/dist/index.cjs.js +62 -18
- package/dist/index.css +490 -113
- package/dist/index.es.d.ts +218 -2
- package/dist/index.es.js +8862 -5524
- package/package.json +32 -8
package/dist/index.es.d.ts
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
1
2
|
import { ClassProp } from 'class-variance-authority/types';
|
|
2
3
|
import { ClassValue } from 'clsx';
|
|
3
4
|
import { default as default_2 } from 'react';
|
|
5
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
6
|
+
import { Drawer as Drawer_2 } from 'vaul';
|
|
4
7
|
import { GridProps as GridProps_2 } from '@radix-ui/themes';
|
|
5
8
|
import { icons } from 'lucide-react';
|
|
6
9
|
import { JSX as JSX_2 } from 'react/jsx-runtime';
|
|
7
10
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
11
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
12
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
8
13
|
import * as React_2 from 'react';
|
|
9
14
|
import { ReactNode } from 'react';
|
|
10
15
|
import { SetStateAction } from 'react';
|
|
@@ -12,6 +17,22 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
|
12
17
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
13
18
|
import { VariantProps } from 'class-variance-authority';
|
|
14
19
|
|
|
20
|
+
export declare const Accordion: React_2.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React_2.RefAttributes<HTMLDivElement>, "ref">) & React_2.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
|
|
22
|
+
export declare const AccordionContent: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
|
|
24
|
+
export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
|
|
26
|
+
export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
27
|
+
size?: "sm" | "md" | "lg";
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
} & React_2.RefAttributes<HTMLButtonElement>>;
|
|
30
|
+
|
|
31
|
+
export declare type AccordionTriggerProps = React_2.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
|
|
32
|
+
size?: "sm" | "md" | "lg";
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
};
|
|
35
|
+
|
|
15
36
|
export declare const AnimatedLoader: ({ text, className, }: {
|
|
16
37
|
text?: string;
|
|
17
38
|
className?: string;
|
|
@@ -19,13 +40,14 @@ export declare const AnimatedLoader: ({ text, className, }: {
|
|
|
19
40
|
|
|
20
41
|
export declare const Avatar: default_2.ForwardRefExoticComponent<AvatarProps & default_2.RefAttributes<HTMLImageElement>>;
|
|
21
42
|
|
|
22
|
-
export declare interface AvatarProps extends default_2.ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof avatarVariants> {
|
|
43
|
+
export declare interface AvatarProps extends Omit<default_2.ImgHTMLAttributes<HTMLImageElement>, "content">, VariantProps<typeof avatarVariants> {
|
|
23
44
|
}
|
|
24
45
|
|
|
25
46
|
declare const avatarVariants: (props?: ({
|
|
26
47
|
variant?: "rounded" | "square" | null | undefined;
|
|
27
48
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
|
|
28
49
|
bordered?: "border" | "none" | null | undefined;
|
|
50
|
+
content?: "image" | "text" | null | undefined;
|
|
29
51
|
} & ClassProp) | undefined) => string;
|
|
30
52
|
|
|
31
53
|
export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
@@ -93,6 +115,37 @@ export declare interface CheckboxProps {
|
|
|
93
115
|
|
|
94
116
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
95
117
|
|
|
118
|
+
export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
|
|
119
|
+
|
|
120
|
+
export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
121
|
+
|
|
122
|
+
export declare const DialogContent: React_2.ForwardRefExoticComponent<DialogContentProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
123
|
+
|
|
124
|
+
declare interface DialogContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
125
|
+
hasCloseIcon?: boolean;
|
|
126
|
+
dismissable?: boolean;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
130
|
+
|
|
131
|
+
export declare const DialogFooter: {
|
|
132
|
+
({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
|
|
133
|
+
displayName: string;
|
|
134
|
+
};
|
|
135
|
+
|
|
136
|
+
export declare const DialogHeader: {
|
|
137
|
+
({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
|
|
138
|
+
displayName: string;
|
|
139
|
+
};
|
|
140
|
+
|
|
141
|
+
export declare const DialogOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
142
|
+
|
|
143
|
+
export declare const DialogPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
|
|
144
|
+
|
|
145
|
+
export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
146
|
+
|
|
147
|
+
export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
148
|
+
|
|
96
149
|
export declare const Divider: {
|
|
97
150
|
({ direction, size, className, ...props }: DividerProps): JSX_2.Element;
|
|
98
151
|
displayName: string;
|
|
@@ -105,6 +158,91 @@ export declare interface DividerProps extends React_2.HTMLAttributes<HTMLDivElem
|
|
|
105
158
|
|
|
106
159
|
export declare type DocType = "pdf" | "xls" | "doc" | "ppt" | "3d";
|
|
107
160
|
|
|
161
|
+
export declare const Drawer: {
|
|
162
|
+
({ shouldScaleBackground, ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX_2.Element;
|
|
163
|
+
displayName: string;
|
|
164
|
+
};
|
|
165
|
+
|
|
166
|
+
export declare const DrawerClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
167
|
+
|
|
168
|
+
export declare const DrawerContent: React_2.ForwardRefExoticComponent<DrawerContentProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
169
|
+
|
|
170
|
+
declare interface DrawerContentProps extends React_2.ComponentPropsWithoutRef<typeof Drawer_2.Content> {
|
|
171
|
+
hasCloseIcon?: boolean;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
export declare const DrawerDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
175
|
+
|
|
176
|
+
export declare const DrawerFooter: {
|
|
177
|
+
({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
|
|
178
|
+
displayName: string;
|
|
179
|
+
};
|
|
180
|
+
|
|
181
|
+
export declare const DrawerHeader: {
|
|
182
|
+
({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
|
|
183
|
+
displayName: string;
|
|
184
|
+
};
|
|
185
|
+
|
|
186
|
+
export declare const DrawerOverlay: React_2.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
187
|
+
|
|
188
|
+
export declare const DrawerPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
|
|
189
|
+
|
|
190
|
+
export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
191
|
+
|
|
192
|
+
export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
193
|
+
|
|
194
|
+
export declare const DynamicDrawer: ({ open, onOpenChange, title, titleIcon, content, className, headerClassName, side, noOverlay, rounded, dismissible, }: DynamicDrawerProps) => JSX_2.Element;
|
|
195
|
+
|
|
196
|
+
export declare interface DynamicDrawerProps {
|
|
197
|
+
open: boolean;
|
|
198
|
+
onOpenChange: (open: boolean) => void;
|
|
199
|
+
title: string;
|
|
200
|
+
titleIcon?: string;
|
|
201
|
+
description?: string;
|
|
202
|
+
content?: default_2.ReactNode;
|
|
203
|
+
className?: string;
|
|
204
|
+
headerClassName?: string;
|
|
205
|
+
noOverlay?: boolean;
|
|
206
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
207
|
+
rounded?: boolean;
|
|
208
|
+
dismissible?: boolean;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
export declare const DynamicDropdown: ({ content, anchorTrigger, ...props }: DynamicDropdownProps) => JSX_2.Element;
|
|
212
|
+
|
|
213
|
+
export declare interface DynamicDropdownProps {
|
|
214
|
+
content: default_2.ReactNode;
|
|
215
|
+
anchorTrigger?: default_2.ReactNode;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
export declare const DynamicModal: ({ open, onOpenChange, title, description, content, primaryAction, secondaryAction, className, contentClassName, disableOutsideClick, hasCloseIcon, }: DynamicModalProps) => JSX_2.Element;
|
|
219
|
+
|
|
220
|
+
export declare interface DynamicModalProps {
|
|
221
|
+
open: boolean;
|
|
222
|
+
onOpenChange: (open: boolean) => void;
|
|
223
|
+
title: string;
|
|
224
|
+
description?: string;
|
|
225
|
+
content?: default_2.ReactNode;
|
|
226
|
+
primaryAction?: {
|
|
227
|
+
label: string;
|
|
228
|
+
onClick?: () => void;
|
|
229
|
+
variant?: "default" | "secondary" | "ghost" | "danger";
|
|
230
|
+
className?: string;
|
|
231
|
+
isLoading?: boolean;
|
|
232
|
+
};
|
|
233
|
+
secondaryAction?: {
|
|
234
|
+
label: string;
|
|
235
|
+
onClick?: () => void;
|
|
236
|
+
variant?: "default" | "secondary" | "ghost" | "danger";
|
|
237
|
+
className?: string;
|
|
238
|
+
isLoading?: boolean;
|
|
239
|
+
};
|
|
240
|
+
className?: string;
|
|
241
|
+
contentClassName?: string;
|
|
242
|
+
disableOutsideClick?: boolean;
|
|
243
|
+
hasCloseIcon?: boolean;
|
|
244
|
+
}
|
|
245
|
+
|
|
108
246
|
export declare type FileType = "dDoc" | "dPage" | "whiteboard" | "note" | "link" | "media";
|
|
109
247
|
|
|
110
248
|
export declare const FloatingToolbar: default_2.ForwardRefExoticComponent<FloatingToolbarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -122,7 +260,7 @@ export declare type GridProps = GridProps_2;
|
|
|
122
260
|
|
|
123
261
|
export declare const Icon: default_2.ForwardRefExoticComponent<Omit<IconProps, "ref"> & default_2.RefAttributes<SVGSVGElement>>;
|
|
124
262
|
|
|
125
|
-
export declare const IconButton: ({ icon, variant, size, className, elevation, rounded, ...props }: IconButtonProps) => JSX_2.Element;
|
|
263
|
+
export declare const IconButton: ({ icon, variant, size, className, elevation, rounded, isActive, ...props }: IconButtonProps) => JSX_2.Element;
|
|
126
264
|
|
|
127
265
|
export declare interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Pick<ButtonProps, "variant"> {
|
|
128
266
|
icon: keyof typeof UltimateIcons | string;
|
|
@@ -130,6 +268,7 @@ export declare interface IconButtonProps extends React.ButtonHTMLAttributes<HTML
|
|
|
130
268
|
isLoading?: boolean;
|
|
131
269
|
elevation?: number;
|
|
132
270
|
rounded?: boolean;
|
|
271
|
+
isActive?: boolean;
|
|
133
272
|
}
|
|
134
273
|
|
|
135
274
|
export declare interface IconProps extends SvgProps_2, VariantProps<typeof iconVariants_2> {
|
|
@@ -208,6 +347,24 @@ export declare interface LucideIconProps extends SvgProps, VariantProps<typeof i
|
|
|
208
347
|
strokeWidth?: number;
|
|
209
348
|
}
|
|
210
349
|
|
|
350
|
+
export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
|
|
351
|
+
|
|
352
|
+
export declare const PopoverAnchor: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
353
|
+
|
|
354
|
+
export declare const PopoverContent: React_2.ForwardRefExoticComponent<PopoverContentProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
355
|
+
|
|
356
|
+
export declare interface PopoverContentProps extends React_2.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
|
|
357
|
+
elevation?: number;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
361
|
+
|
|
362
|
+
export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
363
|
+
|
|
364
|
+
export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
365
|
+
size?: "sm" | "lg";
|
|
366
|
+
} & React_2.RefAttributes<HTMLButtonElement>>;
|
|
367
|
+
|
|
211
368
|
export declare const SegmentedControl: default_2.ForwardRefExoticComponent<SegmentedControlProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
212
369
|
|
|
213
370
|
export declare interface SegmentedControlProps extends default_2.AllHTMLAttributes<HTMLDivElement> {
|
|
@@ -220,6 +377,41 @@ export declare interface SegmentedControlProps extends default_2.AllHTMLAttribut
|
|
|
220
377
|
contentType?: "icon" | "text";
|
|
221
378
|
}
|
|
222
379
|
|
|
380
|
+
export declare const Sheet: React_2.FC<DialogPrimitive.DialogProps>;
|
|
381
|
+
|
|
382
|
+
export declare const SheetClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
383
|
+
|
|
384
|
+
export declare const SheetContent: React_2.ForwardRefExoticComponent<SheetContentProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
385
|
+
|
|
386
|
+
declare interface SheetContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
387
|
+
overlayClasses?: string;
|
|
388
|
+
dismissible?: boolean;
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
export declare const SheetDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
392
|
+
|
|
393
|
+
export declare const SheetFooter: {
|
|
394
|
+
({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
|
|
395
|
+
displayName: string;
|
|
396
|
+
};
|
|
397
|
+
|
|
398
|
+
export declare const SheetHeader: {
|
|
399
|
+
({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
|
|
400
|
+
displayName: string;
|
|
401
|
+
};
|
|
402
|
+
|
|
403
|
+
export declare const SheetOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
404
|
+
|
|
405
|
+
export declare const SheetPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
|
|
406
|
+
|
|
407
|
+
export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
408
|
+
|
|
409
|
+
export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
|
|
410
|
+
|
|
411
|
+
declare const sheetVariants: (props?: ({
|
|
412
|
+
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
413
|
+
} & ClassProp) | undefined) => string;
|
|
414
|
+
|
|
223
415
|
export declare type SortState = {
|
|
224
416
|
keyName: string | null;
|
|
225
417
|
order: "default" | "asc" | "desc";
|
|
@@ -229,6 +421,30 @@ export declare const StaticLoader: ({ text }: {
|
|
|
229
421
|
text?: string;
|
|
230
422
|
}) => JSX_2.Element;
|
|
231
423
|
|
|
424
|
+
export declare const Step: default_2.ForwardRefExoticComponent<StepProps & default_2.RefAttributes<HTMLElement>>;
|
|
425
|
+
|
|
426
|
+
export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLElement>>;
|
|
427
|
+
|
|
428
|
+
export declare interface StepperProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
429
|
+
children?: default_2.ReactNode;
|
|
430
|
+
className?: string;
|
|
431
|
+
layout?: "horizontal" | "vertical";
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
export declare interface StepProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
435
|
+
isActive?: boolean;
|
|
436
|
+
isCompleted?: boolean;
|
|
437
|
+
firstStep?: boolean;
|
|
438
|
+
lastStep?: boolean;
|
|
439
|
+
stepNumber?: string;
|
|
440
|
+
title?: string;
|
|
441
|
+
className?: string;
|
|
442
|
+
type?: "solid" | "dashed";
|
|
443
|
+
layout?: "horizontal" | "vertical";
|
|
444
|
+
stepContent?: default_2.ReactNode;
|
|
445
|
+
isLoading?: boolean;
|
|
446
|
+
}
|
|
447
|
+
|
|
232
448
|
declare interface SvgProps extends default_2.SVGProps<SVGSVGElement> {
|
|
233
449
|
fill?: string;
|
|
234
450
|
stroke?: string;
|