fxui-core 2.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.d.mts +1907 -0
- package/dist/index.d.ts +1907 -0
- package/dist/index.js +11167 -0
- package/dist/index.mjs +11007 -0
- package/package.json +94 -0
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,1907 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
export { VariantProps } from 'class-variance-authority';
|
|
6
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
7
|
+
import * as RadixAccordion from '@radix-ui/react-accordion';
|
|
8
|
+
import * as RadixCheckbox from '@radix-ui/react-checkbox';
|
|
9
|
+
import * as RadixSwitch from '@radix-ui/react-switch';
|
|
10
|
+
import * as RadixSelect from '@radix-ui/react-select';
|
|
11
|
+
import * as RadixRadioGroup from '@radix-ui/react-radio-group';
|
|
12
|
+
import * as RadixSlider from '@radix-ui/react-slider';
|
|
13
|
+
import * as RadixProgress from '@radix-ui/react-progress';
|
|
14
|
+
import * as RadixPopover from '@radix-ui/react-popover';
|
|
15
|
+
import * as RadixTabs from '@radix-ui/react-tabs';
|
|
16
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
17
|
+
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
18
|
+
import { ClassValue } from 'clsx';
|
|
19
|
+
|
|
20
|
+
declare const buttonVariants: (props?: ({
|
|
21
|
+
variant?: "default" | "outline" | "ghost" | "destructive" | "neon" | null | undefined;
|
|
22
|
+
size?: "sm" | "md" | "lg" | "icon" | null | undefined;
|
|
23
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
24
|
+
interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
25
|
+
isLoading?: boolean;
|
|
26
|
+
leftIcon?: React__default.ReactNode;
|
|
27
|
+
rightIcon?: React__default.ReactNode;
|
|
28
|
+
}
|
|
29
|
+
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
30
|
+
|
|
31
|
+
declare const cardVariants: (props?: ({
|
|
32
|
+
variant?: "default" | "neon" | "bordered" | "elevated" | null | undefined;
|
|
33
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
34
|
+
interface CardProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
|
|
35
|
+
}
|
|
36
|
+
declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>> & {
|
|
37
|
+
Header: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
Body: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
Footer: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
declare const inputVariants: (props?: ({
|
|
43
|
+
variant?: "default" | "filled" | "flushed" | null | undefined;
|
|
44
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
45
|
+
interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
|
|
46
|
+
label?: string;
|
|
47
|
+
error?: string;
|
|
48
|
+
hint?: string;
|
|
49
|
+
leftAddon?: React__default.ReactNode;
|
|
50
|
+
rightAddon?: React__default.ReactNode;
|
|
51
|
+
}
|
|
52
|
+
declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
53
|
+
|
|
54
|
+
declare const badgeVariants: (props?: ({
|
|
55
|
+
variant?: "default" | "outline" | "neon" | null | undefined;
|
|
56
|
+
color?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
57
|
+
size?: "sm" | "md" | null | undefined;
|
|
58
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
59
|
+
interface BadgeProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
|
|
60
|
+
}
|
|
61
|
+
declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
62
|
+
|
|
63
|
+
interface ModalProps {
|
|
64
|
+
children: React__default.ReactNode;
|
|
65
|
+
open?: boolean;
|
|
66
|
+
onOpenChange?: (open: boolean) => void;
|
|
67
|
+
}
|
|
68
|
+
interface ModalContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
69
|
+
size?: 'sm' | 'md' | 'lg' | 'full';
|
|
70
|
+
}
|
|
71
|
+
declare const Modal: {
|
|
72
|
+
({ children, open, onOpenChange }: ModalProps): React__default.JSX.Element;
|
|
73
|
+
displayName: string;
|
|
74
|
+
} & {
|
|
75
|
+
Trigger: React__default.ForwardRefExoticComponent<Omit<Dialog.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
76
|
+
Content: React__default.ForwardRefExoticComponent<ModalContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
77
|
+
Header: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
78
|
+
Body: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
79
|
+
Footer: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
interface TooltipProps {
|
|
83
|
+
children: React__default.ReactNode;
|
|
84
|
+
content: React__default.ReactNode;
|
|
85
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
86
|
+
delayDuration?: number;
|
|
87
|
+
}
|
|
88
|
+
declare const Tooltip: {
|
|
89
|
+
({ children, content, placement, delayDuration }: TooltipProps): React__default.JSX.Element;
|
|
90
|
+
displayName: string;
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
declare const accordionVariants: (props?: ({
|
|
94
|
+
variant?: "default" | "separated" | null | undefined;
|
|
95
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
96
|
+
type SingleProps = {
|
|
97
|
+
type: 'single';
|
|
98
|
+
defaultValue?: string;
|
|
99
|
+
value?: string;
|
|
100
|
+
onValueChange?: (value: string) => void;
|
|
101
|
+
collapsible?: boolean;
|
|
102
|
+
};
|
|
103
|
+
type MultipleProps = {
|
|
104
|
+
type: 'multiple';
|
|
105
|
+
defaultValue?: string[];
|
|
106
|
+
value?: string[];
|
|
107
|
+
onValueChange?: (value: string[]) => void;
|
|
108
|
+
};
|
|
109
|
+
type AccordionBaseProps = {
|
|
110
|
+
className?: string;
|
|
111
|
+
children?: React__default.ReactNode;
|
|
112
|
+
dir?: 'ltr' | 'rtl';
|
|
113
|
+
orientation?: 'horizontal' | 'vertical';
|
|
114
|
+
};
|
|
115
|
+
type AccordionProps = (SingleProps | MultipleProps) & AccordionBaseProps & VariantProps<typeof accordionVariants>;
|
|
116
|
+
interface AccordionItemProps extends React__default.ComponentPropsWithoutRef<typeof RadixAccordion.Item> {
|
|
117
|
+
variant?: 'default' | 'separated';
|
|
118
|
+
}
|
|
119
|
+
declare const Accordion: React__default.ForwardRefExoticComponent<AccordionProps & React__default.RefAttributes<HTMLDivElement>> & {
|
|
120
|
+
Item: React__default.ForwardRefExoticComponent<AccordionItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
121
|
+
Trigger: React__default.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
122
|
+
Content: React__default.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
interface CheckboxProps extends React__default.ComponentPropsWithoutRef<typeof RadixCheckbox.Root> {
|
|
126
|
+
label?: string;
|
|
127
|
+
}
|
|
128
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
129
|
+
|
|
130
|
+
interface SwitchProps extends React__default.ComponentPropsWithoutRef<typeof RadixSwitch.Root> {
|
|
131
|
+
label?: string;
|
|
132
|
+
description?: string;
|
|
133
|
+
}
|
|
134
|
+
declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
135
|
+
|
|
136
|
+
declare const selectTriggerVariants: (props?: ({
|
|
137
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
138
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
139
|
+
interface SelectProps extends VariantProps<typeof selectTriggerVariants> {
|
|
140
|
+
label?: string;
|
|
141
|
+
placeholder?: string;
|
|
142
|
+
error?: string;
|
|
143
|
+
hint?: string;
|
|
144
|
+
disabled?: boolean;
|
|
145
|
+
value?: string;
|
|
146
|
+
defaultValue?: string;
|
|
147
|
+
onValueChange?: (value: string) => void;
|
|
148
|
+
children: React__default.ReactNode;
|
|
149
|
+
className?: string;
|
|
150
|
+
}
|
|
151
|
+
interface SelectItemProps extends React__default.ComponentPropsWithoutRef<typeof RadixSelect.Item> {
|
|
152
|
+
}
|
|
153
|
+
interface SelectGroupProps extends React__default.ComponentPropsWithoutRef<typeof RadixSelect.Group> {
|
|
154
|
+
label?: string;
|
|
155
|
+
}
|
|
156
|
+
declare const Select: {
|
|
157
|
+
({ label, placeholder, error, hint, disabled, value, defaultValue, onValueChange, size, children, className, }: SelectProps): React__default.JSX.Element;
|
|
158
|
+
displayName: string;
|
|
159
|
+
} & {
|
|
160
|
+
Item: React__default.ForwardRefExoticComponent<SelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
161
|
+
Group: React__default.ForwardRefExoticComponent<SelectGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
162
|
+
Separator: React__default.ForwardRefExoticComponent<Omit<RadixSelect.SelectSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
163
|
+
};
|
|
164
|
+
|
|
165
|
+
interface RadioOption {
|
|
166
|
+
value: string;
|
|
167
|
+
label: string;
|
|
168
|
+
description?: string;
|
|
169
|
+
disabled?: boolean;
|
|
170
|
+
}
|
|
171
|
+
interface RadioGroupProps extends Omit<React__default.ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>, 'children'> {
|
|
172
|
+
options: RadioOption[];
|
|
173
|
+
label?: string;
|
|
174
|
+
error?: string;
|
|
175
|
+
hint?: string;
|
|
176
|
+
orientation?: 'horizontal' | 'vertical';
|
|
177
|
+
}
|
|
178
|
+
declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
179
|
+
|
|
180
|
+
declare const textareaVariants: (props?: ({
|
|
181
|
+
variant?: "default" | "filled" | "flushed" | null | undefined;
|
|
182
|
+
resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
|
|
183
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
184
|
+
interface TextareaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children'>, VariantProps<typeof textareaVariants> {
|
|
185
|
+
label?: string;
|
|
186
|
+
error?: string;
|
|
187
|
+
hint?: string;
|
|
188
|
+
showCount?: boolean;
|
|
189
|
+
maxLength?: number;
|
|
190
|
+
}
|
|
191
|
+
declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
|
|
192
|
+
|
|
193
|
+
interface NumberInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'value'> {
|
|
194
|
+
label?: string;
|
|
195
|
+
error?: string;
|
|
196
|
+
hint?: string;
|
|
197
|
+
value?: number;
|
|
198
|
+
defaultValue?: number;
|
|
199
|
+
min?: number;
|
|
200
|
+
max?: number;
|
|
201
|
+
step?: number;
|
|
202
|
+
onChange?: (value: number) => void;
|
|
203
|
+
}
|
|
204
|
+
declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
205
|
+
|
|
206
|
+
interface SliderProps extends Omit<React__default.ComponentPropsWithoutRef<typeof RadixSlider.Root>, 'children'> {
|
|
207
|
+
label?: string;
|
|
208
|
+
hint?: string;
|
|
209
|
+
showValue?: boolean;
|
|
210
|
+
formatValue?: (value: number) => string;
|
|
211
|
+
}
|
|
212
|
+
declare const Slider: React__default.ForwardRefExoticComponent<SliderProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
213
|
+
|
|
214
|
+
interface ToastData {
|
|
215
|
+
id: string;
|
|
216
|
+
title?: string;
|
|
217
|
+
description?: string;
|
|
218
|
+
variant?: 'default' | 'success' | 'error' | 'warning' | 'info';
|
|
219
|
+
duration?: number;
|
|
220
|
+
action?: {
|
|
221
|
+
label: string;
|
|
222
|
+
onClick: () => void;
|
|
223
|
+
};
|
|
224
|
+
}
|
|
225
|
+
interface ToastContextValue {
|
|
226
|
+
toast: (data: Omit<ToastData, 'id'>) => void;
|
|
227
|
+
dismiss: (id: string) => void;
|
|
228
|
+
}
|
|
229
|
+
declare function useToast(): ToastContextValue;
|
|
230
|
+
declare function ToastProvider({ children }: {
|
|
231
|
+
children: React__default.ReactNode;
|
|
232
|
+
}): React__default.JSX.Element;
|
|
233
|
+
|
|
234
|
+
declare const alertVariants: (props?: ({
|
|
235
|
+
variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
236
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
237
|
+
interface AlertProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
238
|
+
title?: string;
|
|
239
|
+
onClose?: () => void;
|
|
240
|
+
}
|
|
241
|
+
declare const Alert: React__default.ForwardRefExoticComponent<AlertProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
242
|
+
|
|
243
|
+
declare const progressTrackVariants: (props?: ({
|
|
244
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
245
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
246
|
+
declare const progressFillVariants: (props?: ({
|
|
247
|
+
color?: "default" | "neon" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
248
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
249
|
+
interface ProgressProps extends Omit<React__default.ComponentPropsWithoutRef<typeof RadixProgress.Root>, 'color'>, VariantProps<typeof progressTrackVariants>, VariantProps<typeof progressFillVariants> {
|
|
250
|
+
label?: string;
|
|
251
|
+
showValue?: boolean;
|
|
252
|
+
formatValue?: (value: number, max: number) => string;
|
|
253
|
+
}
|
|
254
|
+
declare const Progress: React__default.ForwardRefExoticComponent<ProgressProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
255
|
+
|
|
256
|
+
declare const skeletonVariants: (props?: ({
|
|
257
|
+
shape?: "text" | "circle" | "rect" | null | undefined;
|
|
258
|
+
animation?: "none" | "shimmer" | "pulse" | "wave" | null | undefined;
|
|
259
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
260
|
+
interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
|
|
261
|
+
}
|
|
262
|
+
interface SkeletonTextProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
263
|
+
lines?: number;
|
|
264
|
+
lastLineWidth?: string;
|
|
265
|
+
animation?: SkeletonProps['animation'];
|
|
266
|
+
}
|
|
267
|
+
interface SkeletonAvatarProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
268
|
+
size?: 'sm' | 'md' | 'lg';
|
|
269
|
+
lines?: number;
|
|
270
|
+
animation?: SkeletonProps['animation'];
|
|
271
|
+
}
|
|
272
|
+
interface SkeletonButtonProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
273
|
+
size?: 'sm' | 'md' | 'lg';
|
|
274
|
+
animation?: SkeletonProps['animation'];
|
|
275
|
+
}
|
|
276
|
+
interface SkeletonImageProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
277
|
+
aspectRatio?: '1/1' | '4/3' | '16/9' | '3/2' | '2/3';
|
|
278
|
+
animation?: SkeletonProps['animation'];
|
|
279
|
+
}
|
|
280
|
+
declare const SkeletonComponent: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLDivElement>> & {
|
|
281
|
+
Text: React__default.ForwardRefExoticComponent<SkeletonTextProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
282
|
+
Avatar: React__default.ForwardRefExoticComponent<SkeletonAvatarProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
283
|
+
Button: React__default.ForwardRefExoticComponent<SkeletonButtonProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
284
|
+
Image: React__default.ForwardRefExoticComponent<SkeletonImageProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
285
|
+
};
|
|
286
|
+
|
|
287
|
+
declare const spinnerVariants: (props?: ({
|
|
288
|
+
size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
289
|
+
variant?: "default" | "neon" | "white" | "primary" | null | undefined;
|
|
290
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
291
|
+
interface SpinnerProps extends React__default.SVGAttributes<SVGSVGElement>, VariantProps<typeof spinnerVariants> {
|
|
292
|
+
label?: string;
|
|
293
|
+
}
|
|
294
|
+
declare const Spinner: React__default.ForwardRefExoticComponent<SpinnerProps & React__default.RefAttributes<SVGSVGElement>>;
|
|
295
|
+
|
|
296
|
+
type Placement = 'left' | 'right' | 'top' | 'bottom';
|
|
297
|
+
interface DrawerProps {
|
|
298
|
+
children: React__default.ReactNode;
|
|
299
|
+
open?: boolean;
|
|
300
|
+
onOpenChange?: (open: boolean) => void;
|
|
301
|
+
}
|
|
302
|
+
interface DrawerContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
303
|
+
placement?: Placement;
|
|
304
|
+
}
|
|
305
|
+
declare const Drawer: {
|
|
306
|
+
({ children, open, onOpenChange }: DrawerProps): React__default.JSX.Element;
|
|
307
|
+
displayName: string;
|
|
308
|
+
} & {
|
|
309
|
+
Trigger: React__default.ForwardRefExoticComponent<Omit<Dialog.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
310
|
+
Content: React__default.ForwardRefExoticComponent<DrawerContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
311
|
+
Header: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
312
|
+
Body: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
313
|
+
Footer: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
314
|
+
};
|
|
315
|
+
|
|
316
|
+
interface PopoverProps {
|
|
317
|
+
children: React__default.ReactNode;
|
|
318
|
+
open?: boolean;
|
|
319
|
+
onOpenChange?: (open: boolean) => void;
|
|
320
|
+
defaultOpen?: boolean;
|
|
321
|
+
}
|
|
322
|
+
interface PopoverContentProps extends React__default.ComponentPropsWithoutRef<typeof RadixPopover.Content> {
|
|
323
|
+
showArrow?: boolean;
|
|
324
|
+
}
|
|
325
|
+
declare const Popover: {
|
|
326
|
+
({ children, open, onOpenChange, defaultOpen }: PopoverProps): React__default.JSX.Element;
|
|
327
|
+
displayName: string;
|
|
328
|
+
} & {
|
|
329
|
+
Trigger: React__default.ForwardRefExoticComponent<Omit<RadixPopover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
330
|
+
Content: React__default.ForwardRefExoticComponent<PopoverContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
331
|
+
Close: React__default.ForwardRefExoticComponent<Omit<RadixPopover.PopoverCloseProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
332
|
+
};
|
|
333
|
+
|
|
334
|
+
type TabsVariant = 'default' | 'boxed' | 'pills';
|
|
335
|
+
interface TabsProps extends React__default.ComponentPropsWithoutRef<typeof RadixTabs.Root> {
|
|
336
|
+
variant?: TabsVariant;
|
|
337
|
+
}
|
|
338
|
+
declare const Tabs: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>> & {
|
|
339
|
+
List: React__default.ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
340
|
+
Trigger: React__default.ForwardRefExoticComponent<Omit<RadixTabs.TabsTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
341
|
+
Content: React__default.ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
342
|
+
};
|
|
343
|
+
|
|
344
|
+
interface BreadcrumbItem {
|
|
345
|
+
label: string;
|
|
346
|
+
href?: string;
|
|
347
|
+
onClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
|
|
348
|
+
}
|
|
349
|
+
interface BreadcrumbProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
350
|
+
items: BreadcrumbItem[];
|
|
351
|
+
separator?: React__default.ReactNode;
|
|
352
|
+
}
|
|
353
|
+
declare const Breadcrumb: React__default.ForwardRefExoticComponent<BreadcrumbProps & React__default.RefAttributes<HTMLElement>>;
|
|
354
|
+
|
|
355
|
+
interface PaginationProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
356
|
+
page: number;
|
|
357
|
+
totalPages: number;
|
|
358
|
+
onPageChange: (page: number) => void;
|
|
359
|
+
siblingCount?: number;
|
|
360
|
+
showFirstLast?: boolean;
|
|
361
|
+
}
|
|
362
|
+
declare const Pagination: React__default.ForwardRefExoticComponent<PaginationProps & React__default.RefAttributes<HTMLElement>>;
|
|
363
|
+
|
|
364
|
+
interface StepperStep {
|
|
365
|
+
title: string;
|
|
366
|
+
description?: string;
|
|
367
|
+
}
|
|
368
|
+
interface StepperProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
369
|
+
steps: StepperStep[];
|
|
370
|
+
currentStep: number;
|
|
371
|
+
orientation?: 'horizontal' | 'vertical';
|
|
372
|
+
}
|
|
373
|
+
declare const Stepper: React__default.ForwardRefExoticComponent<StepperProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
374
|
+
|
|
375
|
+
declare const tableVariants: (props?: ({
|
|
376
|
+
variant?: "default" | "bordered" | "striped" | null | undefined;
|
|
377
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
378
|
+
interface TableProps extends React__default.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
|
|
379
|
+
hoverable?: boolean;
|
|
380
|
+
stickyHeader?: boolean;
|
|
381
|
+
caption?: string;
|
|
382
|
+
}
|
|
383
|
+
interface TableHeaderCellProps extends React__default.ThHTMLAttributes<HTMLTableCellElement> {
|
|
384
|
+
sortable?: boolean;
|
|
385
|
+
sortDirection?: 'asc' | 'desc' | null;
|
|
386
|
+
}
|
|
387
|
+
declare const Table: React__default.ForwardRefExoticComponent<TableProps & React__default.RefAttributes<HTMLTableElement>> & {
|
|
388
|
+
Head: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableSectionElement> & React__default.RefAttributes<HTMLTableSectionElement>>;
|
|
389
|
+
Body: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableSectionElement> & React__default.RefAttributes<HTMLTableSectionElement>>;
|
|
390
|
+
Foot: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableSectionElement> & React__default.RefAttributes<HTMLTableSectionElement>>;
|
|
391
|
+
Row: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableRowElement> & React__default.RefAttributes<HTMLTableRowElement>>;
|
|
392
|
+
HeaderCell: React__default.ForwardRefExoticComponent<TableHeaderCellProps & React__default.RefAttributes<HTMLTableCellElement>>;
|
|
393
|
+
Cell: React__default.ForwardRefExoticComponent<React__default.TdHTMLAttributes<HTMLTableCellElement> & React__default.RefAttributes<HTMLTableCellElement>>;
|
|
394
|
+
};
|
|
395
|
+
|
|
396
|
+
declare const avatarVariants$1: (props?: ({
|
|
397
|
+
size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | null | undefined;
|
|
398
|
+
shape?: "circle" | "square" | null | undefined;
|
|
399
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
400
|
+
interface AvatarProps extends React__default.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof avatarVariants$1> {
|
|
401
|
+
src?: string;
|
|
402
|
+
alt?: string;
|
|
403
|
+
fallback?: string;
|
|
404
|
+
}
|
|
405
|
+
interface AvatarGroupProps$1 extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
406
|
+
max?: number;
|
|
407
|
+
size?: VariantProps<typeof avatarVariants$1>['size'];
|
|
408
|
+
children: React__default.ReactNode;
|
|
409
|
+
}
|
|
410
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLSpanElement>> & {
|
|
411
|
+
Group: React__default.ForwardRefExoticComponent<AvatarGroupProps$1 & React__default.RefAttributes<HTMLDivElement>>;
|
|
412
|
+
};
|
|
413
|
+
|
|
414
|
+
declare const tagVariants: (props?: ({
|
|
415
|
+
variant?: "default" | "outline" | "ghost" | "neon" | null | undefined;
|
|
416
|
+
color?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
417
|
+
size?: "sm" | "md" | null | undefined;
|
|
418
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
419
|
+
interface TagProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof tagVariants> {
|
|
420
|
+
leftIcon?: React__default.ReactNode;
|
|
421
|
+
onClose?: () => void;
|
|
422
|
+
closeable?: boolean;
|
|
423
|
+
}
|
|
424
|
+
declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
425
|
+
|
|
426
|
+
type StatTrend = 'up' | 'down' | 'neutral';
|
|
427
|
+
interface StatProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
428
|
+
label: string;
|
|
429
|
+
value: string | number;
|
|
430
|
+
change?: string | number;
|
|
431
|
+
trend?: StatTrend;
|
|
432
|
+
icon?: React__default.ReactNode;
|
|
433
|
+
description?: string;
|
|
434
|
+
}
|
|
435
|
+
declare const Stat: React__default.ForwardRefExoticComponent<StatProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
436
|
+
|
|
437
|
+
interface TimelineItem {
|
|
438
|
+
title: string;
|
|
439
|
+
description?: string;
|
|
440
|
+
date?: string;
|
|
441
|
+
icon?: React__default.ReactNode;
|
|
442
|
+
variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
|
|
443
|
+
}
|
|
444
|
+
interface TimelineProps extends React__default.HTMLAttributes<HTMLOListElement> {
|
|
445
|
+
items: TimelineItem[];
|
|
446
|
+
}
|
|
447
|
+
declare const Timeline: React__default.ForwardRefExoticComponent<TimelineProps & React__default.RefAttributes<HTMLOListElement>>;
|
|
448
|
+
|
|
449
|
+
declare const kbdVariants: (props?: ({
|
|
450
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
451
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
452
|
+
interface KbdProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof kbdVariants> {
|
|
453
|
+
}
|
|
454
|
+
interface KbdComboProps extends React__default.HTMLAttributes<HTMLSpanElement> {
|
|
455
|
+
keys: string[];
|
|
456
|
+
size?: VariantProps<typeof kbdVariants>['size'];
|
|
457
|
+
separator?: React__default.ReactNode;
|
|
458
|
+
}
|
|
459
|
+
declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLElement>> & {
|
|
460
|
+
Combo: React__default.ForwardRefExoticComponent<KbdComboProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
461
|
+
};
|
|
462
|
+
|
|
463
|
+
declare const dividerVariants: (props?: ({
|
|
464
|
+
variant?: "dashed" | "dotted" | "solid" | null | undefined;
|
|
465
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
466
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
467
|
+
interface DividerProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dividerVariants> {
|
|
468
|
+
label?: React__default.ReactNode;
|
|
469
|
+
labelPlacement?: 'start' | 'center' | 'end';
|
|
470
|
+
}
|
|
471
|
+
declare const Divider: React__default.ForwardRefExoticComponent<DividerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
472
|
+
|
|
473
|
+
interface EmptyStateProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
474
|
+
icon?: React__default.ReactNode;
|
|
475
|
+
title: string;
|
|
476
|
+
description?: string;
|
|
477
|
+
action?: React__default.ReactNode;
|
|
478
|
+
}
|
|
479
|
+
declare const EmptyState: React__default.ForwardRefExoticComponent<EmptyStateProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
480
|
+
|
|
481
|
+
declare const codeVariants: (props?: ({
|
|
482
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
483
|
+
variant?: "default" | "error" | "success" | "highlight" | null | undefined;
|
|
484
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
485
|
+
interface CodeProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof codeVariants> {
|
|
486
|
+
block?: boolean;
|
|
487
|
+
}
|
|
488
|
+
declare const Code: React__default.ForwardRefExoticComponent<CodeProps & React__default.RefAttributes<HTMLElement>>;
|
|
489
|
+
|
|
490
|
+
declare const copyButtonVariants: (props?: ({
|
|
491
|
+
variant?: "default" | "ghost" | "icon" | null | undefined;
|
|
492
|
+
size?: "sm" | "md" | "lg" | "icon" | null | undefined;
|
|
493
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
494
|
+
interface CopyButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onCopy'>, VariantProps<typeof copyButtonVariants> {
|
|
495
|
+
value: string;
|
|
496
|
+
timeout?: number;
|
|
497
|
+
label?: string;
|
|
498
|
+
copiedLabel?: string;
|
|
499
|
+
iconOnly?: boolean;
|
|
500
|
+
onCopy?: (value: string) => void;
|
|
501
|
+
}
|
|
502
|
+
declare const CopyButton: React__default.ForwardRefExoticComponent<CopyButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
503
|
+
|
|
504
|
+
declare const colorSwatchVariants: (props?: ({
|
|
505
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
506
|
+
shape?: "circle" | "square" | null | undefined;
|
|
507
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
508
|
+
interface ColorSwatchProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof colorSwatchVariants> {
|
|
509
|
+
color: string;
|
|
510
|
+
name?: string;
|
|
511
|
+
showHex?: boolean;
|
|
512
|
+
}
|
|
513
|
+
declare const ColorSwatch: React__default.ForwardRefExoticComponent<ColorSwatchProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
514
|
+
|
|
515
|
+
declare const containerVariants: (props?: ({
|
|
516
|
+
size?: "sm" | "md" | "lg" | "full" | "xl" | "2xl" | null | undefined;
|
|
517
|
+
boxed?: boolean | null | undefined;
|
|
518
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
519
|
+
interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
|
|
520
|
+
}
|
|
521
|
+
declare const Container: React__default.ForwardRefExoticComponent<ContainerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
522
|
+
|
|
523
|
+
declare const stackVariants: (props?: ({
|
|
524
|
+
direction?: "row" | "col" | "row-reverse" | "col-reverse" | null | undefined;
|
|
525
|
+
gap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "12" | "10" | null | undefined;
|
|
526
|
+
align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
|
|
527
|
+
justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
|
|
528
|
+
wrap?: boolean | null | undefined;
|
|
529
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
530
|
+
interface StackProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
|
|
531
|
+
}
|
|
532
|
+
declare const Stack: React__default.ForwardRefExoticComponent<StackProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
533
|
+
|
|
534
|
+
declare const flexVariants: (props?: ({
|
|
535
|
+
direction?: "row" | "col" | "row-reverse" | "col-reverse" | null | undefined;
|
|
536
|
+
wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
|
|
537
|
+
align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
|
|
538
|
+
justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
|
|
539
|
+
gap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "12" | "10" | null | undefined;
|
|
540
|
+
inline?: boolean | null | undefined;
|
|
541
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
542
|
+
interface FlexProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof flexVariants> {
|
|
543
|
+
}
|
|
544
|
+
declare const Flex: React__default.ForwardRefExoticComponent<FlexProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
545
|
+
|
|
546
|
+
declare const gridVariants: (props?: ({
|
|
547
|
+
cols?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none" | "12" | "10" | "9" | "11" | null | undefined;
|
|
548
|
+
rows?: "1" | "2" | "3" | "4" | "5" | "6" | "none" | null | undefined;
|
|
549
|
+
gap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "12" | "10" | null | undefined;
|
|
550
|
+
align?: "center" | "end" | "start" | "stretch" | null | undefined;
|
|
551
|
+
justify?: "center" | "end" | "start" | "stretch" | null | undefined;
|
|
552
|
+
flow?: "row" | "col" | "dense" | "row-dense" | "col-dense" | null | undefined;
|
|
553
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
554
|
+
interface GridProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
|
|
555
|
+
}
|
|
556
|
+
declare const colSpanMap: Record<string, string>;
|
|
557
|
+
declare const rowSpanMap: Record<string, string>;
|
|
558
|
+
interface GridItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
559
|
+
colSpan?: keyof typeof colSpanMap;
|
|
560
|
+
rowSpan?: keyof typeof rowSpanMap;
|
|
561
|
+
colStart?: string;
|
|
562
|
+
rowStart?: string;
|
|
563
|
+
}
|
|
564
|
+
declare const GridWithItem: React__default.ForwardRefExoticComponent<GridProps & React__default.RefAttributes<HTMLDivElement>> & {
|
|
565
|
+
Item: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
566
|
+
};
|
|
567
|
+
|
|
568
|
+
type AspectRatioPreset$1 = 'square' | 'video' | 'photo' | 'wide' | 'portrait' | 'golden';
|
|
569
|
+
interface AspectRatioProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
570
|
+
ratio?: number | AspectRatioPreset$1;
|
|
571
|
+
children?: React__default.ReactNode;
|
|
572
|
+
}
|
|
573
|
+
declare const AspectRatio: React__default.ForwardRefExoticComponent<AspectRatioProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
574
|
+
|
|
575
|
+
interface TagInputProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
576
|
+
value?: string[];
|
|
577
|
+
defaultValue?: string[];
|
|
578
|
+
onChange?: (tags: string[]) => void;
|
|
579
|
+
placeholder?: string;
|
|
580
|
+
max?: number;
|
|
581
|
+
separator?: string | string[];
|
|
582
|
+
validate?: (tag: string) => boolean;
|
|
583
|
+
disabled?: boolean;
|
|
584
|
+
invalid?: boolean;
|
|
585
|
+
label?: string;
|
|
586
|
+
hint?: string;
|
|
587
|
+
error?: string;
|
|
588
|
+
}
|
|
589
|
+
declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
590
|
+
|
|
591
|
+
interface ComboBoxOption {
|
|
592
|
+
value: string;
|
|
593
|
+
label: string;
|
|
594
|
+
group?: string;
|
|
595
|
+
disabled?: boolean;
|
|
596
|
+
}
|
|
597
|
+
interface ComboBoxProps {
|
|
598
|
+
options: ComboBoxOption[];
|
|
599
|
+
value?: string | null;
|
|
600
|
+
defaultValue?: string;
|
|
601
|
+
onChange?: (value: string | null) => void;
|
|
602
|
+
placeholder?: string;
|
|
603
|
+
searchPlaceholder?: string;
|
|
604
|
+
clearable?: boolean;
|
|
605
|
+
disabled?: boolean;
|
|
606
|
+
invalid?: boolean;
|
|
607
|
+
label?: string;
|
|
608
|
+
hint?: string;
|
|
609
|
+
error?: string;
|
|
610
|
+
id?: string;
|
|
611
|
+
className?: string;
|
|
612
|
+
}
|
|
613
|
+
declare const ComboBox: React__default.ForwardRefExoticComponent<ComboBoxProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
614
|
+
|
|
615
|
+
interface FileUploadProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
616
|
+
accept?: string;
|
|
617
|
+
multiple?: boolean;
|
|
618
|
+
maxSize?: number;
|
|
619
|
+
maxFiles?: number;
|
|
620
|
+
onChange?: (files: File[]) => void;
|
|
621
|
+
disabled?: boolean;
|
|
622
|
+
label?: string;
|
|
623
|
+
hint?: string;
|
|
624
|
+
error?: string;
|
|
625
|
+
value?: File[];
|
|
626
|
+
}
|
|
627
|
+
declare const FileUpload: React__default.ForwardRefExoticComponent<FileUploadProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
628
|
+
|
|
629
|
+
interface DatePickerProps {
|
|
630
|
+
value?: Date | null;
|
|
631
|
+
defaultValue?: Date | null;
|
|
632
|
+
onChange?: (date: Date | null) => void;
|
|
633
|
+
minDate?: Date;
|
|
634
|
+
maxDate?: Date;
|
|
635
|
+
placeholder?: string;
|
|
636
|
+
disabled?: boolean;
|
|
637
|
+
invalid?: boolean;
|
|
638
|
+
clearable?: boolean;
|
|
639
|
+
label?: string;
|
|
640
|
+
hint?: string;
|
|
641
|
+
error?: string;
|
|
642
|
+
id?: string;
|
|
643
|
+
className?: string;
|
|
644
|
+
}
|
|
645
|
+
declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
646
|
+
|
|
647
|
+
declare const headingVariants: (props?: ({
|
|
648
|
+
size?: "h2" | "h3" | "h1" | "h4" | "h5" | "h6" | "display" | null | undefined;
|
|
649
|
+
color?: "default" | "muted" | "blue" | "green" | "pink" | "purple" | "yellow" | null | undefined;
|
|
650
|
+
align?: "center" | "left" | "right" | null | undefined;
|
|
651
|
+
truncate?: boolean | null | undefined;
|
|
652
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
653
|
+
type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
|
|
654
|
+
interface HeadingProps extends Omit<React__default.HTMLAttributes<HTMLHeadingElement>, 'color'>, VariantProps<typeof headingVariants> {
|
|
655
|
+
as?: HeadingTag;
|
|
656
|
+
highlight?: boolean;
|
|
657
|
+
}
|
|
658
|
+
declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
|
|
659
|
+
|
|
660
|
+
declare const textVariants: (props?: ({
|
|
661
|
+
size?: "sm" | "lg" | "base" | "xs" | "xl" | null | undefined;
|
|
662
|
+
weight?: "bold" | "black" | "normal" | "medium" | "semibold" | null | undefined;
|
|
663
|
+
color?: "default" | "error" | "success" | "warning" | "muted" | "white" | "primary" | null | undefined;
|
|
664
|
+
align?: "center" | "left" | "right" | "justify" | null | undefined;
|
|
665
|
+
leading?: "normal" | "loose" | "tight" | "relaxed" | null | undefined;
|
|
666
|
+
truncate?: boolean | null | undefined;
|
|
667
|
+
mono?: boolean | null | undefined;
|
|
668
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
669
|
+
type TextTag = 'p' | 'span' | 'div' | 'label' | 'small' | 'strong' | 'em';
|
|
670
|
+
interface TextProps extends Omit<React__default.HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof textVariants> {
|
|
671
|
+
as?: TextTag;
|
|
672
|
+
}
|
|
673
|
+
declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLElement>>;
|
|
674
|
+
|
|
675
|
+
declare const labelVariants: (props?: ({
|
|
676
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
677
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
678
|
+
interface LabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
|
|
679
|
+
required?: boolean;
|
|
680
|
+
optional?: boolean;
|
|
681
|
+
}
|
|
682
|
+
declare const Label: React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>;
|
|
683
|
+
|
|
684
|
+
declare const captionVariants: (props?: ({
|
|
685
|
+
variant?: "default" | "error" | "success" | "warning" | "muted" | null | undefined;
|
|
686
|
+
align?: "center" | "left" | "right" | null | undefined;
|
|
687
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
688
|
+
interface CaptionProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof captionVariants> {
|
|
689
|
+
as?: 'p' | 'span' | 'figcaption' | 'small';
|
|
690
|
+
icon?: React__default.ReactNode;
|
|
691
|
+
}
|
|
692
|
+
declare const Caption: React__default.ForwardRefExoticComponent<CaptionProps & React__default.RefAttributes<HTMLElement>>;
|
|
693
|
+
|
|
694
|
+
declare const blockquoteVariants: (props?: ({
|
|
695
|
+
variant?: "default" | "blue" | "green" | "pink" | "purple" | "yellow" | null | undefined;
|
|
696
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
697
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
698
|
+
interface BlockquoteProps extends React__default.BlockquoteHTMLAttributes<HTMLQuoteElement>, VariantProps<typeof blockquoteVariants> {
|
|
699
|
+
cite?: string;
|
|
700
|
+
author?: string;
|
|
701
|
+
}
|
|
702
|
+
declare const Blockquote: React__default.ForwardRefExoticComponent<BlockquoteProps & React__default.RefAttributes<HTMLQuoteElement>>;
|
|
703
|
+
|
|
704
|
+
declare const DropdownMenu: React__default.FC<DropdownMenuPrimitive.DropdownMenuProps> & {
|
|
705
|
+
Trigger: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
706
|
+
Content: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
707
|
+
Item: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
708
|
+
icon?: React__default.ReactNode;
|
|
709
|
+
shortcut?: string;
|
|
710
|
+
destructive?: boolean;
|
|
711
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
712
|
+
CheckboxItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
713
|
+
RadioGroup: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
714
|
+
RadioItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
715
|
+
Label: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
716
|
+
Separator: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
717
|
+
Sub: React__default.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
718
|
+
SubTrigger: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
719
|
+
SubContent: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
720
|
+
Portal: React__default.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
721
|
+
};
|
|
722
|
+
|
|
723
|
+
declare const ContextMenu: React__default.FC<ContextMenuPrimitive.ContextMenuProps> & {
|
|
724
|
+
Trigger: React__default.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
725
|
+
Content: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
726
|
+
Item: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
727
|
+
icon?: React__default.ReactNode;
|
|
728
|
+
shortcut?: string;
|
|
729
|
+
destructive?: boolean;
|
|
730
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
731
|
+
CheckboxItem: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
732
|
+
Label: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
733
|
+
Separator: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
734
|
+
Sub: React__default.FC<ContextMenuPrimitive.ContextMenuSubProps>;
|
|
735
|
+
SubTrigger: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
736
|
+
SubContent: React__default.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
737
|
+
};
|
|
738
|
+
|
|
739
|
+
interface CommandItem {
|
|
740
|
+
id: string;
|
|
741
|
+
label: string;
|
|
742
|
+
description?: string;
|
|
743
|
+
icon?: React__default.ReactNode;
|
|
744
|
+
shortcut?: string;
|
|
745
|
+
group?: string;
|
|
746
|
+
action: () => void;
|
|
747
|
+
keywords?: string[];
|
|
748
|
+
}
|
|
749
|
+
interface CommandPaletteContextValue {
|
|
750
|
+
open: boolean;
|
|
751
|
+
setOpen: (open: boolean) => void;
|
|
752
|
+
}
|
|
753
|
+
declare function useCommandPalette(): CommandPaletteContextValue;
|
|
754
|
+
interface CommandPaletteProviderProps {
|
|
755
|
+
children: React__default.ReactNode;
|
|
756
|
+
shortcut?: string;
|
|
757
|
+
}
|
|
758
|
+
declare function CommandPaletteProvider({ children, shortcut }: CommandPaletteProviderProps): React__default.JSX.Element;
|
|
759
|
+
interface CommandPaletteProps {
|
|
760
|
+
items: CommandItem[];
|
|
761
|
+
placeholder?: string;
|
|
762
|
+
emptyText?: string;
|
|
763
|
+
open?: boolean;
|
|
764
|
+
onOpenChange?: (open: boolean) => void;
|
|
765
|
+
}
|
|
766
|
+
declare function CommandPalette({ items, placeholder, emptyText, open: controlledOpen, onOpenChange, }: CommandPaletteProps): React__default.JSX.Element;
|
|
767
|
+
declare namespace CommandPalette {
|
|
768
|
+
var displayName: string;
|
|
769
|
+
}
|
|
770
|
+
|
|
771
|
+
interface ScrollAreaProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
772
|
+
orientation?: 'vertical' | 'horizontal' | 'both';
|
|
773
|
+
scrollbarSize?: number;
|
|
774
|
+
type?: 'auto' | 'always' | 'scroll' | 'hover';
|
|
775
|
+
maxHeight?: string | number;
|
|
776
|
+
maxWidth?: string | number;
|
|
777
|
+
}
|
|
778
|
+
declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
779
|
+
|
|
780
|
+
type ObjectFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
|
|
781
|
+
type AspectRatioPreset = 'square' | 'video' | 'photo' | 'wide' | 'portrait';
|
|
782
|
+
interface ImageProps extends Omit<React__default.ImgHTMLAttributes<HTMLImageElement>, 'src'> {
|
|
783
|
+
src?: string;
|
|
784
|
+
alt: string;
|
|
785
|
+
/** Aspect ratio preset or numeric ratio (width/height). */
|
|
786
|
+
ratio?: number | AspectRatioPreset;
|
|
787
|
+
objectFit?: ObjectFit;
|
|
788
|
+
fallback?: React__default.ReactNode;
|
|
789
|
+
caption?: string;
|
|
790
|
+
bordered?: boolean;
|
|
791
|
+
rounded?: boolean;
|
|
792
|
+
/** Drop shadow matching the neo-brutalist design system. */
|
|
793
|
+
shadow?: boolean;
|
|
794
|
+
/** Scale up on hover. */
|
|
795
|
+
zoom?: boolean;
|
|
796
|
+
/** Corner badge label (e.g. "New", "Sale"). */
|
|
797
|
+
badge?: string;
|
|
798
|
+
/** Content overlay rendered on top of the image. */
|
|
799
|
+
overlay?: React__default.ReactNode;
|
|
800
|
+
/** Dark gradient overlay always visible at the bottom. */
|
|
801
|
+
gradient?: boolean;
|
|
802
|
+
}
|
|
803
|
+
declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
|
|
804
|
+
|
|
805
|
+
type CarouselNavVariant = 'dots' | 'pills' | 'bar' | 'numbers' | 'none';
|
|
806
|
+
interface CarouselProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
807
|
+
items: React__default.ReactNode[];
|
|
808
|
+
autoPlay?: boolean;
|
|
809
|
+
autoPlayInterval?: number;
|
|
810
|
+
loop?: boolean;
|
|
811
|
+
showDots?: boolean;
|
|
812
|
+
showArrows?: boolean;
|
|
813
|
+
defaultIndex?: number;
|
|
814
|
+
onIndexChange?: (index: number) => void;
|
|
815
|
+
/** Navigation indicator style. */
|
|
816
|
+
navVariant?: CarouselNavVariant;
|
|
817
|
+
/** Number of slides visible at once (default 1). */
|
|
818
|
+
slidesToShow?: number;
|
|
819
|
+
/** Gap between slides in pixels (used when slidesToShow > 1). */
|
|
820
|
+
gap?: number;
|
|
821
|
+
/** Show thumbnails below the main slide. */
|
|
822
|
+
thumbnails?: string[];
|
|
823
|
+
/** Aspect ratio applied to each slide wrapper. */
|
|
824
|
+
ratio?: '16/9' | '4/3' | '1/1' | 'auto';
|
|
825
|
+
}
|
|
826
|
+
declare const Carousel: React__default.ForwardRefExoticComponent<CarouselProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
827
|
+
|
|
828
|
+
type VideoPlayerTheme = 'dark' | 'yellow' | 'pink' | 'green' | 'blue';
|
|
829
|
+
interface VideoPlayerProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
830
|
+
src: string;
|
|
831
|
+
poster?: string;
|
|
832
|
+
autoPlay?: boolean;
|
|
833
|
+
loop?: boolean;
|
|
834
|
+
muted?: boolean;
|
|
835
|
+
caption?: string;
|
|
836
|
+
/** Aspect ratio applied to the video container. */
|
|
837
|
+
ratio?: '16/9' | '4/3' | '9/16' | '1/1' | 'auto';
|
|
838
|
+
/** Colour theme for the control bar accent. */
|
|
839
|
+
theme?: VideoPlayerTheme;
|
|
840
|
+
/** Show a keyboard shortcuts hint in the controls. */
|
|
841
|
+
showShortcuts?: boolean;
|
|
842
|
+
}
|
|
843
|
+
declare const VideoPlayer: React__default.ForwardRefExoticComponent<VideoPlayerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
844
|
+
|
|
845
|
+
declare const FX_CHART_COLORS: string[];
|
|
846
|
+
interface ChartSeries {
|
|
847
|
+
key: string;
|
|
848
|
+
label?: string;
|
|
849
|
+
color?: string;
|
|
850
|
+
}
|
|
851
|
+
interface LineChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
852
|
+
data: Record<string, string | number>[];
|
|
853
|
+
series: ChartSeries[];
|
|
854
|
+
xKey?: string;
|
|
855
|
+
height?: number;
|
|
856
|
+
showGrid?: boolean;
|
|
857
|
+
showLegend?: boolean;
|
|
858
|
+
showTooltip?: boolean;
|
|
859
|
+
curved?: boolean;
|
|
860
|
+
showDots?: boolean;
|
|
861
|
+
}
|
|
862
|
+
declare const LineChart: React__default.ForwardRefExoticComponent<LineChartProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
863
|
+
|
|
864
|
+
interface BarChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
865
|
+
data: Record<string, string | number>[];
|
|
866
|
+
series: ChartSeries[];
|
|
867
|
+
xKey?: string;
|
|
868
|
+
height?: number;
|
|
869
|
+
orientation?: 'vertical' | 'horizontal';
|
|
870
|
+
stacked?: boolean;
|
|
871
|
+
showGrid?: boolean;
|
|
872
|
+
showLegend?: boolean;
|
|
873
|
+
showTooltip?: boolean;
|
|
874
|
+
radius?: number;
|
|
875
|
+
}
|
|
876
|
+
declare const BarChart: React__default.ForwardRefExoticComponent<BarChartProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
877
|
+
|
|
878
|
+
interface AreaChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
879
|
+
data: Record<string, string | number>[];
|
|
880
|
+
series: ChartSeries[];
|
|
881
|
+
xKey?: string;
|
|
882
|
+
height?: number;
|
|
883
|
+
stacked?: boolean;
|
|
884
|
+
showGrid?: boolean;
|
|
885
|
+
showLegend?: boolean;
|
|
886
|
+
showTooltip?: boolean;
|
|
887
|
+
curved?: boolean;
|
|
888
|
+
fillOpacity?: number;
|
|
889
|
+
}
|
|
890
|
+
declare const AreaChart: React__default.ForwardRefExoticComponent<AreaChartProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
891
|
+
|
|
892
|
+
interface DonutChartItem {
|
|
893
|
+
label: string;
|
|
894
|
+
value: number;
|
|
895
|
+
color?: string;
|
|
896
|
+
}
|
|
897
|
+
interface DonutChartProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
898
|
+
data: DonutChartItem[];
|
|
899
|
+
height?: number;
|
|
900
|
+
innerRadius?: number | string;
|
|
901
|
+
outerRadius?: number | string;
|
|
902
|
+
centerLabel?: string;
|
|
903
|
+
centerValue?: string | number;
|
|
904
|
+
showLegend?: boolean;
|
|
905
|
+
showTooltip?: boolean;
|
|
906
|
+
showLabels?: boolean;
|
|
907
|
+
variant?: 'donut' | 'pie';
|
|
908
|
+
}
|
|
909
|
+
declare const DonutChart: React__default.ForwardRefExoticComponent<DonutChartProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
910
|
+
|
|
911
|
+
interface SparkLineProps extends React__default.HTMLAttributes<HTMLSpanElement> {
|
|
912
|
+
data: number[];
|
|
913
|
+
color?: string;
|
|
914
|
+
variant?: 'line' | 'area';
|
|
915
|
+
width?: number;
|
|
916
|
+
height?: number;
|
|
917
|
+
showTooltip?: boolean;
|
|
918
|
+
trend?: 'up' | 'down' | 'neutral';
|
|
919
|
+
showTrend?: boolean;
|
|
920
|
+
}
|
|
921
|
+
declare const SparkLine: React__default.ForwardRefExoticComponent<SparkLineProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
922
|
+
|
|
923
|
+
interface RatingProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
924
|
+
value?: number;
|
|
925
|
+
defaultValue?: number;
|
|
926
|
+
onChange?: (value: number) => void;
|
|
927
|
+
max?: number;
|
|
928
|
+
precision?: 'full' | 'half';
|
|
929
|
+
readOnly?: boolean;
|
|
930
|
+
disabled?: boolean;
|
|
931
|
+
size?: 'sm' | 'md' | 'lg';
|
|
932
|
+
color?: string;
|
|
933
|
+
label?: string;
|
|
934
|
+
}
|
|
935
|
+
declare const Rating: React__default.ForwardRefExoticComponent<RatingProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
936
|
+
|
|
937
|
+
interface OTPInputProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
938
|
+
length?: number;
|
|
939
|
+
value?: string;
|
|
940
|
+
onChange?: (value: string) => void;
|
|
941
|
+
onComplete?: (value: string) => void;
|
|
942
|
+
type?: 'numeric' | 'alphanumeric';
|
|
943
|
+
autoFocus?: boolean;
|
|
944
|
+
disabled?: boolean;
|
|
945
|
+
size?: 'sm' | 'md' | 'lg';
|
|
946
|
+
groupSize?: number;
|
|
947
|
+
label?: string;
|
|
948
|
+
error?: string;
|
|
949
|
+
}
|
|
950
|
+
declare const OTPInput: React__default.ForwardRefExoticComponent<OTPInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
951
|
+
|
|
952
|
+
interface TourStep {
|
|
953
|
+
target?: string;
|
|
954
|
+
title: string;
|
|
955
|
+
content: React__default.ReactNode;
|
|
956
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
957
|
+
}
|
|
958
|
+
interface TourProps {
|
|
959
|
+
steps: TourStep[];
|
|
960
|
+
open?: boolean;
|
|
961
|
+
onOpenChange?: (open: boolean) => void;
|
|
962
|
+
onComplete?: () => void;
|
|
963
|
+
showProgress?: boolean;
|
|
964
|
+
showSkip?: boolean;
|
|
965
|
+
spotlightPadding?: number;
|
|
966
|
+
}
|
|
967
|
+
interface TourContextValue {
|
|
968
|
+
start: () => void;
|
|
969
|
+
stop: () => void;
|
|
970
|
+
isOpen: boolean;
|
|
971
|
+
}
|
|
972
|
+
declare function useTour(): TourContextValue;
|
|
973
|
+
interface TourProviderProps {
|
|
974
|
+
children: React__default.ReactNode;
|
|
975
|
+
}
|
|
976
|
+
declare function TourProvider({ children }: TourProviderProps): React__default.JSX.Element;
|
|
977
|
+
declare function Tour({ steps, open: controlledOpen, onOpenChange, onComplete, showProgress, showSkip, spotlightPadding, }: TourProps): React__default.ReactPortal | null;
|
|
978
|
+
declare namespace Tour {
|
|
979
|
+
var displayName: string;
|
|
980
|
+
}
|
|
981
|
+
|
|
982
|
+
declare const chipVariants: (props?: ({
|
|
983
|
+
variant?: "default" | "filled" | "blue" | "green" | "pink" | "purple" | "yellow" | null | undefined;
|
|
984
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
985
|
+
interactive?: boolean | null | undefined;
|
|
986
|
+
selected?: boolean | null | undefined;
|
|
987
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
988
|
+
interface ChipProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'onClick'>, VariantProps<typeof chipVariants> {
|
|
989
|
+
icon?: React__default.ReactNode;
|
|
990
|
+
onClose?: () => void;
|
|
991
|
+
onClick?: () => void;
|
|
992
|
+
closeLabel?: string;
|
|
993
|
+
}
|
|
994
|
+
declare const Chip: React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
995
|
+
|
|
996
|
+
declare const fabVariants: (props?: ({
|
|
997
|
+
variant?: "default" | "blue" | "green" | "pink" | "white" | "yellow" | null | undefined;
|
|
998
|
+
shape?: "circle" | "square" | "pill" | null | undefined;
|
|
999
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1000
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1001
|
+
interface FloatingActionButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof fabVariants> {
|
|
1002
|
+
icon: React__default.ReactNode;
|
|
1003
|
+
label?: string;
|
|
1004
|
+
position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'static';
|
|
1005
|
+
offset?: number;
|
|
1006
|
+
}
|
|
1007
|
+
declare const FloatingActionButton: React__default.ForwardRefExoticComponent<FloatingActionButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
1008
|
+
|
|
1009
|
+
interface SplitLayoutProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1010
|
+
direction?: 'horizontal' | 'vertical';
|
|
1011
|
+
defaultSplit?: number;
|
|
1012
|
+
minSize?: number;
|
|
1013
|
+
maxSize?: number;
|
|
1014
|
+
dividerSize?: number;
|
|
1015
|
+
collapsible?: boolean;
|
|
1016
|
+
}
|
|
1017
|
+
declare const SplitLayout: React__default.ForwardRefExoticComponent<SplitLayoutProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1018
|
+
|
|
1019
|
+
interface MasonryProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1020
|
+
columns?: number | {
|
|
1021
|
+
sm?: number;
|
|
1022
|
+
md?: number;
|
|
1023
|
+
lg?: number;
|
|
1024
|
+
xl?: number;
|
|
1025
|
+
};
|
|
1026
|
+
gap?: number;
|
|
1027
|
+
}
|
|
1028
|
+
declare const Masonry: React__default.ForwardRefExoticComponent<MasonryProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1029
|
+
|
|
1030
|
+
declare const pullQuoteVariants: (props?: ({
|
|
1031
|
+
accent?: "black" | "blue" | "green" | "pink" | "purple" | "yellow" | null | undefined;
|
|
1032
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1033
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1034
|
+
interface PullQuoteProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof pullQuoteVariants> {
|
|
1035
|
+
author?: string;
|
|
1036
|
+
source?: string;
|
|
1037
|
+
}
|
|
1038
|
+
declare const PullQuote: React__default.ForwardRefExoticComponent<PullQuoteProps & React__default.RefAttributes<HTMLElement>>;
|
|
1039
|
+
|
|
1040
|
+
declare const gradientTextVariants: (props?: ({
|
|
1041
|
+
gradient?: "neon" | "lime" | "sunset" | "ocean" | "fire" | "electric" | "candy" | null | undefined;
|
|
1042
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1043
|
+
interface GradientTextProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof gradientTextVariants> {
|
|
1044
|
+
as?: 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'p';
|
|
1045
|
+
animate?: boolean;
|
|
1046
|
+
}
|
|
1047
|
+
declare const GradientText: React__default.ForwardRefExoticComponent<GradientTextProps & React__default.RefAttributes<HTMLElement>>;
|
|
1048
|
+
|
|
1049
|
+
interface PasswordInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
1050
|
+
label?: string;
|
|
1051
|
+
error?: string;
|
|
1052
|
+
hint?: string;
|
|
1053
|
+
}
|
|
1054
|
+
declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1055
|
+
|
|
1056
|
+
interface SearchInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
1057
|
+
onSearch?: (value: string) => void;
|
|
1058
|
+
onChange?: (value: string) => void;
|
|
1059
|
+
debounceMs?: number;
|
|
1060
|
+
clearable?: boolean;
|
|
1061
|
+
isLoading?: boolean;
|
|
1062
|
+
}
|
|
1063
|
+
declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1064
|
+
|
|
1065
|
+
interface CheckboxGroupOption {
|
|
1066
|
+
value: string;
|
|
1067
|
+
label: string;
|
|
1068
|
+
description?: string;
|
|
1069
|
+
disabled?: boolean;
|
|
1070
|
+
}
|
|
1071
|
+
interface CheckboxGroupProps {
|
|
1072
|
+
options: CheckboxGroupOption[];
|
|
1073
|
+
value?: string[];
|
|
1074
|
+
defaultValue?: string[];
|
|
1075
|
+
onChange?: (value: string[]) => void;
|
|
1076
|
+
label?: string;
|
|
1077
|
+
orientation?: 'vertical' | 'horizontal';
|
|
1078
|
+
selectAll?: boolean;
|
|
1079
|
+
selectAllLabel?: string;
|
|
1080
|
+
error?: string;
|
|
1081
|
+
hint?: string;
|
|
1082
|
+
disabled?: boolean;
|
|
1083
|
+
className?: string;
|
|
1084
|
+
}
|
|
1085
|
+
declare const CheckboxGroup: {
|
|
1086
|
+
({ options, value, defaultValue, onChange, label, orientation, selectAll, selectAllLabel, error, hint, disabled, className, }: CheckboxGroupProps): React__default.JSX.Element;
|
|
1087
|
+
displayName: string;
|
|
1088
|
+
};
|
|
1089
|
+
|
|
1090
|
+
interface SwitchGroupOption {
|
|
1091
|
+
value: string;
|
|
1092
|
+
label: string;
|
|
1093
|
+
description?: string;
|
|
1094
|
+
disabled?: boolean;
|
|
1095
|
+
}
|
|
1096
|
+
interface SwitchGroupProps {
|
|
1097
|
+
options: SwitchGroupOption[];
|
|
1098
|
+
value?: string[];
|
|
1099
|
+
defaultValue?: string[];
|
|
1100
|
+
onChange?: (value: string[]) => void;
|
|
1101
|
+
label?: string;
|
|
1102
|
+
hint?: string;
|
|
1103
|
+
disabled?: boolean;
|
|
1104
|
+
className?: string;
|
|
1105
|
+
}
|
|
1106
|
+
declare const SwitchGroup: {
|
|
1107
|
+
({ options, value, defaultValue, onChange, label, hint, disabled, className, }: SwitchGroupProps): React__default.JSX.Element;
|
|
1108
|
+
displayName: string;
|
|
1109
|
+
};
|
|
1110
|
+
|
|
1111
|
+
interface SegmentedControlOption {
|
|
1112
|
+
value: string;
|
|
1113
|
+
label: React__default.ReactNode;
|
|
1114
|
+
icon?: React__default.ReactNode;
|
|
1115
|
+
disabled?: boolean;
|
|
1116
|
+
}
|
|
1117
|
+
interface SegmentedControlProps {
|
|
1118
|
+
options: SegmentedControlOption[];
|
|
1119
|
+
value?: string;
|
|
1120
|
+
defaultValue?: string;
|
|
1121
|
+
onChange?: (value: string) => void;
|
|
1122
|
+
size?: 'sm' | 'md' | 'lg';
|
|
1123
|
+
fullWidth?: boolean;
|
|
1124
|
+
disabled?: boolean;
|
|
1125
|
+
className?: string;
|
|
1126
|
+
'aria-label'?: string;
|
|
1127
|
+
}
|
|
1128
|
+
declare const SegmentedControl: React__default.ForwardRefExoticComponent<SegmentedControlProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1129
|
+
|
|
1130
|
+
type ColorFormat = 'hex' | 'rgb' | 'hsl';
|
|
1131
|
+
interface ColorPickerProps {
|
|
1132
|
+
value?: string;
|
|
1133
|
+
defaultValue?: string;
|
|
1134
|
+
onChange?: (value: string, formatted: string) => void;
|
|
1135
|
+
format?: ColorFormat;
|
|
1136
|
+
presets?: string[];
|
|
1137
|
+
showPresets?: boolean;
|
|
1138
|
+
showInput?: boolean;
|
|
1139
|
+
label?: string;
|
|
1140
|
+
className?: string;
|
|
1141
|
+
}
|
|
1142
|
+
declare const ColorPicker: React__default.ForwardRefExoticComponent<ColorPickerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1143
|
+
|
|
1144
|
+
interface CountryCode {
|
|
1145
|
+
code: string;
|
|
1146
|
+
dial: string;
|
|
1147
|
+
flag: string;
|
|
1148
|
+
name: string;
|
|
1149
|
+
}
|
|
1150
|
+
declare const COUNTRY_CODES: CountryCode[];
|
|
1151
|
+
interface PhoneInputProps {
|
|
1152
|
+
value?: string;
|
|
1153
|
+
defaultValue?: string;
|
|
1154
|
+
onChange?: (value: string, dialCode: string, number: string) => void;
|
|
1155
|
+
defaultCountry?: string;
|
|
1156
|
+
countries?: CountryCode[];
|
|
1157
|
+
label?: string;
|
|
1158
|
+
error?: string;
|
|
1159
|
+
hint?: string;
|
|
1160
|
+
placeholder?: string;
|
|
1161
|
+
disabled?: boolean;
|
|
1162
|
+
className?: string;
|
|
1163
|
+
}
|
|
1164
|
+
declare const PhoneInput: React__default.ForwardRefExoticComponent<PhoneInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1165
|
+
|
|
1166
|
+
type MaskInputPreset = 'phone-us' | 'phone-tr' | 'credit-card' | 'date' | 'time' | 'ssn' | 'zip';
|
|
1167
|
+
interface MaskInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue'> {
|
|
1168
|
+
mask?: string;
|
|
1169
|
+
preset?: MaskInputPreset;
|
|
1170
|
+
value?: string;
|
|
1171
|
+
defaultValue?: string;
|
|
1172
|
+
onChange?: (raw: string, formatted: string) => void;
|
|
1173
|
+
label?: string;
|
|
1174
|
+
error?: string;
|
|
1175
|
+
hint?: string;
|
|
1176
|
+
}
|
|
1177
|
+
declare const MaskInput: React__default.ForwardRefExoticComponent<MaskInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1178
|
+
|
|
1179
|
+
interface TreeSelectNode {
|
|
1180
|
+
value: string;
|
|
1181
|
+
label: string;
|
|
1182
|
+
children?: TreeSelectNode[];
|
|
1183
|
+
disabled?: boolean;
|
|
1184
|
+
}
|
|
1185
|
+
interface TreeSelectProps {
|
|
1186
|
+
options: TreeSelectNode[];
|
|
1187
|
+
value?: string;
|
|
1188
|
+
defaultValue?: string;
|
|
1189
|
+
onChange?: (value: string, node: TreeSelectNode) => void;
|
|
1190
|
+
placeholder?: string;
|
|
1191
|
+
label?: string;
|
|
1192
|
+
error?: string;
|
|
1193
|
+
hint?: string;
|
|
1194
|
+
disabled?: boolean;
|
|
1195
|
+
className?: string;
|
|
1196
|
+
}
|
|
1197
|
+
declare const TreeSelect: React__default.ForwardRefExoticComponent<TreeSelectProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1198
|
+
|
|
1199
|
+
interface PinInputProps {
|
|
1200
|
+
length?: number;
|
|
1201
|
+
value?: string;
|
|
1202
|
+
defaultValue?: string;
|
|
1203
|
+
onChange?: (value: string, complete: boolean) => void;
|
|
1204
|
+
onComplete?: (value: string) => void;
|
|
1205
|
+
masked?: boolean;
|
|
1206
|
+
numeric?: boolean;
|
|
1207
|
+
size?: 'sm' | 'md' | 'lg';
|
|
1208
|
+
variant?: 'default' | 'filled' | 'flushed';
|
|
1209
|
+
label?: string;
|
|
1210
|
+
error?: string;
|
|
1211
|
+
hint?: string;
|
|
1212
|
+
disabled?: boolean;
|
|
1213
|
+
autoFocus?: boolean;
|
|
1214
|
+
className?: string;
|
|
1215
|
+
}
|
|
1216
|
+
declare const PinInput: React__default.ForwardRefExoticComponent<PinInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1217
|
+
|
|
1218
|
+
interface TreeViewNode {
|
|
1219
|
+
id: string;
|
|
1220
|
+
label: React__default.ReactNode;
|
|
1221
|
+
icon?: React__default.ReactNode;
|
|
1222
|
+
children?: TreeViewNode[];
|
|
1223
|
+
data?: unknown;
|
|
1224
|
+
}
|
|
1225
|
+
interface TreeViewProps {
|
|
1226
|
+
nodes: TreeViewNode[];
|
|
1227
|
+
defaultExpanded?: string[];
|
|
1228
|
+
defaultSelected?: string;
|
|
1229
|
+
onSelect?: (id: string, node: TreeViewNode) => void;
|
|
1230
|
+
onExpand?: (id: string, expanded: boolean) => void;
|
|
1231
|
+
selectable?: boolean;
|
|
1232
|
+
className?: string;
|
|
1233
|
+
'aria-label'?: string;
|
|
1234
|
+
}
|
|
1235
|
+
declare const TreeView: React__default.ForwardRefExoticComponent<TreeViewProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1236
|
+
|
|
1237
|
+
interface DataListItem {
|
|
1238
|
+
label: string;
|
|
1239
|
+
value: React__default.ReactNode;
|
|
1240
|
+
copyable?: boolean;
|
|
1241
|
+
}
|
|
1242
|
+
interface DataListProps {
|
|
1243
|
+
items: DataListItem[];
|
|
1244
|
+
orientation?: 'horizontal' | 'vertical';
|
|
1245
|
+
striped?: boolean;
|
|
1246
|
+
bordered?: boolean;
|
|
1247
|
+
size?: 'sm' | 'md' | 'lg';
|
|
1248
|
+
className?: string;
|
|
1249
|
+
}
|
|
1250
|
+
declare const DataList: React__default.ForwardRefExoticComponent<DataListProps & React__default.RefAttributes<HTMLDListElement>>;
|
|
1251
|
+
|
|
1252
|
+
declare const listVariants: (props?: ({
|
|
1253
|
+
variant?: "none" | "bullet" | "numbered" | "check" | "neo" | null | undefined;
|
|
1254
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1255
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1256
|
+
interface ListItemProps extends React__default.HTMLAttributes<HTMLLIElement> {
|
|
1257
|
+
icon?: React__default.ReactNode;
|
|
1258
|
+
description?: string;
|
|
1259
|
+
}
|
|
1260
|
+
interface ListProps extends Omit<React__default.HTMLAttributes<HTMLUListElement | HTMLOListElement>, 'type'>, VariantProps<typeof listVariants> {
|
|
1261
|
+
items?: (string | ListItemProps)[];
|
|
1262
|
+
type?: 'ul' | 'ol';
|
|
1263
|
+
}
|
|
1264
|
+
declare const List: React__default.ForwardRefExoticComponent<ListProps & React__default.RefAttributes<HTMLElement>>;
|
|
1265
|
+
|
|
1266
|
+
declare const bannerVariants: (props?: ({
|
|
1267
|
+
variant?: "default" | "error" | "success" | "warning" | "info" | "blue" | "green" | "pink" | "purple" | "yellow" | null | undefined;
|
|
1268
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1269
|
+
interface BannerProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
|
|
1270
|
+
icon?: React__default.ReactNode;
|
|
1271
|
+
action?: React__default.ReactNode;
|
|
1272
|
+
closeable?: boolean;
|
|
1273
|
+
onClose?: () => void;
|
|
1274
|
+
}
|
|
1275
|
+
declare const Banner: React__default.ForwardRefExoticComponent<BannerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1276
|
+
|
|
1277
|
+
interface ConfirmDialogProps {
|
|
1278
|
+
open?: boolean;
|
|
1279
|
+
onOpenChange?: (open: boolean) => void;
|
|
1280
|
+
trigger?: React__default.ReactNode;
|
|
1281
|
+
title: string;
|
|
1282
|
+
description?: string;
|
|
1283
|
+
confirmLabel?: string;
|
|
1284
|
+
cancelLabel?: string;
|
|
1285
|
+
onConfirm: () => void;
|
|
1286
|
+
onCancel?: () => void;
|
|
1287
|
+
destructive?: boolean;
|
|
1288
|
+
isLoading?: boolean;
|
|
1289
|
+
children?: React__default.ReactNode;
|
|
1290
|
+
}
|
|
1291
|
+
declare const ConfirmDialog: {
|
|
1292
|
+
({ open, onOpenChange, trigger, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, isLoading, children, }: ConfirmDialogProps): React__default.JSX.Element;
|
|
1293
|
+
displayName: string;
|
|
1294
|
+
};
|
|
1295
|
+
|
|
1296
|
+
declare const notificationVariants: (props?: ({
|
|
1297
|
+
variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
1298
|
+
read?: boolean | null | undefined;
|
|
1299
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1300
|
+
interface NotificationAction {
|
|
1301
|
+
label: string;
|
|
1302
|
+
onClick: () => void;
|
|
1303
|
+
}
|
|
1304
|
+
interface NotificationProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof notificationVariants> {
|
|
1305
|
+
icon?: React__default.ReactNode;
|
|
1306
|
+
title: string;
|
|
1307
|
+
description?: string;
|
|
1308
|
+
timestamp?: string;
|
|
1309
|
+
actions?: NotificationAction[];
|
|
1310
|
+
closeable?: boolean;
|
|
1311
|
+
onClose?: () => void;
|
|
1312
|
+
unread?: boolean;
|
|
1313
|
+
}
|
|
1314
|
+
declare const Notification: React__default.ForwardRefExoticComponent<NotificationProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1315
|
+
|
|
1316
|
+
declare const calloutVariants: (props?: ({
|
|
1317
|
+
variant?: "note" | "warning" | "info" | "tip" | "danger" | null | undefined;
|
|
1318
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1319
|
+
interface CalloutProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof calloutVariants> {
|
|
1320
|
+
title?: string;
|
|
1321
|
+
icon?: React__default.ReactNode;
|
|
1322
|
+
}
|
|
1323
|
+
declare const Callout: React__default.ForwardRefExoticComponent<CalloutProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1324
|
+
|
|
1325
|
+
interface LoadingOverlayProps {
|
|
1326
|
+
visible?: boolean;
|
|
1327
|
+
message?: string;
|
|
1328
|
+
blur?: boolean;
|
|
1329
|
+
color?: 'black' | 'white' | 'yellow';
|
|
1330
|
+
fullScreen?: boolean;
|
|
1331
|
+
className?: string;
|
|
1332
|
+
children?: React__default.ReactNode;
|
|
1333
|
+
}
|
|
1334
|
+
declare const LoadingOverlay: React__default.ForwardRefExoticComponent<LoadingOverlayProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1335
|
+
|
|
1336
|
+
declare const navbarVariants: (props?: ({
|
|
1337
|
+
variant?: "default" | "black" | "yellow" | "blur" | null | undefined;
|
|
1338
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1339
|
+
sticky?: boolean | null | undefined;
|
|
1340
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1341
|
+
interface NavbarProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof navbarVariants> {
|
|
1342
|
+
logo?: React__default.ReactNode;
|
|
1343
|
+
actions?: React__default.ReactNode;
|
|
1344
|
+
}
|
|
1345
|
+
declare const Navbar: React__default.ForwardRefExoticComponent<NavbarProps & React__default.RefAttributes<HTMLElement>>;
|
|
1346
|
+
interface NavbarItemProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
1347
|
+
active?: boolean;
|
|
1348
|
+
as?: React__default.ElementType;
|
|
1349
|
+
}
|
|
1350
|
+
declare const NavbarItem: React__default.ForwardRefExoticComponent<NavbarItemProps & React__default.RefAttributes<HTMLAnchorElement>>;
|
|
1351
|
+
|
|
1352
|
+
interface NavMenuLink {
|
|
1353
|
+
label: string;
|
|
1354
|
+
href: string;
|
|
1355
|
+
description?: string;
|
|
1356
|
+
icon?: React__default.ReactNode;
|
|
1357
|
+
onClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
|
|
1358
|
+
}
|
|
1359
|
+
interface NavMenuGroup {
|
|
1360
|
+
trigger: string;
|
|
1361
|
+
links: NavMenuLink[];
|
|
1362
|
+
}
|
|
1363
|
+
interface NavMenuItem {
|
|
1364
|
+
label: string;
|
|
1365
|
+
href?: string;
|
|
1366
|
+
group?: NavMenuGroup;
|
|
1367
|
+
active?: boolean;
|
|
1368
|
+
onClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
|
|
1369
|
+
}
|
|
1370
|
+
interface NavMenuProps {
|
|
1371
|
+
items: NavMenuItem[];
|
|
1372
|
+
className?: string;
|
|
1373
|
+
}
|
|
1374
|
+
declare const NavMenu: {
|
|
1375
|
+
({ items, className }: NavMenuProps): React__default.JSX.Element;
|
|
1376
|
+
displayName: string;
|
|
1377
|
+
};
|
|
1378
|
+
|
|
1379
|
+
interface AppSidebarSection {
|
|
1380
|
+
title?: string;
|
|
1381
|
+
items: AppSidebarItem[];
|
|
1382
|
+
}
|
|
1383
|
+
interface AppSidebarItem {
|
|
1384
|
+
label: string;
|
|
1385
|
+
href?: string;
|
|
1386
|
+
icon?: React__default.ReactNode;
|
|
1387
|
+
badge?: string | number;
|
|
1388
|
+
active?: boolean;
|
|
1389
|
+
onClick?: () => void;
|
|
1390
|
+
as?: React__default.ElementType;
|
|
1391
|
+
}
|
|
1392
|
+
interface AppSidebarProps {
|
|
1393
|
+
sections: AppSidebarSection[];
|
|
1394
|
+
logo?: React__default.ReactNode;
|
|
1395
|
+
footer?: React__default.ReactNode;
|
|
1396
|
+
collapsible?: boolean;
|
|
1397
|
+
defaultCollapsed?: boolean;
|
|
1398
|
+
width?: number;
|
|
1399
|
+
collapsedWidth?: number;
|
|
1400
|
+
className?: string;
|
|
1401
|
+
}
|
|
1402
|
+
declare const AppSidebar: React__default.ForwardRefExoticComponent<AppSidebarProps & React__default.RefAttributes<HTMLElement>>;
|
|
1403
|
+
|
|
1404
|
+
interface ScrollProgressProps {
|
|
1405
|
+
color?: 'yellow' | 'pink' | 'green' | 'blue' | 'purple' | 'black';
|
|
1406
|
+
height?: number;
|
|
1407
|
+
position?: 'top' | 'bottom';
|
|
1408
|
+
zIndex?: number;
|
|
1409
|
+
target?: React__default.RefObject<HTMLElement>;
|
|
1410
|
+
className?: string;
|
|
1411
|
+
}
|
|
1412
|
+
declare const ScrollProgress: React__default.ForwardRefExoticComponent<ScrollProgressProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1413
|
+
|
|
1414
|
+
interface HoverCardProps {
|
|
1415
|
+
trigger: React__default.ReactNode;
|
|
1416
|
+
children: React__default.ReactNode;
|
|
1417
|
+
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
1418
|
+
align?: 'start' | 'center' | 'end';
|
|
1419
|
+
sideOffset?: number;
|
|
1420
|
+
openDelay?: number;
|
|
1421
|
+
closeDelay?: number;
|
|
1422
|
+
open?: boolean;
|
|
1423
|
+
onOpenChange?: (open: boolean) => void;
|
|
1424
|
+
className?: string;
|
|
1425
|
+
}
|
|
1426
|
+
declare const HoverCard: {
|
|
1427
|
+
({ trigger, children, side, align, sideOffset, openDelay, closeDelay, open, onOpenChange, className, }: HoverCardProps): React__default.JSX.Element;
|
|
1428
|
+
displayName: string;
|
|
1429
|
+
};
|
|
1430
|
+
|
|
1431
|
+
type SheetSide = 'left' | 'right' | 'top' | 'bottom';
|
|
1432
|
+
interface SheetDialogProps {
|
|
1433
|
+
open?: boolean;
|
|
1434
|
+
onOpenChange?: (open: boolean) => void;
|
|
1435
|
+
trigger?: React__default.ReactNode;
|
|
1436
|
+
title?: string;
|
|
1437
|
+
description?: string;
|
|
1438
|
+
side?: SheetSide;
|
|
1439
|
+
size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
1440
|
+
children?: React__default.ReactNode;
|
|
1441
|
+
footer?: React__default.ReactNode;
|
|
1442
|
+
className?: string;
|
|
1443
|
+
}
|
|
1444
|
+
declare const SheetDialog: {
|
|
1445
|
+
({ open, onOpenChange, trigger, title, description, side, size, children, footer, className, }: SheetDialogProps): React__default.JSX.Element;
|
|
1446
|
+
displayName: string;
|
|
1447
|
+
};
|
|
1448
|
+
|
|
1449
|
+
interface ProgressRingProps {
|
|
1450
|
+
value: number;
|
|
1451
|
+
max?: number;
|
|
1452
|
+
size?: number;
|
|
1453
|
+
strokeWidth?: number;
|
|
1454
|
+
color?: 'yellow' | 'pink' | 'green' | 'blue' | 'purple' | 'black';
|
|
1455
|
+
trackColor?: string;
|
|
1456
|
+
showValue?: boolean;
|
|
1457
|
+
label?: string;
|
|
1458
|
+
format?: (value: number, max: number) => string;
|
|
1459
|
+
animate?: boolean;
|
|
1460
|
+
className?: string;
|
|
1461
|
+
}
|
|
1462
|
+
declare const ProgressRing: React__default.ForwardRefExoticComponent<ProgressRingProps & React__default.RefAttributes<SVGSVGElement>>;
|
|
1463
|
+
|
|
1464
|
+
interface AnimatedCounterProps {
|
|
1465
|
+
value: number;
|
|
1466
|
+
from?: number;
|
|
1467
|
+
duration?: number;
|
|
1468
|
+
decimals?: number;
|
|
1469
|
+
prefix?: string;
|
|
1470
|
+
suffix?: string;
|
|
1471
|
+
separator?: string;
|
|
1472
|
+
easing?: 'linear' | 'easeOut' | 'easeInOut';
|
|
1473
|
+
className?: string;
|
|
1474
|
+
formatValue?: (value: number) => string;
|
|
1475
|
+
}
|
|
1476
|
+
declare const AnimatedCounter: React__default.ForwardRefExoticComponent<AnimatedCounterProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
1477
|
+
|
|
1478
|
+
interface MarqueeProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1479
|
+
speed?: number;
|
|
1480
|
+
direction?: 'left' | 'right';
|
|
1481
|
+
pauseOnHover?: boolean;
|
|
1482
|
+
gap?: number;
|
|
1483
|
+
repeat?: number;
|
|
1484
|
+
gradient?: boolean;
|
|
1485
|
+
gradientWidth?: number;
|
|
1486
|
+
}
|
|
1487
|
+
declare const Marquee: React__default.ForwardRefExoticComponent<MarqueeProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1488
|
+
|
|
1489
|
+
interface ReadMoreProps {
|
|
1490
|
+
children: string;
|
|
1491
|
+
maxChars?: number;
|
|
1492
|
+
maxLines?: number;
|
|
1493
|
+
moreLabel?: string;
|
|
1494
|
+
lessLabel?: string;
|
|
1495
|
+
className?: string;
|
|
1496
|
+
}
|
|
1497
|
+
declare const ReadMore: React__default.ForwardRefExoticComponent<ReadMoreProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1498
|
+
|
|
1499
|
+
interface HighlightTextProps {
|
|
1500
|
+
text: string;
|
|
1501
|
+
highlight: string | string[];
|
|
1502
|
+
caseSensitive?: boolean;
|
|
1503
|
+
className?: string;
|
|
1504
|
+
highlightClassName?: string;
|
|
1505
|
+
}
|
|
1506
|
+
declare const HighlightText: React__default.ForwardRefExoticComponent<HighlightTextProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
1507
|
+
|
|
1508
|
+
interface FormFieldProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1509
|
+
label?: string;
|
|
1510
|
+
hint?: string;
|
|
1511
|
+
error?: string;
|
|
1512
|
+
required?: boolean;
|
|
1513
|
+
htmlFor?: string;
|
|
1514
|
+
}
|
|
1515
|
+
declare const FormField: React__default.ForwardRefExoticComponent<FormFieldProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1516
|
+
|
|
1517
|
+
declare const inputGroupVariants: (props?: ({
|
|
1518
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1519
|
+
error?: boolean | null | undefined;
|
|
1520
|
+
disabled?: boolean | null | undefined;
|
|
1521
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1522
|
+
interface InputGroupAddonProps extends React__default.HTMLAttributes<HTMLSpanElement> {
|
|
1523
|
+
position: 'left' | 'right';
|
|
1524
|
+
}
|
|
1525
|
+
interface InputGroupProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'>, Omit<VariantProps<typeof inputGroupVariants>, 'disabled'> {
|
|
1526
|
+
prefix?: React__default.ReactNode;
|
|
1527
|
+
suffix?: React__default.ReactNode;
|
|
1528
|
+
error?: boolean;
|
|
1529
|
+
wrapperClassName?: string;
|
|
1530
|
+
}
|
|
1531
|
+
declare const InputGroup: React__default.ForwardRefExoticComponent<InputGroupProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1532
|
+
|
|
1533
|
+
interface AutoCompleteOption {
|
|
1534
|
+
value: string;
|
|
1535
|
+
label: string;
|
|
1536
|
+
description?: string;
|
|
1537
|
+
}
|
|
1538
|
+
interface AutoCompleteProps {
|
|
1539
|
+
options?: AutoCompleteOption[];
|
|
1540
|
+
onSearch?: (query: string) => void;
|
|
1541
|
+
onSelect?: (option: AutoCompleteOption) => void;
|
|
1542
|
+
loading?: boolean;
|
|
1543
|
+
placeholder?: string;
|
|
1544
|
+
value?: string;
|
|
1545
|
+
defaultValue?: string;
|
|
1546
|
+
onChange?: (value: string) => void;
|
|
1547
|
+
disabled?: boolean;
|
|
1548
|
+
error?: boolean;
|
|
1549
|
+
emptyText?: string;
|
|
1550
|
+
className?: string;
|
|
1551
|
+
id?: string;
|
|
1552
|
+
}
|
|
1553
|
+
declare const AutoComplete: React__default.ForwardRefExoticComponent<AutoCompleteProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1554
|
+
|
|
1555
|
+
declare const avatarVariants: (props?: ({
|
|
1556
|
+
size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
1557
|
+
shape?: "circle" | "square" | null | undefined;
|
|
1558
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1559
|
+
interface AvatarItem {
|
|
1560
|
+
src?: string;
|
|
1561
|
+
name: string;
|
|
1562
|
+
color?: 'yellow' | 'pink' | 'green' | 'blue' | 'purple' | 'black' | 'default';
|
|
1563
|
+
}
|
|
1564
|
+
interface AvatarGroupProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
|
|
1565
|
+
avatars: AvatarItem[];
|
|
1566
|
+
max?: number;
|
|
1567
|
+
spacing?: 'tight' | 'normal' | 'loose';
|
|
1568
|
+
showTooltip?: boolean;
|
|
1569
|
+
}
|
|
1570
|
+
declare const AvatarGroup: React__default.ForwardRefExoticComponent<AvatarGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1571
|
+
|
|
1572
|
+
interface TimeAgoProps extends React__default.HTMLAttributes<HTMLTimeElement> {
|
|
1573
|
+
date: Date | string | number;
|
|
1574
|
+
locale?: string;
|
|
1575
|
+
refreshInterval?: number;
|
|
1576
|
+
showAbsolute?: boolean;
|
|
1577
|
+
}
|
|
1578
|
+
declare const TimeAgo: React__default.ForwardRefExoticComponent<TimeAgoProps & React__default.RefAttributes<HTMLTimeElement>>;
|
|
1579
|
+
|
|
1580
|
+
declare const countdownVariants: (props?: ({
|
|
1581
|
+
variant?: "default" | "card" | "minimal" | null | undefined;
|
|
1582
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1583
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1584
|
+
interface CountdownProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof countdownVariants> {
|
|
1585
|
+
targetDate?: Date | string | number;
|
|
1586
|
+
seconds?: number;
|
|
1587
|
+
showDays?: boolean;
|
|
1588
|
+
showHours?: boolean;
|
|
1589
|
+
showMinutes?: boolean;
|
|
1590
|
+
showSeconds?: boolean;
|
|
1591
|
+
paused?: boolean;
|
|
1592
|
+
onComplete?: () => void;
|
|
1593
|
+
separator?: React__default.ReactNode;
|
|
1594
|
+
labels?: {
|
|
1595
|
+
days?: string;
|
|
1596
|
+
hours?: string;
|
|
1597
|
+
minutes?: string;
|
|
1598
|
+
seconds?: string;
|
|
1599
|
+
};
|
|
1600
|
+
}
|
|
1601
|
+
declare const Countdown: React__default.ForwardRefExoticComponent<CountdownProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1602
|
+
|
|
1603
|
+
interface PopconfirmProps {
|
|
1604
|
+
title: string;
|
|
1605
|
+
description?: string;
|
|
1606
|
+
onConfirm?: () => void;
|
|
1607
|
+
onCancel?: () => void;
|
|
1608
|
+
confirmText?: string;
|
|
1609
|
+
cancelText?: string;
|
|
1610
|
+
variant?: 'default' | 'danger' | 'warning';
|
|
1611
|
+
trigger: React__default.ReactNode;
|
|
1612
|
+
open?: boolean;
|
|
1613
|
+
onOpenChange?: (open: boolean) => void;
|
|
1614
|
+
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
1615
|
+
align?: 'start' | 'center' | 'end';
|
|
1616
|
+
disabled?: boolean;
|
|
1617
|
+
}
|
|
1618
|
+
declare const Popconfirm: React__default.ForwardRefExoticComponent<PopconfirmProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1619
|
+
|
|
1620
|
+
declare const collapsibleVariants: (props?: ({
|
|
1621
|
+
variant?: "default" | "ghost" | "filled" | null | undefined;
|
|
1622
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1623
|
+
interface CollapsibleProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof collapsibleVariants> {
|
|
1624
|
+
title: React__default.ReactNode;
|
|
1625
|
+
defaultOpen?: boolean;
|
|
1626
|
+
open?: boolean;
|
|
1627
|
+
onOpenChange?: (open: boolean) => void;
|
|
1628
|
+
disabled?: boolean;
|
|
1629
|
+
icon?: React__default.ReactNode;
|
|
1630
|
+
actions?: React__default.ReactNode;
|
|
1631
|
+
}
|
|
1632
|
+
declare const Collapsible: React__default.ForwardRefExoticComponent<CollapsibleProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1633
|
+
|
|
1634
|
+
type InlineEditType = 'text' | 'number' | 'textarea';
|
|
1635
|
+
interface InlineEditProps {
|
|
1636
|
+
value?: string;
|
|
1637
|
+
defaultValue?: string;
|
|
1638
|
+
onChange?: (value: string) => void;
|
|
1639
|
+
onSave?: (value: string) => void;
|
|
1640
|
+
onCancel?: () => void;
|
|
1641
|
+
placeholder?: string;
|
|
1642
|
+
type?: InlineEditType;
|
|
1643
|
+
disabled?: boolean;
|
|
1644
|
+
readOnly?: boolean;
|
|
1645
|
+
className?: string;
|
|
1646
|
+
inputClassName?: string;
|
|
1647
|
+
emptyLabel?: string;
|
|
1648
|
+
rows?: number;
|
|
1649
|
+
}
|
|
1650
|
+
declare const InlineEdit: React__default.ForwardRefExoticComponent<InlineEditProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1651
|
+
|
|
1652
|
+
declare const scrollToTopVariants: (props?: ({
|
|
1653
|
+
shape?: "circle" | "square" | null | undefined;
|
|
1654
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1655
|
+
position?: "bottom-right" | "bottom-left" | "bottom-center" | null | undefined;
|
|
1656
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1657
|
+
interface ScrollToTopProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof scrollToTopVariants> {
|
|
1658
|
+
threshold?: number;
|
|
1659
|
+
smooth?: boolean;
|
|
1660
|
+
scrollTarget?: React__default.RefObject<HTMLElement>;
|
|
1661
|
+
label?: React__default.ReactNode;
|
|
1662
|
+
showLabel?: boolean;
|
|
1663
|
+
}
|
|
1664
|
+
declare const ScrollToTop: React__default.ForwardRefExoticComponent<ScrollToTopProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
1665
|
+
|
|
1666
|
+
interface QRCodeProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1667
|
+
value: string;
|
|
1668
|
+
size?: number;
|
|
1669
|
+
errorLevel?: 'L' | 'M' | 'Q' | 'H';
|
|
1670
|
+
foreground?: string;
|
|
1671
|
+
background?: string;
|
|
1672
|
+
label?: string;
|
|
1673
|
+
logo?: string;
|
|
1674
|
+
logoSize?: number;
|
|
1675
|
+
bordered?: boolean;
|
|
1676
|
+
}
|
|
1677
|
+
declare const QRCode: React__default.ForwardRefExoticComponent<QRCodeProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1678
|
+
|
|
1679
|
+
declare const clipboardInputVariants: (props?: ({
|
|
1680
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1681
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1682
|
+
interface ClipboardInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'prefix'>, VariantProps<typeof clipboardInputVariants> {
|
|
1683
|
+
value: string;
|
|
1684
|
+
label?: string;
|
|
1685
|
+
masked?: boolean;
|
|
1686
|
+
prefix?: React__default.ReactNode;
|
|
1687
|
+
successDuration?: number;
|
|
1688
|
+
onCopied?: (value: string) => void;
|
|
1689
|
+
wrapperClassName?: string;
|
|
1690
|
+
}
|
|
1691
|
+
declare const ClipboardInput: React__default.ForwardRefExoticComponent<ClipboardInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1692
|
+
|
|
1693
|
+
type GlitchIntensity = 'low' | 'medium' | 'high';
|
|
1694
|
+
type GlitchColor = 'pink' | 'yellow' | 'green' | 'blue' | 'purple';
|
|
1695
|
+
type GlitchAs = 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'div';
|
|
1696
|
+
interface GlitchTextProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
1697
|
+
text: string;
|
|
1698
|
+
as?: GlitchAs;
|
|
1699
|
+
intensity?: GlitchIntensity;
|
|
1700
|
+
color?: GlitchColor;
|
|
1701
|
+
paused?: boolean;
|
|
1702
|
+
triggerOnHover?: boolean;
|
|
1703
|
+
}
|
|
1704
|
+
declare const GlitchText: React__default.ForwardRefExoticComponent<GlitchTextProps & React__default.RefAttributes<HTMLElement>>;
|
|
1705
|
+
|
|
1706
|
+
interface TypewriterTextProps extends React__default.HTMLAttributes<HTMLSpanElement> {
|
|
1707
|
+
texts: string[];
|
|
1708
|
+
speed?: number;
|
|
1709
|
+
deleteSpeed?: number;
|
|
1710
|
+
pauseMs?: number;
|
|
1711
|
+
loop?: boolean;
|
|
1712
|
+
cursor?: boolean;
|
|
1713
|
+
cursorChar?: string;
|
|
1714
|
+
cursorClassName?: string;
|
|
1715
|
+
onComplete?: () => void;
|
|
1716
|
+
}
|
|
1717
|
+
declare const TypewriterText: React__default.ForwardRefExoticComponent<TypewriterTextProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
1718
|
+
|
|
1719
|
+
type NoiseBlendMode = 'normal' | 'multiply' | 'screen' | 'overlay' | 'soft-light' | 'hard-light' | 'color-burn' | 'color-dodge';
|
|
1720
|
+
interface NoiseBgProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1721
|
+
opacity?: number;
|
|
1722
|
+
baseFrequency?: number;
|
|
1723
|
+
numOctaves?: number;
|
|
1724
|
+
/** Blend mode applied to the noise overlay. Default: 'overlay' works on any background color. */
|
|
1725
|
+
blendMode?: NoiseBlendMode;
|
|
1726
|
+
animated?: boolean;
|
|
1727
|
+
noiseClassName?: string;
|
|
1728
|
+
}
|
|
1729
|
+
declare const NoiseBg: React__default.ForwardRefExoticComponent<NoiseBgProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1730
|
+
|
|
1731
|
+
declare const brutalistCardVariants: (props?: ({
|
|
1732
|
+
shadow?: "sm" | "md" | "lg" | "none" | "xl" | null | undefined;
|
|
1733
|
+
accent?: "none" | "black" | "blue" | "green" | "pink" | "purple" | "yellow" | "left_yellow" | "left_pink" | "left_green" | "left_blue" | null | undefined;
|
|
1734
|
+
filled?: "none" | "black" | "blue" | "green" | "pink" | "yellow" | null | undefined;
|
|
1735
|
+
hoverable?: boolean | null | undefined;
|
|
1736
|
+
pressable?: boolean | null | undefined;
|
|
1737
|
+
padding?: "sm" | "md" | "lg" | "none" | null | undefined;
|
|
1738
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1739
|
+
interface BrutalistCardProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof brutalistCardVariants> {
|
|
1740
|
+
stamp?: React__default.ReactNode;
|
|
1741
|
+
stampPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
1742
|
+
}
|
|
1743
|
+
declare const BrutalistCard: React__default.ForwardRefExoticComponent<BrutalistCardProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1744
|
+
|
|
1745
|
+
type ColorMode = 'light' | 'dark' | 'system';
|
|
1746
|
+
interface FxTokens {
|
|
1747
|
+
colors?: {
|
|
1748
|
+
black?: string;
|
|
1749
|
+
white?: string;
|
|
1750
|
+
yellow?: string;
|
|
1751
|
+
pink?: string;
|
|
1752
|
+
green?: string;
|
|
1753
|
+
blue?: string;
|
|
1754
|
+
purple?: string;
|
|
1755
|
+
};
|
|
1756
|
+
shadows?: {
|
|
1757
|
+
sm?: string;
|
|
1758
|
+
md?: string;
|
|
1759
|
+
lg?: string;
|
|
1760
|
+
xl?: string;
|
|
1761
|
+
};
|
|
1762
|
+
}
|
|
1763
|
+
interface ThemeContextValue {
|
|
1764
|
+
/** Current color mode setting */
|
|
1765
|
+
colorMode: ColorMode;
|
|
1766
|
+
setColorMode: (mode: ColorMode) => void;
|
|
1767
|
+
toggleColorMode: () => void;
|
|
1768
|
+
/** True when dark mode is actually active (resolves 'system') */
|
|
1769
|
+
isDark: boolean;
|
|
1770
|
+
/** Current token overrides applied to the tree */
|
|
1771
|
+
tokens: FxTokens;
|
|
1772
|
+
setTokens: (tokens: FxTokens) => void;
|
|
1773
|
+
/** @deprecated Use colorMode */
|
|
1774
|
+
theme: 'light' | 'dark';
|
|
1775
|
+
/** @deprecated Use setColorMode */
|
|
1776
|
+
setTheme: (theme: 'light' | 'dark') => void;
|
|
1777
|
+
/** @deprecated Use toggleColorMode */
|
|
1778
|
+
toggleTheme: () => void;
|
|
1779
|
+
}
|
|
1780
|
+
declare const ThemeContext: React.Context<ThemeContextValue>;
|
|
1781
|
+
declare function useTheme(): ThemeContextValue;
|
|
1782
|
+
|
|
1783
|
+
interface ThemeProviderProps {
|
|
1784
|
+
children: React__default.ReactNode;
|
|
1785
|
+
/** Starting color mode. Defaults to 'system'. */
|
|
1786
|
+
defaultColorMode?: ColorMode;
|
|
1787
|
+
/** Controlled color mode */
|
|
1788
|
+
colorMode?: ColorMode;
|
|
1789
|
+
onColorModeChange?: (mode: ColorMode) => void;
|
|
1790
|
+
/** Token overrides applied as CSS custom properties */
|
|
1791
|
+
theme?: FxTokens;
|
|
1792
|
+
/** Extra className on the wrapper div */
|
|
1793
|
+
className?: string;
|
|
1794
|
+
/** Extra style on the wrapper div */
|
|
1795
|
+
style?: React__default.CSSProperties;
|
|
1796
|
+
}
|
|
1797
|
+
declare function ThemeProvider({ children, defaultColorMode, colorMode: controlledMode, onColorModeChange, theme: themeProp, className, style, }: ThemeProviderProps): React__default.JSX.Element;
|
|
1798
|
+
|
|
1799
|
+
declare const colors: {
|
|
1800
|
+
readonly primary: {
|
|
1801
|
+
readonly 50: "#fef9ee";
|
|
1802
|
+
readonly 100: "#fdefd0";
|
|
1803
|
+
readonly 200: "#fbda9d";
|
|
1804
|
+
readonly 300: "#f8be63";
|
|
1805
|
+
readonly 400: "#f59b2d";
|
|
1806
|
+
readonly 500: "#f27d0e";
|
|
1807
|
+
readonly 600: "#e36309";
|
|
1808
|
+
readonly 700: "#bc490b";
|
|
1809
|
+
readonly 800: "#963a0f";
|
|
1810
|
+
readonly 900: "#7a3110";
|
|
1811
|
+
};
|
|
1812
|
+
readonly black: "#0a0a0a";
|
|
1813
|
+
readonly white: "#fafafa";
|
|
1814
|
+
readonly neon: {
|
|
1815
|
+
readonly yellow: "#FFE500";
|
|
1816
|
+
readonly pink: "#FF2D78";
|
|
1817
|
+
readonly green: "#00FF94";
|
|
1818
|
+
readonly blue: "#0066FF";
|
|
1819
|
+
readonly purple: "#7C3AED";
|
|
1820
|
+
};
|
|
1821
|
+
readonly gray: {
|
|
1822
|
+
readonly 50: "#f9f9f7";
|
|
1823
|
+
readonly 100: "#f0f0ec";
|
|
1824
|
+
readonly 200: "#e4e4de";
|
|
1825
|
+
readonly 300: "#d2d2ca";
|
|
1826
|
+
readonly 400: "#afafaa";
|
|
1827
|
+
readonly 500: "#888882";
|
|
1828
|
+
readonly 600: "#6b6b66";
|
|
1829
|
+
readonly 700: "#4f4f4b";
|
|
1830
|
+
readonly 800: "#333330";
|
|
1831
|
+
readonly 900: "#1a1a18";
|
|
1832
|
+
};
|
|
1833
|
+
readonly semantic: {
|
|
1834
|
+
readonly success: "#00C853";
|
|
1835
|
+
readonly warning: "#FFD600";
|
|
1836
|
+
readonly error: "#FF1744";
|
|
1837
|
+
readonly info: "#0066FF";
|
|
1838
|
+
};
|
|
1839
|
+
};
|
|
1840
|
+
type ColorToken = typeof colors;
|
|
1841
|
+
|
|
1842
|
+
declare const spacing: {
|
|
1843
|
+
readonly 0: "0px";
|
|
1844
|
+
readonly 1: "4px";
|
|
1845
|
+
readonly 2: "8px";
|
|
1846
|
+
readonly 3: "12px";
|
|
1847
|
+
readonly 4: "16px";
|
|
1848
|
+
readonly 5: "20px";
|
|
1849
|
+
readonly 6: "24px";
|
|
1850
|
+
readonly 8: "32px";
|
|
1851
|
+
readonly 10: "40px";
|
|
1852
|
+
readonly 12: "48px";
|
|
1853
|
+
readonly 16: "64px";
|
|
1854
|
+
readonly 20: "80px";
|
|
1855
|
+
readonly 24: "96px";
|
|
1856
|
+
readonly 32: "128px";
|
|
1857
|
+
};
|
|
1858
|
+
type SpacingToken = typeof spacing;
|
|
1859
|
+
|
|
1860
|
+
declare const typography: {
|
|
1861
|
+
readonly fonts: {
|
|
1862
|
+
readonly sans: "\"Space Grotesk\", \"Inter\", sans-serif";
|
|
1863
|
+
readonly mono: "\"Space Mono\", monospace";
|
|
1864
|
+
readonly display: "\"Archivo Black\", sans-serif";
|
|
1865
|
+
};
|
|
1866
|
+
readonly sizes: {
|
|
1867
|
+
readonly xs: "0.75rem";
|
|
1868
|
+
readonly sm: "0.875rem";
|
|
1869
|
+
readonly base: "1rem";
|
|
1870
|
+
readonly lg: "1.125rem";
|
|
1871
|
+
readonly xl: "1.25rem";
|
|
1872
|
+
readonly '2xl': "1.5rem";
|
|
1873
|
+
readonly '3xl': "1.875rem";
|
|
1874
|
+
readonly '4xl': "2.25rem";
|
|
1875
|
+
readonly '5xl': "3rem";
|
|
1876
|
+
readonly '6xl': "3.75rem";
|
|
1877
|
+
};
|
|
1878
|
+
readonly weights: {
|
|
1879
|
+
readonly normal: "400";
|
|
1880
|
+
readonly medium: "500";
|
|
1881
|
+
readonly semibold: "600";
|
|
1882
|
+
readonly bold: "700";
|
|
1883
|
+
readonly black: "900";
|
|
1884
|
+
};
|
|
1885
|
+
readonly lineHeights: {
|
|
1886
|
+
readonly tight: "1.25";
|
|
1887
|
+
readonly snug: "1.375";
|
|
1888
|
+
readonly normal: "1.5";
|
|
1889
|
+
readonly relaxed: "1.625";
|
|
1890
|
+
readonly loose: "2";
|
|
1891
|
+
};
|
|
1892
|
+
};
|
|
1893
|
+
type TypographyToken = typeof typography;
|
|
1894
|
+
|
|
1895
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
1896
|
+
|
|
1897
|
+
declare function useMediaQuery(query: string): boolean;
|
|
1898
|
+
declare const breakpoints: {
|
|
1899
|
+
readonly sm: "(min-width: 640px)";
|
|
1900
|
+
readonly md: "(min-width: 768px)";
|
|
1901
|
+
readonly lg: "(min-width: 1024px)";
|
|
1902
|
+
readonly xl: "(min-width: 1280px)";
|
|
1903
|
+
readonly '2xl': "(min-width: 1536px)";
|
|
1904
|
+
};
|
|
1905
|
+
declare function useBreakpoint(bp: keyof typeof breakpoints): boolean;
|
|
1906
|
+
|
|
1907
|
+
export { Accordion, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, AnimatedCounter, type AnimatedCounterProps, AppSidebar, type AppSidebarItem, type AppSidebarProps, type AppSidebarSection, AreaChart, type AreaChartProps, AspectRatio, type AspectRatioPreset$1 as AspectRatioPreset, type AspectRatioProps, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarItem, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, BarChart, type BarChartProps, Blockquote, type BlockquoteProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BrutalistCard, type BrutalistCardProps, Button, type ButtonProps, COUNTRY_CODES, Callout, type CalloutProps, Caption, type CaptionProps, Card, type CardProps, Carousel, type CarouselNavVariant, type CarouselProps, type ChartSeries, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ClipboardInput, type ClipboardInputProps, Code, type CodeProps, Collapsible, type CollapsibleProps, type ColorMode, ColorPicker, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, type ColorToken, ComboBox, type ComboBoxOption, type ComboBoxProps, type CommandItem, CommandPalette, type CommandPaletteProps, CommandPaletteProvider, type CommandPaletteProviderProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, ContextMenu, CopyButton, type CopyButtonProps, Countdown, type CountdownProps, type CountryCode, DataList, type DataListItem, type DataListProps, DatePicker, type DatePickerProps, Divider, type DividerProps, DonutChart, type DonutChartItem, type DonutChartProps, Drawer, type DrawerContentProps, type DrawerProps, DropdownMenu, EmptyState, type EmptyStateProps, FX_CHART_COLORS, FileUpload, type FileUploadProps, Flex, type FlexProps, FloatingActionButton, type FloatingActionButtonProps, FormField, type FormFieldProps, type FxTokens, GlitchText, type GlitchTextProps, GradientText, type GradientTextProps, GridWithItem as Grid, type GridItemProps, type GridProps, GridWithItem, Heading, type HeadingProps, HighlightText, type HighlightTextProps, HoverCard, type HoverCardProps, Image, type ImageProps, InlineEdit, type InlineEditProps, type InlineEditType, Input, InputGroup, type InputGroupAddonProps, type InputGroupProps, type InputProps, Kbd, type KbdComboProps, type KbdProps, Label, type LabelProps, LineChart, type LineChartProps, List, type ListItemProps, type ListProps, LoadingOverlay, type LoadingOverlayProps, Marquee, type MarqueeProps, MaskInput, type MaskInputPreset, type MaskInputProps, Masonry, type MasonryProps, Modal, type ModalContentProps, type ModalProps, NavMenu, type NavMenuGroup, type NavMenuItem, type NavMenuLink, type NavMenuProps, Navbar, NavbarItem, type NavbarItemProps, type NavbarProps, NoiseBg, type NoiseBgProps, type NoiseBlendMode, Notification, type NotificationAction, type NotificationProps, NumberInput, type NumberInputProps, OTPInput, type OTPInputProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, PinInput, type PinInputProps, Popconfirm, type PopconfirmProps, Popover, type PopoverContentProps, type PopoverProps, Progress, type ProgressProps, ProgressRing, type ProgressRingProps, PullQuote, type PullQuoteProps, QRCode, type QRCodeProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, ReadMore, type ReadMoreProps, ScrollArea, type ScrollAreaProps, ScrollProgress, type ScrollProgressProps, ScrollToTop, type ScrollToTopProps, SearchInput, type SearchInputProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, type SelectGroupProps, type SelectItemProps, type SelectProps, SheetDialog, type SheetDialogProps, type SheetSide, SkeletonComponent as Skeleton, type SkeletonAvatarProps, type SkeletonButtonProps, SkeletonComponent, type SkeletonImageProps, type SkeletonProps, type SkeletonTextProps, Slider, type SliderProps, type SpacingToken, SparkLine, type SparkLineProps, Spinner, type SpinnerProps, SplitLayout, type SplitLayoutProps, Stack, type StackProps, Stat, type StatProps, type StatTrend, Stepper, type StepperProps, type StepperStep, Switch, SwitchGroup, type SwitchGroupOption, type SwitchGroupProps, type SwitchProps, Table, type TableHeaderCellProps, type TableProps, Tabs, type TabsProps, Tag, TagInput, type TagInputProps, type TagProps, Text, type TextProps, Textarea, type TextareaProps, ThemeContext, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, TimeAgo, type TimeAgoProps, Timeline, type TimelineItem, type TimelineProps, type ToastData, ToastProvider, Tooltip, type TooltipProps, Tour, type TourProps, TourProvider, type TourProviderProps, type TourStep, TreeSelect, type TreeSelectNode, type TreeSelectProps, TreeView, type TreeViewNode, type TreeViewProps, TypewriterText, type TypewriterTextProps, type TypographyToken, VideoPlayer, type VideoPlayerProps, type VideoPlayerTheme, alertVariants, badgeVariants, bannerVariants, blockquoteVariants, breakpoints, brutalistCardVariants, buttonVariants, calloutVariants, captionVariants, chipVariants, cn, codeVariants, colorSwatchVariants, colors, containerVariants, copyButtonVariants, dividerVariants, fabVariants, flexVariants, gradientTextVariants, gridVariants, headingVariants, inputGroupVariants, labelVariants, listVariants, navbarVariants, notificationVariants, pullQuoteVariants, spacing, spinnerVariants, stackVariants, tagVariants, textVariants, textareaVariants, typography, useBreakpoint, useCommandPalette, useMediaQuery, useTheme, useToast, useTour };
|