@fileverse/ui 2.3.0 → 4.0.0
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/dist/index.cjs.js +1476 -1470
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +110 -142
- package/dist/index.es.d.ts +51 -61
- package/dist/index.es.js +33878 -22357
- package/dist/index.es.js.map +1 -1
- package/package.json +18 -17
package/dist/index.es.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
2
1
|
import { ClassProp } from 'class-variance-authority/types';
|
|
3
2
|
import { ClassValue } from 'clsx';
|
|
4
3
|
import { default as default_2 } from 'react';
|
|
@@ -13,6 +12,11 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
|
13
12
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
14
13
|
import { VariantProps } from 'class-variance-authority';
|
|
15
14
|
|
|
15
|
+
export declare const AnimatedLoader: ({ text, className, }: {
|
|
16
|
+
text?: string;
|
|
17
|
+
className?: string;
|
|
18
|
+
}) => JSX_2.Element;
|
|
19
|
+
|
|
16
20
|
export declare const Avatar: default_2.ForwardRefExoticComponent<AvatarProps & default_2.RefAttributes<HTMLImageElement>>;
|
|
17
21
|
|
|
18
22
|
export declare interface AvatarProps extends default_2.ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof avatarVariants> {
|
|
@@ -40,14 +44,14 @@ export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLBu
|
|
|
40
44
|
toggleLeftIcon?: boolean;
|
|
41
45
|
toggleRightIcon?: boolean;
|
|
42
46
|
onClick?: (event: React_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
43
|
-
leftIcon?: keyof typeof
|
|
44
|
-
rightIcon?: keyof typeof
|
|
47
|
+
leftIcon?: keyof typeof UltimateIcons;
|
|
48
|
+
rightIcon?: keyof typeof UltimateIcons;
|
|
45
49
|
isLoading?: boolean;
|
|
46
50
|
elevation?: number;
|
|
47
51
|
}
|
|
48
52
|
|
|
49
53
|
declare const buttonVariants: (props?: ({
|
|
50
|
-
variant?: "
|
|
54
|
+
variant?: "default" | "danger" | "secondary" | "ghost" | null | undefined;
|
|
51
55
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
52
56
|
} & ClassProp) | undefined) => string;
|
|
53
57
|
|
|
@@ -55,33 +59,12 @@ export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2
|
|
|
55
59
|
|
|
56
60
|
export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
57
61
|
|
|
58
|
-
export declare const CardControlWrapper: default_2.ForwardRefExoticComponent<CardControlWrapperProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
59
|
-
|
|
60
|
-
export declare interface CardControlWrapperProps {
|
|
61
|
-
defaultSize: CardSize;
|
|
62
|
-
deleteFunction: () => void;
|
|
63
|
-
children: (size: CardSize) => ReactNode;
|
|
64
|
-
isDragging?: boolean;
|
|
65
|
-
onSizeChange?: (size: CardSize) => void;
|
|
66
|
-
isAnimated?: boolean;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
62
|
export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
70
63
|
|
|
71
64
|
export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
72
65
|
|
|
73
66
|
export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
|
|
74
67
|
|
|
75
|
-
export declare const CardInteractionWrapper: default_2.ForwardRefExoticComponent<CardInteractionWrapperProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
76
|
-
|
|
77
|
-
export declare interface CardInteractionWrapperProps {
|
|
78
|
-
children: ReactNode;
|
|
79
|
-
size: "sm" | "md" | "lg";
|
|
80
|
-
liked: boolean;
|
|
81
|
-
onLike: () => void;
|
|
82
|
-
onShare: () => void;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
68
|
export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement> {
|
|
86
69
|
title?: string;
|
|
87
70
|
size?: CardSize;
|
|
@@ -89,7 +72,7 @@ export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement
|
|
|
89
72
|
url?: string;
|
|
90
73
|
likeCount?: number;
|
|
91
74
|
text?: string;
|
|
92
|
-
|
|
75
|
+
className?: string;
|
|
93
76
|
canShare?: boolean;
|
|
94
77
|
}
|
|
95
78
|
|
|
@@ -97,17 +80,17 @@ export declare type CardSize = "sm" | "md" | "lg";
|
|
|
97
80
|
|
|
98
81
|
export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
99
82
|
|
|
100
|
-
export declare const Checkbox:
|
|
83
|
+
export declare const Checkbox: ({ checked, onCheckedChange, className, disabled, }: CheckboxProps) => JSX_2.Element;
|
|
101
84
|
|
|
102
|
-
export declare interface CheckboxProps
|
|
85
|
+
export declare interface CheckboxProps {
|
|
86
|
+
checked?: boolean;
|
|
87
|
+
onCheckedChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
88
|
+
className?: string;
|
|
103
89
|
label?: string;
|
|
104
90
|
labelPosition?: "left" | "right";
|
|
91
|
+
disabled?: boolean;
|
|
105
92
|
}
|
|
106
93
|
|
|
107
|
-
declare const checkboxVariants: (props?: ({
|
|
108
|
-
variant?: "default" | "hover" | "focus" | null | undefined;
|
|
109
|
-
} & ClassProp) | undefined) => string;
|
|
110
|
-
|
|
111
94
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
112
95
|
|
|
113
96
|
export declare const Divider: {
|
|
@@ -120,6 +103,8 @@ export declare interface DividerProps extends React_2.HTMLAttributes<HTMLDivElem
|
|
|
120
103
|
size?: "sm" | "md" | "lg" | "xlg";
|
|
121
104
|
}
|
|
122
105
|
|
|
106
|
+
export declare type DocType = "pdf" | "xls" | "doc" | "ppt" | "3d";
|
|
107
|
+
|
|
123
108
|
export declare type FileType = "dDoc" | "dPage" | "whiteboard" | "note" | "link" | "media";
|
|
124
109
|
|
|
125
110
|
export declare const FloatingToolbar: default_2.ForwardRefExoticComponent<FloatingToolbarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -140,15 +125,14 @@ export declare const Icon: default_2.ForwardRefExoticComponent<Omit<IconProps, "
|
|
|
140
125
|
export declare const IconButton: ({ icon, variant, size, className, elevation, rounded, ...props }: IconButtonProps) => JSX_2.Element;
|
|
141
126
|
|
|
142
127
|
export declare interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Pick<ButtonProps, "variant"> {
|
|
143
|
-
icon: keyof typeof
|
|
128
|
+
icon: keyof typeof UltimateIcons | string;
|
|
144
129
|
size?: "sm" | "md" | "lg";
|
|
145
130
|
isLoading?: boolean;
|
|
146
|
-
className?: string;
|
|
147
131
|
elevation?: number;
|
|
148
132
|
rounded?: boolean;
|
|
149
133
|
}
|
|
150
134
|
|
|
151
|
-
export declare interface IconProps extends
|
|
135
|
+
export declare interface IconProps extends SvgProps_2, VariantProps<typeof iconVariants_2> {
|
|
152
136
|
name: keyof typeof Icons;
|
|
153
137
|
className?: string;
|
|
154
138
|
}
|
|
@@ -182,7 +166,7 @@ declare const Icons: {
|
|
|
182
166
|
Search: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
|
|
183
167
|
Section: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
|
|
184
168
|
Settings: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
|
|
185
|
-
Share2:
|
|
169
|
+
Share2: default_2.ForwardRefExoticComponent<Omit<IconProps, "ref"> & default_2.RefAttributes<SVGSVGElement>>;
|
|
186
170
|
Share: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
|
|
187
171
|
Facebook: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
|
|
188
172
|
Instagram: ({ fill, width, height, ...props }: IconProps) => JSX_2.Element;
|
|
@@ -203,8 +187,6 @@ declare const iconVariants_2: (props?: ({
|
|
|
203
187
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
204
188
|
} & ClassProp) | undefined) => string;
|
|
205
189
|
|
|
206
|
-
export declare const ImageCard: ({ type, size, url, likeCount, classNames, canShare, }: CardProps) => JSX_2.Element;
|
|
207
|
-
|
|
208
190
|
export declare const Label: React_2.ForwardRefExoticComponent<LabelProps & React_2.RefAttributes<HTMLLabelElement>>;
|
|
209
191
|
|
|
210
192
|
export declare interface LabelProps extends React_2.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
|
|
@@ -218,28 +200,12 @@ export declare enum LayoutModes {
|
|
|
218
200
|
CARD = "CARD"
|
|
219
201
|
}
|
|
220
202
|
|
|
221
|
-
export declare const LucideIcon: default_2.
|
|
203
|
+
export declare const LucideIcon: default_2.ForwardRefExoticComponent<Omit<LucideIconProps, "ref"> & default_2.RefAttributes<SVGSVGElement>>;
|
|
222
204
|
|
|
223
|
-
export declare interface LucideIconProps extends VariantProps<typeof
|
|
224
|
-
name: keyof typeof
|
|
205
|
+
export declare interface LucideIconProps extends SvgProps, VariantProps<typeof iconVariants> {
|
|
206
|
+
name: keyof typeof UltimateIcons;
|
|
225
207
|
className?: string;
|
|
226
208
|
strokeWidth?: number;
|
|
227
|
-
fill?: string;
|
|
228
|
-
stroke?: string;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
export declare const PortalCard: ({ title, size, type, url, likeCount, classNames, canShare, }: CardProps) => JSX_2.Element;
|
|
232
|
-
|
|
233
|
-
export declare const Section: default_2.ForwardRefExoticComponent<Omit<SectionProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
234
|
-
|
|
235
|
-
export declare interface SectionProps extends default_2.AllHTMLAttributes<HTMLDivElement> {
|
|
236
|
-
[x: string]: any;
|
|
237
|
-
title: string;
|
|
238
|
-
setTitle?: default_2.Dispatch<SetStateAction<string>>;
|
|
239
|
-
setCurrentLayoutMode: default_2.Dispatch<SetStateAction<LayoutModes>>;
|
|
240
|
-
viewMode?: boolean;
|
|
241
|
-
isDragging?: boolean;
|
|
242
|
-
onRemoveSection?: () => void;
|
|
243
209
|
}
|
|
244
210
|
|
|
245
211
|
export declare const SegmentedControl: default_2.ForwardRefExoticComponent<SegmentedControlProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
@@ -250,6 +216,8 @@ export declare interface SegmentedControlProps extends default_2.AllHTMLAttribut
|
|
|
250
216
|
currentState?: number;
|
|
251
217
|
setCurrentState: default_2.Dispatch<SetStateAction<number>>;
|
|
252
218
|
showActiveState?: boolean;
|
|
219
|
+
disabled?: boolean;
|
|
220
|
+
contentType?: "icon" | "text";
|
|
253
221
|
}
|
|
254
222
|
|
|
255
223
|
export declare type SortState = {
|
|
@@ -257,11 +225,20 @@ export declare type SortState = {
|
|
|
257
225
|
order: "default" | "asc" | "desc";
|
|
258
226
|
};
|
|
259
227
|
|
|
228
|
+
export declare const StaticLoader: ({ text }: {
|
|
229
|
+
text?: string;
|
|
230
|
+
}) => JSX_2.Element;
|
|
231
|
+
|
|
260
232
|
declare interface SvgProps extends default_2.SVGProps<SVGSVGElement> {
|
|
261
233
|
fill?: string;
|
|
262
234
|
stroke?: string;
|
|
263
235
|
}
|
|
264
236
|
|
|
237
|
+
declare interface SvgProps_2 extends default_2.SVGProps<SVGSVGElement> {
|
|
238
|
+
fill?: string;
|
|
239
|
+
stroke?: string;
|
|
240
|
+
}
|
|
241
|
+
|
|
265
242
|
export declare const Table: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableElement> & React_2.RefAttributes<HTMLTableElement>>;
|
|
266
243
|
|
|
267
244
|
export declare const TableBody: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
|
|
@@ -300,11 +277,11 @@ export declare const Tag: React_2.ForwardRefExoticComponent<TagProps & React_2.R
|
|
|
300
277
|
export declare interface TagProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagVariants> {
|
|
301
278
|
isRemovable?: boolean;
|
|
302
279
|
onRemove?: () => void;
|
|
303
|
-
icon?: keyof typeof
|
|
280
|
+
icon?: keyof typeof icons | string | undefined;
|
|
304
281
|
}
|
|
305
282
|
|
|
306
283
|
declare const tagVariants: (props?: ({
|
|
307
|
-
variant?: "gray" | "brand" | null | undefined;
|
|
284
|
+
variant?: "transparent" | "gray" | "brand" | null | undefined;
|
|
308
285
|
} & ClassProp) | undefined) => string;
|
|
309
286
|
|
|
310
287
|
export declare const TextAreaField: React_2.ForwardRefExoticComponent<TextAreaFieldProps & React_2.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -324,8 +301,6 @@ export declare interface TextAreaFieldProps extends React_2.TextareaHTMLAttribut
|
|
|
324
301
|
isValid?: boolean;
|
|
325
302
|
}
|
|
326
303
|
|
|
327
|
-
export declare const TextBlockCard: ({ type, size, text, likeCount, canShare, classNames, }: CardProps) => JSX_2.Element;
|
|
328
|
-
|
|
329
304
|
export declare const TextField: React_2.ForwardRefExoticComponent<TextFieldProps & React_2.RefAttributes<HTMLInputElement>>;
|
|
330
305
|
|
|
331
306
|
export declare interface TextFieldProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
|
|
@@ -378,6 +353,21 @@ declare const tooltipVariants: (props?: ({
|
|
|
378
353
|
defaultVariants?: "variant" | "beakPosition" | null | undefined;
|
|
379
354
|
} & ClassProp) | undefined) => string;
|
|
380
355
|
|
|
356
|
+
declare const UltimateIcons: typeof icons & {
|
|
357
|
+
File3d: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
358
|
+
FileWord: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
359
|
+
FilePdf: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
360
|
+
FilePpt: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
361
|
+
FileExcel: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
362
|
+
Section: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
363
|
+
XSocial: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
364
|
+
Farcaster: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
365
|
+
Warpcast: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
366
|
+
Orb: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
367
|
+
Lens: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
368
|
+
Hey: ({ width, height, ...props }: LucideIconProps) => JSX_2.Element;
|
|
369
|
+
};
|
|
370
|
+
|
|
381
371
|
export declare const useHoverAndLongPress: ({ delay, }: UseHoverAndLongPressProps) => {
|
|
382
372
|
onMouseEnter: () => void;
|
|
383
373
|
onMouseLeave: () => void;
|