nexoreui 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/index.d.mts +966 -1052
- package/dist/index.d.ts +966 -1052
- package/dist/index.js +5645 -5620
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5574 -5500
- package/dist/index.mjs.map +1 -1
- package/package.json +8 -7
package/dist/index.d.mts
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default from 'react';
|
|
4
3
|
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
import * as framer_motion from 'framer-motion';
|
|
6
|
-
import { HTMLMotionProps } from 'framer-motion';
|
|
7
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
5
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
9
6
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
@@ -14,366 +11,266 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
|
14
11
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
15
12
|
import { Toaster as Toaster$1 } from 'sonner';
|
|
16
13
|
export { toast } from 'sonner';
|
|
17
|
-
import * as
|
|
14
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
15
|
+
import { HTMLMotionProps } from 'framer-motion';
|
|
18
16
|
import { LucideIcon } from 'lucide-react';
|
|
19
17
|
import { ClassValue } from 'clsx';
|
|
20
18
|
|
|
21
19
|
declare const buttonVariants: (props?: ({
|
|
22
|
-
variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "premium" | "neon" | "glass" | "shimmer" | null | undefined;
|
|
20
|
+
variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "premium" | "neon" | "glass" | "shimmer" | "gradient" | "glow" | "magnetic" | "loading" | null | undefined;
|
|
23
21
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
24
22
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
23
|
+
/**
|
|
24
|
+
* Props for the Button component
|
|
25
|
+
*/
|
|
25
26
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
26
|
-
/**
|
|
27
|
+
/**
|
|
28
|
+
* Enable hover/tap spring motion animation
|
|
29
|
+
* @default true
|
|
30
|
+
*/
|
|
27
31
|
animate?: boolean;
|
|
28
|
-
/**
|
|
32
|
+
/**
|
|
33
|
+
* Enable shimmer light animation effect
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
29
36
|
shimmer?: boolean;
|
|
30
|
-
/**
|
|
37
|
+
/**
|
|
38
|
+
* Enable neon glow effect
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
31
41
|
glow?: boolean;
|
|
32
|
-
|
|
33
|
-
|
|
42
|
+
/**
|
|
43
|
+
* Display loading spinner icon and disable actions
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
isLoading?: boolean;
|
|
34
47
|
}
|
|
35
48
|
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
36
49
|
|
|
50
|
+
declare const NeonButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
51
|
+
declare const ThreeDButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
52
|
+
declare const RippleButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
53
|
+
declare const CyberpunkButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
54
|
+
declare const MagneticButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
55
|
+
declare const ShimmerButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
56
|
+
declare const BorderBeamButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
57
|
+
declare const LoadingButton: React$1.ForwardRefExoticComponent<ButtonProps & {
|
|
58
|
+
isLoading?: boolean;
|
|
59
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
60
|
+
declare const DestructiveGlowButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
61
|
+
declare const GhostOutlineButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
62
|
+
declare const GlowButton: React$1.ForwardRefExoticComponent<ButtonProps & {
|
|
63
|
+
glowColor?: string;
|
|
64
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
65
|
+
declare const ShinyButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
66
|
+
declare const GradientButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
67
|
+
declare const GlassButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
68
|
+
|
|
37
69
|
declare const cardVariants: (props?: ({
|
|
38
|
-
variant?: "default" | "glass" | "glow" | "
|
|
70
|
+
variant?: "default" | "glass" | "gradient" | "glow" | "bento" | "spotlight" | "flip" | "tilt" | null | undefined;
|
|
39
71
|
hover?: "glow" | "none" | "lift" | null | undefined;
|
|
40
72
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
41
|
-
|
|
73
|
+
/**
|
|
74
|
+
* Props for the Card component
|
|
75
|
+
*/
|
|
76
|
+
interface CardProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof cardVariants> {
|
|
42
77
|
/**
|
|
43
|
-
* Whether to enable hover animations
|
|
78
|
+
* Whether to enable hover spring animations
|
|
44
79
|
* @default true
|
|
45
80
|
*/
|
|
46
81
|
animate?: boolean;
|
|
47
82
|
/**
|
|
48
|
-
* The title of the card
|
|
83
|
+
* The main title of the card
|
|
49
84
|
*/
|
|
50
85
|
title?: React$1.ReactNode;
|
|
51
86
|
/**
|
|
52
|
-
* The description of the card
|
|
87
|
+
* The subtitle or description of the card
|
|
53
88
|
*/
|
|
54
89
|
description?: React$1.ReactNode;
|
|
55
90
|
/**
|
|
56
|
-
*
|
|
91
|
+
* Content to render in the card footer area
|
|
57
92
|
*/
|
|
58
93
|
footer?: React$1.ReactNode;
|
|
59
94
|
/**
|
|
60
|
-
* An image URL to display at the top of the card
|
|
95
|
+
* An optional image URL to display at the top of the card
|
|
61
96
|
*/
|
|
62
97
|
image?: string;
|
|
98
|
+
/**
|
|
99
|
+
* HTML alternative text for the image
|
|
100
|
+
*/
|
|
101
|
+
imageAlt?: string;
|
|
102
|
+
/**
|
|
103
|
+
* Back content displayed when using the `flip` variant on hover
|
|
104
|
+
*/
|
|
105
|
+
backContent?: React$1.ReactNode;
|
|
106
|
+
/**
|
|
107
|
+
* Custom radial spotlight background color (e.g., rgba(168, 85, 247, 0.15))
|
|
108
|
+
* @default "rgba(139, 92, 246, 0.15)"
|
|
109
|
+
*/
|
|
110
|
+
spotlightColor?: string;
|
|
63
111
|
}
|
|
64
|
-
declare const Card: React$1.ForwardRefExoticComponent<
|
|
65
|
-
className?: string | undefined;
|
|
66
|
-
defaultChecked?: boolean | undefined;
|
|
67
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
68
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
69
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
70
|
-
accessKey?: string | undefined;
|
|
71
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
|
|
72
|
-
autoFocus?: boolean | undefined;
|
|
73
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
74
|
-
contextMenu?: string | undefined;
|
|
75
|
-
dir?: string | undefined;
|
|
76
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
77
|
-
enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
|
|
78
|
-
hidden?: boolean | undefined;
|
|
79
|
-
id?: string | undefined;
|
|
80
|
-
lang?: string | undefined;
|
|
81
|
-
nonce?: string | undefined;
|
|
82
|
-
slot?: string | undefined;
|
|
83
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
84
|
-
tabIndex?: number | undefined;
|
|
85
|
-
title?: string | undefined;
|
|
86
|
-
translate?: "yes" | "no" | undefined;
|
|
87
|
-
radioGroup?: string | undefined;
|
|
88
|
-
role?: React$1.AriaRole | undefined;
|
|
89
|
-
about?: string | undefined;
|
|
90
|
-
content?: string | undefined;
|
|
91
|
-
datatype?: string | undefined;
|
|
92
|
-
inlist?: any;
|
|
93
|
-
prefix?: string | undefined;
|
|
94
|
-
property?: string | undefined;
|
|
95
|
-
rel?: string | undefined;
|
|
96
|
-
resource?: string | undefined;
|
|
97
|
-
rev?: string | undefined;
|
|
98
|
-
typeof?: string | undefined;
|
|
99
|
-
vocab?: string | undefined;
|
|
100
|
-
autoCorrect?: string | undefined;
|
|
101
|
-
autoSave?: string | undefined;
|
|
102
|
-
color?: string | undefined;
|
|
103
|
-
itemProp?: string | undefined;
|
|
104
|
-
itemScope?: boolean | undefined;
|
|
105
|
-
itemType?: string | undefined;
|
|
106
|
-
itemID?: string | undefined;
|
|
107
|
-
itemRef?: string | undefined;
|
|
108
|
-
results?: number | undefined;
|
|
109
|
-
security?: string | undefined;
|
|
110
|
-
unselectable?: "off" | "on" | undefined;
|
|
111
|
-
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
112
|
-
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
113
|
-
popoverTarget?: string | undefined;
|
|
114
|
-
inert?: boolean | undefined;
|
|
115
|
-
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
116
|
-
is?: string | undefined;
|
|
117
|
-
exportparts?: string | undefined;
|
|
118
|
-
part?: string | undefined;
|
|
119
|
-
"aria-activedescendant"?: string | undefined;
|
|
120
|
-
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
121
|
-
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
|
122
|
-
"aria-braillelabel"?: string | undefined;
|
|
123
|
-
"aria-brailleroledescription"?: string | undefined;
|
|
124
|
-
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
125
|
-
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
126
|
-
"aria-colcount"?: number | undefined;
|
|
127
|
-
"aria-colindex"?: number | undefined;
|
|
128
|
-
"aria-colindextext"?: string | undefined;
|
|
129
|
-
"aria-colspan"?: number | undefined;
|
|
130
|
-
"aria-controls"?: string | undefined;
|
|
131
|
-
"aria-current"?: boolean | "true" | "false" | "time" | "page" | "step" | "location" | "date" | undefined;
|
|
132
|
-
"aria-describedby"?: string | undefined;
|
|
133
|
-
"aria-description"?: string | undefined;
|
|
134
|
-
"aria-details"?: string | undefined;
|
|
135
|
-
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
136
|
-
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
137
|
-
"aria-errormessage"?: string | undefined;
|
|
138
|
-
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
139
|
-
"aria-flowto"?: string | undefined;
|
|
140
|
-
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
141
|
-
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
142
|
-
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
143
|
-
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
144
|
-
"aria-keyshortcuts"?: string | undefined;
|
|
145
|
-
"aria-label"?: string | undefined;
|
|
146
|
-
"aria-labelledby"?: string | undefined;
|
|
147
|
-
"aria-level"?: number | undefined;
|
|
148
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
149
|
-
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
150
|
-
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
151
|
-
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
152
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
153
|
-
"aria-owns"?: string | undefined;
|
|
154
|
-
"aria-placeholder"?: string | undefined;
|
|
155
|
-
"aria-posinset"?: number | undefined;
|
|
156
|
-
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
157
|
-
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
158
|
-
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
159
|
-
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
160
|
-
"aria-roledescription"?: string | undefined;
|
|
161
|
-
"aria-rowcount"?: number | undefined;
|
|
162
|
-
"aria-rowindex"?: number | undefined;
|
|
163
|
-
"aria-rowindextext"?: string | undefined;
|
|
164
|
-
"aria-rowspan"?: number | undefined;
|
|
165
|
-
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
166
|
-
"aria-setsize"?: number | undefined;
|
|
167
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
168
|
-
"aria-valuemax"?: number | undefined;
|
|
169
|
-
"aria-valuemin"?: number | undefined;
|
|
170
|
-
"aria-valuenow"?: number | undefined;
|
|
171
|
-
"aria-valuetext"?: string | undefined;
|
|
172
|
-
dangerouslySetInnerHTML?: {
|
|
173
|
-
__html: string | TrustedHTML;
|
|
174
|
-
} | undefined;
|
|
175
|
-
onCopy?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
176
|
-
onCopyCapture?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
177
|
-
onCut?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
178
|
-
onCutCapture?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
179
|
-
onPaste?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
180
|
-
onPasteCapture?: React$1.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
181
|
-
onCompositionEnd?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
182
|
-
onCompositionEndCapture?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
183
|
-
onCompositionStart?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
184
|
-
onCompositionStartCapture?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
185
|
-
onCompositionUpdate?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
186
|
-
onCompositionUpdateCapture?: React$1.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
187
|
-
onFocus?: React$1.FocusEventHandler<HTMLDivElement> | undefined;
|
|
188
|
-
onFocusCapture?: React$1.FocusEventHandler<HTMLDivElement> | undefined;
|
|
189
|
-
onBlur?: React$1.FocusEventHandler<HTMLDivElement> | undefined;
|
|
190
|
-
onBlurCapture?: React$1.FocusEventHandler<HTMLDivElement> | undefined;
|
|
191
|
-
onChange?: React$1.ChangeEventHandler<HTMLDivElement, Element> | undefined;
|
|
192
|
-
onChangeCapture?: React$1.ChangeEventHandler<HTMLDivElement, Element> | undefined;
|
|
193
|
-
onBeforeInput?: React$1.InputEventHandler<HTMLDivElement> | undefined;
|
|
194
|
-
onBeforeInputCapture?: React$1.InputEventHandler<HTMLDivElement> | undefined;
|
|
195
|
-
onInput?: React$1.InputEventHandler<HTMLDivElement> | undefined;
|
|
196
|
-
onInputCapture?: React$1.InputEventHandler<HTMLDivElement> | undefined;
|
|
197
|
-
onReset?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
198
|
-
onResetCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
199
|
-
onSubmit?: React$1.SubmitEventHandler<HTMLDivElement> | undefined;
|
|
200
|
-
onSubmitCapture?: React$1.SubmitEventHandler<HTMLDivElement> | undefined;
|
|
201
|
-
onInvalid?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
202
|
-
onInvalidCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
203
|
-
onLoad?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
204
|
-
onLoadCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
205
|
-
onError?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
206
|
-
onErrorCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
207
|
-
onKeyDown?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
208
|
-
onKeyDownCapture?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
209
|
-
onKeyPress?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
210
|
-
onKeyPressCapture?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
211
|
-
onKeyUp?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
212
|
-
onKeyUpCapture?: React$1.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
213
|
-
onAbort?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
214
|
-
onAbortCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
215
|
-
onCanPlay?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
216
|
-
onCanPlayCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
217
|
-
onCanPlayThrough?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
218
|
-
onCanPlayThroughCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
219
|
-
onDurationChange?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
220
|
-
onDurationChangeCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
221
|
-
onEmptied?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
222
|
-
onEmptiedCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
223
|
-
onEncrypted?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
224
|
-
onEncryptedCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
225
|
-
onEnded?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
226
|
-
onEndedCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
227
|
-
onLoadedData?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
228
|
-
onLoadedDataCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
229
|
-
onLoadedMetadata?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
230
|
-
onLoadedMetadataCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
231
|
-
onLoadStart?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
232
|
-
onLoadStartCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
233
|
-
onPause?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
234
|
-
onPauseCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
235
|
-
onPlay?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
236
|
-
onPlayCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
237
|
-
onPlaying?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
238
|
-
onPlayingCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
239
|
-
onProgress?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
240
|
-
onProgressCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
241
|
-
onRateChange?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
242
|
-
onRateChangeCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
243
|
-
onSeeked?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
244
|
-
onSeekedCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
245
|
-
onSeeking?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
246
|
-
onSeekingCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
247
|
-
onStalled?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
248
|
-
onStalledCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
249
|
-
onSuspend?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
250
|
-
onSuspendCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
251
|
-
onTimeUpdate?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
252
|
-
onTimeUpdateCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
253
|
-
onVolumeChange?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
254
|
-
onVolumeChangeCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
255
|
-
onWaiting?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
256
|
-
onWaitingCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
257
|
-
onAuxClick?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
258
|
-
onAuxClickCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
259
|
-
onClick?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
260
|
-
onClickCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
261
|
-
onContextMenu?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
262
|
-
onContextMenuCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
263
|
-
onDoubleClick?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
264
|
-
onDoubleClickCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
265
|
-
onDragCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
266
|
-
onDragEndCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
267
|
-
onDragEnter?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
268
|
-
onDragEnterCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
269
|
-
onDragExit?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
270
|
-
onDragExitCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
271
|
-
onDragLeave?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
272
|
-
onDragLeaveCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
273
|
-
onDragOver?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
274
|
-
onDragOverCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
275
|
-
onDragStartCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
276
|
-
onDrop?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
277
|
-
onDropCapture?: React$1.DragEventHandler<HTMLDivElement> | undefined;
|
|
278
|
-
onMouseDown?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
279
|
-
onMouseDownCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
280
|
-
onMouseEnter?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
281
|
-
onMouseLeave?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
282
|
-
onMouseMove?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
283
|
-
onMouseMoveCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
284
|
-
onMouseOut?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
285
|
-
onMouseOutCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
286
|
-
onMouseOver?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
287
|
-
onMouseOverCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
288
|
-
onMouseUp?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
289
|
-
onMouseUpCapture?: React$1.MouseEventHandler<HTMLDivElement> | undefined;
|
|
290
|
-
onSelect?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
291
|
-
onSelectCapture?: React$1.ReactEventHandler<HTMLDivElement> | undefined;
|
|
292
|
-
onTouchCancel?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
293
|
-
onTouchCancelCapture?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
294
|
-
onTouchEnd?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
295
|
-
onTouchEndCapture?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
296
|
-
onTouchMove?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
297
|
-
onTouchMoveCapture?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
298
|
-
onTouchStart?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
299
|
-
onTouchStartCapture?: React$1.TouchEventHandler<HTMLDivElement> | undefined;
|
|
300
|
-
onPointerDown?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
301
|
-
onPointerDownCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
302
|
-
onPointerMove?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
303
|
-
onPointerMoveCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
304
|
-
onPointerUp?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
305
|
-
onPointerUpCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
306
|
-
onPointerCancel?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
307
|
-
onPointerCancelCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
308
|
-
onPointerEnter?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
309
|
-
onPointerLeave?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
310
|
-
onPointerOver?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
311
|
-
onPointerOverCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
312
|
-
onPointerOut?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
313
|
-
onPointerOutCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
314
|
-
onGotPointerCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
315
|
-
onGotPointerCaptureCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
316
|
-
onLostPointerCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
317
|
-
onLostPointerCaptureCapture?: React$1.PointerEventHandler<HTMLDivElement> | undefined;
|
|
318
|
-
onScroll?: React$1.UIEventHandler<HTMLDivElement> | undefined;
|
|
319
|
-
onScrollCapture?: React$1.UIEventHandler<HTMLDivElement> | undefined;
|
|
320
|
-
onScrollEnd?: React$1.UIEventHandler<HTMLDivElement> | undefined;
|
|
321
|
-
onScrollEndCapture?: React$1.UIEventHandler<HTMLDivElement> | undefined;
|
|
322
|
-
onWheel?: React$1.WheelEventHandler<HTMLDivElement> | undefined;
|
|
323
|
-
onWheelCapture?: React$1.WheelEventHandler<HTMLDivElement> | undefined;
|
|
324
|
-
onAnimationStartCapture?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
325
|
-
onAnimationEnd?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
326
|
-
onAnimationEndCapture?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
327
|
-
onAnimationIteration?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
328
|
-
onAnimationIterationCapture?: React$1.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
329
|
-
onToggle?: React$1.ToggleEventHandler<HTMLDivElement> | undefined;
|
|
330
|
-
onBeforeToggle?: React$1.ToggleEventHandler<HTMLDivElement> | undefined;
|
|
331
|
-
onTransitionCancel?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
332
|
-
onTransitionCancelCapture?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
333
|
-
onTransitionEnd?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
334
|
-
onTransitionEndCapture?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
335
|
-
onTransitionRun?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
336
|
-
onTransitionRunCapture?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
337
|
-
onTransitionStart?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
338
|
-
onTransitionStartCapture?: React$1.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
339
|
-
ref?: React$1.Ref<HTMLDivElement> | undefined;
|
|
340
|
-
key?: React$1.Key | null | undefined;
|
|
341
|
-
} & framer_motion.MotionProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
112
|
+
declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
342
113
|
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
343
114
|
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
344
115
|
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
345
116
|
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
346
117
|
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
347
118
|
|
|
119
|
+
declare const GlassCard: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
120
|
+
declare const GlowCard: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
121
|
+
declare const GradientCard: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
122
|
+
declare const HoverCard: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
123
|
+
declare const SpotlightCard: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
124
|
+
declare const ImageCard: ({ src, title, subtitle, imageUrl, description }: any) => react_jsx_runtime.JSX.Element;
|
|
125
|
+
declare const ProfileCard: ({ name, role, avatar }: any) => react_jsx_runtime.JSX.Element;
|
|
126
|
+
declare const ProductCard: ({ title, price, category, src }: any) => react_jsx_runtime.JSX.Element;
|
|
127
|
+
declare const ArticleCard: ({ title, excerpt, date }: any) => react_jsx_runtime.JSX.Element;
|
|
128
|
+
declare const StatCardSimple: ({ label, value, trend }: any) => react_jsx_runtime.JSX.Element;
|
|
129
|
+
declare const PricingCardBasic: ({ name, price, features }: any) => react_jsx_runtime.JSX.Element;
|
|
130
|
+
declare const WeatherCard: ({ city, temp, condition }: any) => react_jsx_runtime.JSX.Element;
|
|
131
|
+
declare const EventCard: ({ title, date, location }: any) => react_jsx_runtime.JSX.Element;
|
|
132
|
+
declare const TestimonialCardBasic: ({ text, author }: any) => react_jsx_runtime.JSX.Element;
|
|
133
|
+
declare const InteractiveCard: ({ title, description }: any) => react_jsx_runtime.JSX.Element;
|
|
134
|
+
|
|
348
135
|
declare const inputVariants: (props?: ({
|
|
349
|
-
variant?: "default" | "glass" | "underline" | "
|
|
136
|
+
variant?: "default" | "glass" | "gradient" | "underline" | "otp" | "tags" | "autocomplete" | null | undefined;
|
|
350
137
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
351
|
-
|
|
138
|
+
/**
|
|
139
|
+
* Props for the Input component
|
|
140
|
+
*/
|
|
141
|
+
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "defaultValue">, VariantProps<typeof inputVariants> {
|
|
142
|
+
/**
|
|
143
|
+
* Enable entrance spring animation
|
|
144
|
+
* @default true
|
|
145
|
+
*/
|
|
352
146
|
animate?: boolean;
|
|
147
|
+
/**
|
|
148
|
+
* Current text value of the input
|
|
149
|
+
*/
|
|
150
|
+
value?: string;
|
|
151
|
+
/**
|
|
152
|
+
* Callback fired when value changes
|
|
153
|
+
*/
|
|
154
|
+
onChange?: (value: string) => void;
|
|
155
|
+
/**
|
|
156
|
+
* Value for OTP inputs (should be length 6 string)
|
|
157
|
+
*/
|
|
158
|
+
otpValue?: string;
|
|
159
|
+
/**
|
|
160
|
+
* Callback fired when OTP string changes
|
|
161
|
+
*/
|
|
162
|
+
onOtpChange?: (value: string) => void;
|
|
163
|
+
/**
|
|
164
|
+
* Current active list of tag strings for the `tags` variant
|
|
165
|
+
*/
|
|
166
|
+
tags?: string[];
|
|
167
|
+
/**
|
|
168
|
+
* Callback fired when the tags list updates
|
|
169
|
+
*/
|
|
170
|
+
onTagsChange?: (tags: string[]) => void;
|
|
171
|
+
/**
|
|
172
|
+
* Suggestions list strings for the `autocomplete` variant
|
|
173
|
+
*/
|
|
174
|
+
suggestions?: string[];
|
|
175
|
+
/**
|
|
176
|
+
* Callback fired when a suggestion item is clicked
|
|
177
|
+
*/
|
|
178
|
+
onSuggestionSelect?: (value: string) => void;
|
|
353
179
|
}
|
|
354
180
|
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
355
181
|
|
|
182
|
+
declare const SearchInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
183
|
+
declare const PasswordInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
184
|
+
declare const GlassInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
185
|
+
declare const GradientInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
186
|
+
declare const UnderlineInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
187
|
+
declare const PillInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
188
|
+
interface ErrorInputProps extends InputProps {
|
|
189
|
+
errorMessage?: string;
|
|
190
|
+
}
|
|
191
|
+
declare const ErrorInput: React$1.ForwardRefExoticComponent<ErrorInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
192
|
+
declare const SuccessInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
193
|
+
declare const GhostInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
194
|
+
declare const NeumorphicInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
195
|
+
interface IconInputProps extends InputProps {
|
|
196
|
+
icon?: React$1.ReactNode;
|
|
197
|
+
}
|
|
198
|
+
declare const IconInputLeft: React$1.ForwardRefExoticComponent<IconInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
199
|
+
declare const IconInputRight: React$1.ForwardRefExoticComponent<IconInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
200
|
+
declare const FloatingLabelInput: React$1.ForwardRefExoticComponent<InputProps & {
|
|
201
|
+
label: string;
|
|
202
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
203
|
+
declare const MinimalDropInput: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
204
|
+
|
|
356
205
|
declare const badgeVariants: (props?: ({
|
|
357
206
|
variant?: "default" | "secondary" | "destructive" | "outline" | "neon" | "gradient" | "success" | null | undefined;
|
|
358
207
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
359
208
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
360
209
|
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
361
|
-
/**
|
|
362
|
-
* Whether to show a pulse animation on the dot
|
|
363
|
-
* @default false
|
|
364
|
-
*/
|
|
365
210
|
pulse?: boolean;
|
|
366
|
-
/**
|
|
367
|
-
* Whether to show a dot indicator
|
|
368
|
-
* @default false
|
|
369
|
-
*/
|
|
370
211
|
dot?: boolean;
|
|
212
|
+
text?: string;
|
|
213
|
+
}
|
|
214
|
+
declare function Badge({ className, variant, size, pulse, dot, children, text, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
215
|
+
|
|
216
|
+
declare const GlowBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
217
|
+
declare const GlassBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
218
|
+
declare const DotBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
219
|
+
declare const GradientBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
220
|
+
declare const OutlineGlowBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
221
|
+
declare const PulseBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
222
|
+
declare const SoftBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
223
|
+
declare const TagBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
224
|
+
declare const PremiumBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
225
|
+
declare const MinimalBadge: ({ children, className, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
|
|
226
|
+
declare const NotificationBadge: ({ count, className }: {
|
|
227
|
+
count: number;
|
|
228
|
+
className?: string;
|
|
229
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
230
|
+
declare const RibbonBadge: ({ children, text, className }: {
|
|
231
|
+
children?: React$1.ReactNode;
|
|
232
|
+
text?: string;
|
|
233
|
+
className?: string;
|
|
234
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
235
|
+
interface OutlineDotBadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
236
|
+
status?: string;
|
|
237
|
+
text?: string;
|
|
238
|
+
}
|
|
239
|
+
declare const OutlineDotBadge: ({ children, className, status, text, ...props }: OutlineDotBadgeProps) => react_jsx_runtime.JSX.Element;
|
|
240
|
+
interface GradientOutlineBadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
241
|
+
text?: string;
|
|
242
|
+
}
|
|
243
|
+
declare const GradientOutlineBadge: ({ children, text, className, ...props }: GradientOutlineBadgeProps) => react_jsx_runtime.JSX.Element;
|
|
244
|
+
interface IconBadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
245
|
+
icon?: React$1.ReactNode;
|
|
246
|
+
text?: string;
|
|
247
|
+
}
|
|
248
|
+
declare const IconBadge: ({ children, icon, text, className, ...props }: IconBadgeProps) => react_jsx_runtime.JSX.Element;
|
|
249
|
+
interface FloatingBadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
250
|
+
text?: string;
|
|
251
|
+
}
|
|
252
|
+
declare const FloatingBadge: ({ children, text, className, ...props }: FloatingBadgeProps) => react_jsx_runtime.JSX.Element;
|
|
253
|
+
interface ProgressBadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
254
|
+
progress?: number;
|
|
255
|
+
text?: string;
|
|
256
|
+
}
|
|
257
|
+
declare const ProgressBadge: ({ children, progress, text, className, ...props }: ProgressBadgeProps) => react_jsx_runtime.JSX.Element;
|
|
258
|
+
interface StatusRingBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
259
|
+
status?: "success" | "error" | "warning" | "active" | string;
|
|
260
|
+
}
|
|
261
|
+
declare const StatusRingBadge: ({ status, children, className, ...props }: StatusRingBadgeProps) => react_jsx_runtime.JSX.Element;
|
|
262
|
+
interface NeonOutlineBadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
263
|
+
text?: string;
|
|
264
|
+
}
|
|
265
|
+
declare const NeonOutlineBadge: ({ children, text, className, ...props }: NeonOutlineBadgeProps) => react_jsx_runtime.JSX.Element;
|
|
266
|
+
interface TagLabelProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
267
|
+
text?: string;
|
|
371
268
|
}
|
|
372
|
-
declare
|
|
269
|
+
declare const TagLabel: ({ children, text, className, ...props }: TagLabelProps) => react_jsx_runtime.JSX.Element;
|
|
373
270
|
|
|
374
271
|
declare const avatarVariants: (props?: ({
|
|
375
272
|
size?: "default" | "sm" | "lg" | "xl" | null | undefined;
|
|
376
|
-
variant?: "default" | "
|
|
273
|
+
variant?: "default" | "glass" | "gradient" | "glow" | null | undefined;
|
|
377
274
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
378
275
|
interface AvatarProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
|
|
379
276
|
status?: "online" | "offline" | "away" | "busy";
|
|
@@ -383,6 +280,32 @@ interface AvatarImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement> {
|
|
|
383
280
|
}
|
|
384
281
|
declare const AvatarImage: React$1.ForwardRefExoticComponent<AvatarImageProps & React$1.RefAttributes<HTMLImageElement>>;
|
|
385
282
|
declare const AvatarFallback: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
283
|
+
declare const GlowAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
284
|
+
declare const StatusAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
285
|
+
declare const GlassAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
286
|
+
declare const SquareAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
287
|
+
declare const HexagonAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
288
|
+
declare const SquircleAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
289
|
+
declare const GradientRingAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
290
|
+
declare const InitialsAvatar: ({ fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
291
|
+
declare const InitialsGradientAvatar: ({ fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
292
|
+
declare const OutlineAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
293
|
+
declare const HoverExpandAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
294
|
+
declare const PulseAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
295
|
+
declare const StackAvatar: ({ avatars, urls, max, className }: {
|
|
296
|
+
avatars?: Array<{
|
|
297
|
+
src?: string;
|
|
298
|
+
fallback: string;
|
|
299
|
+
}>;
|
|
300
|
+
urls?: string[];
|
|
301
|
+
max?: number;
|
|
302
|
+
className?: string;
|
|
303
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
304
|
+
declare const DottedAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
305
|
+
declare const ShadowAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
306
|
+
declare const PolymorphAvatar: ({ src, fallback, size, status, className }: any) => react_jsx_runtime.JSX.Element;
|
|
307
|
+
declare const TooltipAvatar: ({ src, fallback, size, status, tooltipText, className }: any) => react_jsx_runtime.JSX.Element;
|
|
308
|
+
declare const AnimatedBorderAvatar: ({ src, fallback }: any) => react_jsx_runtime.JSX.Element;
|
|
386
309
|
|
|
387
310
|
declare const TabsRoot: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
388
311
|
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -426,7 +349,7 @@ interface AccordionItemData {
|
|
|
426
349
|
title: React$1.ReactNode;
|
|
427
350
|
content: React$1.ReactNode;
|
|
428
351
|
}
|
|
429
|
-
interface AccordionProps
|
|
352
|
+
interface AccordionProps {
|
|
430
353
|
/**
|
|
431
354
|
* The array of accordion items
|
|
432
355
|
*/
|
|
@@ -451,7 +374,17 @@ interface AccordionProps$1 {
|
|
|
451
374
|
*/
|
|
452
375
|
collapsible?: boolean;
|
|
453
376
|
}
|
|
454
|
-
declare function Accordion({ items, type, variant, className, collapsible, }: AccordionProps
|
|
377
|
+
declare function Accordion({ items, type, variant, className, collapsible, }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
378
|
+
|
|
379
|
+
interface SimpleAccordionProps {
|
|
380
|
+
title?: React$1.ReactNode;
|
|
381
|
+
children?: React$1.ReactNode;
|
|
382
|
+
defaultOpen?: boolean;
|
|
383
|
+
className?: string;
|
|
384
|
+
}
|
|
385
|
+
declare const SimpleAccordion: ({ title, children, defaultOpen, className }: SimpleAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
386
|
+
declare const PlusAccordion: ({ title, children, defaultOpen, className }: SimpleAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
387
|
+
declare const NeonAccordion: ({ title, children, defaultOpen, className }: SimpleAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
455
388
|
|
|
456
389
|
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
457
390
|
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -529,6 +462,96 @@ interface ModalProps {
|
|
|
529
462
|
className?: string;
|
|
530
463
|
}
|
|
531
464
|
declare function Modal({ title, description, children, trigger, onConfirm, onCancel, confirmText, cancelText, isOpen, onOpenChange, variant, scrollable, className, }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
465
|
+
interface BasicModalProps {
|
|
466
|
+
isOpen?: boolean;
|
|
467
|
+
onOpenChange?: (open: boolean) => void;
|
|
468
|
+
trigger?: React$1.ReactNode;
|
|
469
|
+
title?: string;
|
|
470
|
+
description?: string;
|
|
471
|
+
children?: React$1.ReactNode;
|
|
472
|
+
confirmText?: string;
|
|
473
|
+
cancelText?: string;
|
|
474
|
+
onConfirm?: () => void;
|
|
475
|
+
onCancel?: () => void;
|
|
476
|
+
className?: string;
|
|
477
|
+
}
|
|
478
|
+
declare const BasicModal: ({ isOpen, onOpenChange, trigger, title, description, children, confirmText, cancelText, onConfirm, onCancel, className }: BasicModalProps) => react_jsx_runtime.JSX.Element;
|
|
479
|
+
interface InteractiveGlassModalProps {
|
|
480
|
+
isOpen?: boolean;
|
|
481
|
+
onOpenChange?: (open: boolean) => void;
|
|
482
|
+
trigger?: React$1.ReactNode;
|
|
483
|
+
icon?: React$1.ReactNode;
|
|
484
|
+
title?: string;
|
|
485
|
+
description?: string;
|
|
486
|
+
children?: React$1.ReactNode;
|
|
487
|
+
confirmText?: string;
|
|
488
|
+
cancelText?: string;
|
|
489
|
+
onConfirm?: () => void;
|
|
490
|
+
onCancel?: () => void;
|
|
491
|
+
className?: string;
|
|
492
|
+
}
|
|
493
|
+
declare const InteractiveGlassModal: ({ isOpen, onOpenChange, trigger, icon, title, description, children, confirmText, cancelText, onConfirm, onCancel, className }: InteractiveGlassModalProps) => react_jsx_runtime.JSX.Element;
|
|
494
|
+
interface DangerModalProps {
|
|
495
|
+
isOpen?: boolean;
|
|
496
|
+
onOpenChange?: (open: boolean) => void;
|
|
497
|
+
trigger?: React$1.ReactNode;
|
|
498
|
+
icon?: React$1.ReactNode;
|
|
499
|
+
title?: string;
|
|
500
|
+
description?: string;
|
|
501
|
+
children?: React$1.ReactNode;
|
|
502
|
+
confirmText?: string;
|
|
503
|
+
cancelText?: string;
|
|
504
|
+
onConfirm?: () => void;
|
|
505
|
+
onCancel?: () => void;
|
|
506
|
+
className?: string;
|
|
507
|
+
}
|
|
508
|
+
declare const DangerModal: ({ isOpen, onOpenChange, trigger, icon, title, description, children, confirmText, cancelText, onConfirm, onCancel, className }: DangerModalProps) => react_jsx_runtime.JSX.Element;
|
|
509
|
+
interface GlassModalProps {
|
|
510
|
+
trigger?: React$1.ReactNode;
|
|
511
|
+
title?: React$1.ReactNode;
|
|
512
|
+
description?: React$1.ReactNode;
|
|
513
|
+
children?: React$1.ReactNode;
|
|
514
|
+
open?: boolean;
|
|
515
|
+
onOpenChange?: (open: boolean) => void;
|
|
516
|
+
}
|
|
517
|
+
declare function GlassModal({ trigger, title, description, children, open, onOpenChange }: GlassModalProps): react_jsx_runtime.JSX.Element;
|
|
518
|
+
interface AlertModalProps {
|
|
519
|
+
trigger?: React$1.ReactNode;
|
|
520
|
+
title?: string;
|
|
521
|
+
description?: string;
|
|
522
|
+
onConfirm?: () => void;
|
|
523
|
+
onCancel?: () => void;
|
|
524
|
+
confirmText?: string;
|
|
525
|
+
cancelText?: string;
|
|
526
|
+
children?: React$1.ReactNode;
|
|
527
|
+
open?: boolean;
|
|
528
|
+
onOpenChange?: (open: boolean) => void;
|
|
529
|
+
}
|
|
530
|
+
declare function AlertModal({ trigger, title, description, onConfirm, onCancel, confirmText, cancelText, children, open, onOpenChange }: AlertModalProps): react_jsx_runtime.JSX.Element;
|
|
531
|
+
interface SuccessModalProps {
|
|
532
|
+
trigger?: React$1.ReactNode;
|
|
533
|
+
title?: string;
|
|
534
|
+
description?: string;
|
|
535
|
+
children?: React$1.ReactNode;
|
|
536
|
+
open?: boolean;
|
|
537
|
+
onOpenChange?: (open: boolean) => void;
|
|
538
|
+
confirmText?: string;
|
|
539
|
+
onConfirm?: () => void;
|
|
540
|
+
}
|
|
541
|
+
declare function SuccessModal({ trigger, title, description, children, open, onOpenChange, confirmText, onConfirm }: SuccessModalProps): react_jsx_runtime.JSX.Element;
|
|
542
|
+
interface CommandPaletteModalProps {
|
|
543
|
+
trigger: React$1.ReactNode;
|
|
544
|
+
open?: boolean;
|
|
545
|
+
onOpenChange?: (open: boolean) => void;
|
|
546
|
+
}
|
|
547
|
+
declare function CommandPaletteModal({ trigger, open, onOpenChange }: CommandPaletteModalProps): react_jsx_runtime.JSX.Element;
|
|
548
|
+
interface BottomSheetSimulatedProps {
|
|
549
|
+
trigger: React$1.ReactNode;
|
|
550
|
+
children?: React$1.ReactNode;
|
|
551
|
+
open?: boolean;
|
|
552
|
+
onOpenChange?: (open: boolean) => void;
|
|
553
|
+
}
|
|
554
|
+
declare function BottomSheetSimulated({ trigger, children, open, onOpenChange }: BottomSheetSimulatedProps): react_jsx_runtime.JSX.Element;
|
|
532
555
|
|
|
533
556
|
declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
534
557
|
declare const TooltipRoot: React$1.FC<TooltipPrimitive.TooltipProps>;
|
|
@@ -553,8 +576,28 @@ interface TooltipProps {
|
|
|
553
576
|
* @default 700
|
|
554
577
|
*/
|
|
555
578
|
delay?: number;
|
|
579
|
+
/**
|
|
580
|
+
* The visual theme style of the tooltip content
|
|
581
|
+
* @default "default"
|
|
582
|
+
*/
|
|
583
|
+
variant?: "default" | "dark" | "light";
|
|
584
|
+
}
|
|
585
|
+
declare function Tooltip({ content, children, side, delay, variant, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
586
|
+
|
|
587
|
+
interface SimpleTooltipProps {
|
|
588
|
+
content: React$1.ReactNode;
|
|
589
|
+
position?: "top" | "bottom" | "left" | "right";
|
|
590
|
+
children: React$1.ReactNode;
|
|
591
|
+
delay?: number;
|
|
592
|
+
variant?: "default" | "dark" | "light";
|
|
593
|
+
}
|
|
594
|
+
declare function SimpleTooltip({ content, position, children, delay, variant, }: SimpleTooltipProps): react_jsx_runtime.JSX.Element;
|
|
595
|
+
interface RichTooltipProps {
|
|
596
|
+
content: React$1.ReactNode;
|
|
597
|
+
children: React$1.ReactNode;
|
|
598
|
+
delay?: number;
|
|
556
599
|
}
|
|
557
|
-
declare function
|
|
600
|
+
declare function RichTooltip({ content, children, delay, }: RichTooltipProps): react_jsx_runtime.JSX.Element;
|
|
558
601
|
|
|
559
602
|
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
560
603
|
|
|
@@ -568,39 +611,40 @@ declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimit
|
|
|
568
611
|
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
569
612
|
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
570
613
|
|
|
571
|
-
declare const alertVariants
|
|
572
|
-
variant?: "default" | "destructive" | "glass" | "success" | "warning" | "info" | null | undefined;
|
|
614
|
+
declare const alertVariants: (props?: ({
|
|
615
|
+
variant?: "default" | "destructive" | "neon" | "glass" | "gradient" | "banner" | "success" | "warning" | "info" | "floating" | "minimal" | "cyberpunk" | null | undefined;
|
|
573
616
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
574
|
-
interface AlertProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof alertVariants
|
|
575
|
-
/**
|
|
576
|
-
* Whether to enable entry animations
|
|
577
|
-
* @default true
|
|
578
|
-
*/
|
|
617
|
+
interface AlertProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof alertVariants> {
|
|
579
618
|
animate?: boolean;
|
|
580
|
-
/**
|
|
581
|
-
* The title of the alert
|
|
582
|
-
*/
|
|
583
619
|
title?: React$1.ReactNode;
|
|
584
|
-
/**
|
|
585
|
-
* The description of the alert
|
|
586
|
-
*/
|
|
587
620
|
description?: React$1.ReactNode;
|
|
588
|
-
/**
|
|
589
|
-
* An optional icon to display
|
|
590
|
-
*/
|
|
591
621
|
icon?: React$1.ReactNode;
|
|
592
|
-
/**
|
|
593
|
-
* Whether the alert can be dismissed
|
|
594
|
-
*/
|
|
595
622
|
dismissible?: boolean;
|
|
596
|
-
/**
|
|
597
|
-
* Callback function called when the alert is dismissed
|
|
598
|
-
*/
|
|
599
623
|
onDismiss?: () => void;
|
|
624
|
+
actionText?: string;
|
|
625
|
+
onAction?: () => void;
|
|
600
626
|
}
|
|
601
627
|
declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
602
628
|
declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
603
629
|
declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
630
|
+
declare const ToastAlertWrapper: ({ children, className, title, description, time }: any) => react_jsx_runtime.JSX.Element;
|
|
631
|
+
declare const CookieAlert: ({ onAccept, onDecline }: {
|
|
632
|
+
onAccept?: () => void;
|
|
633
|
+
onDecline?: () => void;
|
|
634
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
635
|
+
declare const OfflineBanner: () => react_jsx_runtime.JSX.Element;
|
|
636
|
+
declare const RateLimitAlert: () => react_jsx_runtime.JSX.Element;
|
|
637
|
+
|
|
638
|
+
declare const CyberAlert: ({ title, description, variant, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
639
|
+
declare const SoftAlert: ({ title, description, variant, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
640
|
+
declare const MinimalAlert: ({ title, description, variant, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
641
|
+
declare const LeftBorderAlert: ({ title, description, variant, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
642
|
+
declare const IconTopAlert: ({ title, description, variant, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
643
|
+
declare const SolidAlert: ({ title, description, variant, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
644
|
+
declare const BannerAlert: ({ message, variant, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
645
|
+
declare const NeonAlert: ({ title, description, variant, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
646
|
+
declare const GlassAlert: ({ title, description, variant, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
647
|
+
declare const DismissibleAlert: ({ variant, title, description, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
604
648
|
|
|
605
649
|
type ToasterProps = React.ComponentProps<typeof Toaster$1>;
|
|
606
650
|
declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
|
|
@@ -671,6 +715,16 @@ interface ProgressProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
671
715
|
}
|
|
672
716
|
declare const Progress: React$1.ForwardRefExoticComponent<ProgressProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
673
717
|
|
|
718
|
+
interface CircularProgressCardProps {
|
|
719
|
+
value?: number;
|
|
720
|
+
max?: number;
|
|
721
|
+
title?: string;
|
|
722
|
+
label?: string;
|
|
723
|
+
unit?: string;
|
|
724
|
+
className?: string;
|
|
725
|
+
}
|
|
726
|
+
declare const CircularProgressCard: ({ value, max, title, label, unit, className, }: CircularProgressCardProps) => react_jsx_runtime.JSX.Element;
|
|
727
|
+
|
|
674
728
|
interface SliderProps {
|
|
675
729
|
/**
|
|
676
730
|
* The minimum value
|
|
@@ -712,183 +766,116 @@ interface SliderProps {
|
|
|
712
766
|
}
|
|
713
767
|
declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
714
768
|
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
769
|
+
interface RangeSliderInputProps {
|
|
770
|
+
defaultValue?: number[];
|
|
771
|
+
min?: number;
|
|
772
|
+
max?: number;
|
|
773
|
+
step?: number;
|
|
718
774
|
className?: string;
|
|
775
|
+
onChange?: (value: number[]) => void;
|
|
719
776
|
}
|
|
720
|
-
|
|
721
|
-
/** Color of the glow behind the button */
|
|
722
|
-
glowColor?: string;
|
|
723
|
-
}
|
|
724
|
-
declare const GlowButton: React$1.ForwardRefExoticComponent<GlowButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
725
|
-
declare const ShinyButton: React$1.ForwardRefExoticComponent<SpecialButtonBaseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
726
|
-
declare const GradientButton: React$1.ForwardRefExoticComponent<SpecialButtonBaseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
727
|
-
declare const GlassButton: React$1.ForwardRefExoticComponent<SpecialButtonBaseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
728
|
-
|
|
729
|
-
declare const alertVariants: {
|
|
730
|
-
info: {
|
|
731
|
-
icon: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
|
|
732
|
-
color: string;
|
|
733
|
-
gradient: string;
|
|
734
|
-
};
|
|
735
|
-
warning: {
|
|
736
|
-
icon: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
|
|
737
|
-
color: string;
|
|
738
|
-
gradient: string;
|
|
739
|
-
};
|
|
740
|
-
success: {
|
|
741
|
-
icon: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
|
|
742
|
-
color: string;
|
|
743
|
-
gradient: string;
|
|
744
|
-
};
|
|
745
|
-
error: {
|
|
746
|
-
icon: React$1.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
|
|
747
|
-
color: string;
|
|
748
|
-
gradient: string;
|
|
749
|
-
};
|
|
750
|
-
};
|
|
751
|
-
interface SpecialAlertProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
752
|
-
variant?: keyof typeof alertVariants;
|
|
753
|
-
title?: string;
|
|
754
|
-
description?: string;
|
|
755
|
-
}
|
|
756
|
-
declare function GlassAlert({ variant, title, description, className, ...props }: SpecialAlertProps): react_jsx_runtime.JSX.Element;
|
|
757
|
-
declare function GradientAlert({ variant, title, description, className, ...props }: SpecialAlertProps): react_jsx_runtime.JSX.Element;
|
|
758
|
-
declare function DismissibleAlert({ variant, title, description, className, ...props }: SpecialAlertProps): react_jsx_runtime.JSX.Element;
|
|
759
|
-
|
|
760
|
-
declare const SearchInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
761
|
-
declare const PasswordInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
762
|
-
declare const GlassInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
763
|
-
declare const GradientInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
764
|
-
|
|
765
|
-
declare function GlassCard({ className, ...props }: React$1.ComponentProps<typeof Card>): react_jsx_runtime.JSX.Element;
|
|
766
|
-
declare function GlowCard({ className, ...props }: React$1.ComponentProps<typeof Card>): react_jsx_runtime.JSX.Element;
|
|
767
|
-
declare function GradientCard({ className, ...props }: React$1.ComponentProps<typeof Card>): react_jsx_runtime.JSX.Element;
|
|
768
|
-
declare function HoverCard({ className, ...props }: React$1.ComponentProps<typeof Card>): react_jsx_runtime.JSX.Element;
|
|
777
|
+
declare function RangeSliderInput({ defaultValue, min, max, step, className, onChange, }: RangeSliderInputProps): react_jsx_runtime.JSX.Element;
|
|
769
778
|
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
779
|
+
interface LoaderProps {
|
|
780
|
+
variant?: "dots" | "ring" | "bars" | "pulse" | "spinner" | "wifi" | "hourglass" | "heartbeat" | "box" | "clock" | "battery" | "square-spin" | "text" | "progress-ring" | "skeleton-card" | "shimmer-block";
|
|
781
|
+
size?: "sm" | "md" | "lg" | number;
|
|
782
|
+
color?: string;
|
|
783
|
+
text?: string;
|
|
784
|
+
progress?: number;
|
|
785
|
+
strokeWidth?: number;
|
|
786
|
+
className?: string;
|
|
777
787
|
}
|
|
778
|
-
declare
|
|
779
|
-
interface StatCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
780
|
-
title: string;
|
|
781
|
-
value: string;
|
|
782
|
-
description?: string;
|
|
783
|
-
icon?: LucideIcon;
|
|
784
|
-
trend?: {
|
|
785
|
-
value: string;
|
|
786
|
-
positive: boolean;
|
|
787
|
-
};
|
|
788
|
-
}
|
|
789
|
-
declare function StatCard({ title, value, description, icon: Icon, trend, className, ...props }: StatCardProps): react_jsx_runtime.JSX.Element;
|
|
790
|
-
interface TimelineItem {
|
|
791
|
-
title: string;
|
|
792
|
-
description: string;
|
|
793
|
-
time: string;
|
|
794
|
-
status?: "completed" | "current" | "upcoming";
|
|
795
|
-
}
|
|
796
|
-
declare function Timeline({ items, className }: {
|
|
797
|
-
items: TimelineItem[];
|
|
788
|
+
declare const WifiLoader: ({ className, color, size }: {
|
|
798
789
|
className?: string;
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
}
|
|
804
|
-
declare function CodeBlock({ code, language, className, ...props }: CodeBlockProps): react_jsx_runtime.JSX.Element;
|
|
805
|
-
interface PricingCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
806
|
-
title: string;
|
|
807
|
-
price: string;
|
|
808
|
-
description: string;
|
|
809
|
-
features: string[];
|
|
810
|
-
buttonText?: string;
|
|
811
|
-
popular?: boolean;
|
|
812
|
-
}
|
|
813
|
-
declare function PricingCard({ title, price, description, features, buttonText, popular, className, ...props }: PricingCardProps): react_jsx_runtime.JSX.Element;
|
|
814
|
-
interface DividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
815
|
-
/**
|
|
816
|
-
* The orientation of the divider
|
|
817
|
-
* @default "horizontal"
|
|
818
|
-
*/
|
|
819
|
-
orientation?: "horizontal" | "vertical";
|
|
820
|
-
}
|
|
821
|
-
declare function Divider({ orientation, className, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
|
|
822
|
-
|
|
823
|
-
interface BreadcrumbProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
824
|
-
items: {
|
|
825
|
-
label: string;
|
|
826
|
-
href?: string;
|
|
827
|
-
}[];
|
|
828
|
-
separator?: React$1.ReactNode;
|
|
829
|
-
}
|
|
830
|
-
declare function Breadcrumb({ items, separator, className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
|
|
831
|
-
interface PaginationProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
832
|
-
totalPages: number;
|
|
833
|
-
currentPage: number;
|
|
834
|
-
onPageChange?: (page: number) => void;
|
|
835
|
-
}
|
|
836
|
-
declare function Pagination({ totalPages, currentPage, onPageChange, className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
837
|
-
interface Step {
|
|
838
|
-
title: string;
|
|
839
|
-
description?: string;
|
|
840
|
-
status: "complete" | "current" | "upcoming";
|
|
841
|
-
}
|
|
842
|
-
declare function Steps({ items, className }: {
|
|
843
|
-
items: Step[];
|
|
790
|
+
color?: string;
|
|
791
|
+
size?: "sm" | "md" | "lg" | number;
|
|
792
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
793
|
+
declare const HourglassLoader: ({ className, color, size }: {
|
|
844
794
|
className?: string;
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
declare
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
declare
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
declare
|
|
795
|
+
color?: string;
|
|
796
|
+
size?: "sm" | "md" | "lg" | number;
|
|
797
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
798
|
+
declare const HeartbeatLoader: ({ className, color, size }: {
|
|
799
|
+
className?: string;
|
|
800
|
+
color?: string;
|
|
801
|
+
size?: "sm" | "md" | "lg" | number;
|
|
802
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
803
|
+
declare const BoxLoader: ({ className, color, size }: {
|
|
804
|
+
className?: string;
|
|
805
|
+
color?: string;
|
|
806
|
+
size?: "sm" | "md" | "lg" | number;
|
|
807
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
808
|
+
declare const BouncingBalls: ({ className, color, size }: {
|
|
809
|
+
className?: string;
|
|
810
|
+
color?: string;
|
|
811
|
+
size?: "sm" | "md" | "lg" | number;
|
|
812
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
813
|
+
declare const GlowRingLoader: ({ className, color, size }: {
|
|
814
|
+
className?: string;
|
|
815
|
+
color?: string;
|
|
816
|
+
size?: "sm" | "md" | "lg" | number;
|
|
817
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
818
|
+
declare const LineScaleLoader: ({ className, color, size }: {
|
|
819
|
+
className?: string;
|
|
820
|
+
color?: string;
|
|
821
|
+
size?: "sm" | "md" | "lg" | number;
|
|
822
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
823
|
+
declare const ClockLoader: ({ className, color, size }: {
|
|
824
|
+
className?: string;
|
|
825
|
+
color?: string;
|
|
826
|
+
size?: "sm" | "md" | "lg" | number;
|
|
827
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
828
|
+
declare const BatteryLoader: ({ className, color, size }: {
|
|
829
|
+
className?: string;
|
|
830
|
+
color?: string;
|
|
831
|
+
size?: "sm" | "md" | "lg" | number;
|
|
832
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
833
|
+
declare const SquareSpinLoader: ({ className, color, size }: {
|
|
834
|
+
className?: string;
|
|
835
|
+
color?: string;
|
|
836
|
+
size?: "sm" | "md" | "lg" | number;
|
|
837
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
838
|
+
declare function SpinnerLoader({ className, size, color }: {
|
|
864
839
|
className?: string;
|
|
865
840
|
size?: number;
|
|
841
|
+
color?: string;
|
|
866
842
|
}): react_jsx_runtime.JSX.Element;
|
|
867
|
-
declare function DotsLoader({ className }: {
|
|
843
|
+
declare function DotsLoader({ className, color, size }: {
|
|
868
844
|
className?: string;
|
|
845
|
+
color?: string;
|
|
846
|
+
size?: "sm" | "md" | "lg" | number;
|
|
869
847
|
}): react_jsx_runtime.JSX.Element;
|
|
870
|
-
declare function PulseLoader({ className }: {
|
|
848
|
+
declare function PulseLoader({ className, color, size }: {
|
|
871
849
|
className?: string;
|
|
850
|
+
color?: string;
|
|
851
|
+
size?: "sm" | "md" | "lg" | number;
|
|
872
852
|
}): react_jsx_runtime.JSX.Element;
|
|
873
|
-
declare function BarLoader({ className }: {
|
|
853
|
+
declare function BarLoader({ className, color, size }: {
|
|
874
854
|
className?: string;
|
|
855
|
+
color?: string;
|
|
856
|
+
size?: "sm" | "md" | "lg" | number;
|
|
875
857
|
}): react_jsx_runtime.JSX.Element;
|
|
876
|
-
declare function CircleLoader({ className, size }: {
|
|
858
|
+
declare function CircleLoader({ className, size, color }: {
|
|
877
859
|
className?: string;
|
|
878
860
|
size?: number;
|
|
861
|
+
color?: string;
|
|
879
862
|
}): react_jsx_runtime.JSX.Element;
|
|
880
|
-
declare function RingLoader({ className }: {
|
|
863
|
+
declare function RingLoader({ className, color, size }: {
|
|
881
864
|
className?: string;
|
|
865
|
+
color?: string;
|
|
866
|
+
size?: "sm" | "md" | "lg" | number;
|
|
882
867
|
}): react_jsx_runtime.JSX.Element;
|
|
883
|
-
declare function TextLoader({ text, className }: {
|
|
868
|
+
declare function TextLoader({ text, className, color }: {
|
|
884
869
|
text?: string;
|
|
885
870
|
className?: string;
|
|
871
|
+
color?: string;
|
|
886
872
|
}): react_jsx_runtime.JSX.Element;
|
|
887
|
-
declare function ProgressRing({ progress, size, strokeWidth, className }: {
|
|
873
|
+
declare function ProgressRing({ progress, size, strokeWidth, className, color }: {
|
|
888
874
|
progress?: number;
|
|
889
875
|
size?: number;
|
|
890
876
|
strokeWidth?: number;
|
|
891
877
|
className?: string;
|
|
878
|
+
color?: string;
|
|
892
879
|
}): react_jsx_runtime.JSX.Element;
|
|
893
880
|
declare function SkeletonCard({ className }: {
|
|
894
881
|
className?: string;
|
|
@@ -896,186 +883,52 @@ declare function SkeletonCard({ className }: {
|
|
|
896
883
|
declare function ShimmerBlock({ className }: {
|
|
897
884
|
className?: string;
|
|
898
885
|
}): react_jsx_runtime.JSX.Element;
|
|
886
|
+
declare function Loader({ variant, size, color, text, progress, strokeWidth, className, }: LoaderProps): react_jsx_runtime.JSX.Element;
|
|
899
887
|
|
|
900
|
-
interface
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
description?: React$1.ReactNode;
|
|
907
|
-
/** Modal body content */
|
|
908
|
-
children?: React$1.ReactNode;
|
|
909
|
-
/** Control open state externally */
|
|
910
|
-
open?: boolean;
|
|
911
|
-
/** Callback when open state changes */
|
|
912
|
-
onOpenChange?: (open: boolean) => void;
|
|
913
|
-
}
|
|
914
|
-
declare function GlassModal({ trigger, title, description, children, open, onOpenChange }: GlassModalProps): react_jsx_runtime.JSX.Element;
|
|
915
|
-
interface AlertModalProps {
|
|
916
|
-
/** Trigger element that opens the modal */
|
|
917
|
-
trigger?: React$1.ReactNode;
|
|
918
|
-
/** Modal title */
|
|
919
|
-
title?: string;
|
|
920
|
-
/** Optional modal description */
|
|
921
|
-
description?: string;
|
|
922
|
-
/** Callback when user confirms the action */
|
|
923
|
-
onConfirm?: () => void;
|
|
924
|
-
/** Callback when user cancels the action */
|
|
925
|
-
onCancel?: () => void;
|
|
926
|
-
/** Confirm button text */
|
|
927
|
-
confirmText?: string;
|
|
928
|
-
/** Cancel button text */
|
|
929
|
-
cancelText?: string;
|
|
930
|
-
/** Modal body content */
|
|
931
|
-
children?: React$1.ReactNode;
|
|
932
|
-
/** Control open state externally */
|
|
933
|
-
open?: boolean;
|
|
934
|
-
/** Callback when open state changes */
|
|
935
|
-
onOpenChange?: (open: boolean) => void;
|
|
936
|
-
}
|
|
937
|
-
declare function AlertModal({ trigger, title, description, onConfirm, onCancel, confirmText, cancelText, children, open, onOpenChange }: AlertModalProps): react_jsx_runtime.JSX.Element;
|
|
938
|
-
interface SuccessModalProps {
|
|
939
|
-
/** Trigger element */
|
|
940
|
-
trigger?: React$1.ReactNode;
|
|
941
|
-
/** Modal title */
|
|
942
|
-
title?: string;
|
|
943
|
-
/** Optional description */
|
|
944
|
-
description?: string;
|
|
945
|
-
/** Modal body content */
|
|
946
|
-
children?: React$1.ReactNode;
|
|
947
|
-
/** Control open state externally */
|
|
948
|
-
open?: boolean;
|
|
949
|
-
/** Callback when open state changes */
|
|
950
|
-
onOpenChange?: (open: boolean) => void;
|
|
951
|
-
/** Confirm button text */
|
|
952
|
-
confirmText?: string;
|
|
953
|
-
/** Callback when user confirms */
|
|
954
|
-
onConfirm?: () => void;
|
|
955
|
-
}
|
|
956
|
-
declare function SuccessModal({ trigger, title, description, children, open, onOpenChange, confirmText, onConfirm }: SuccessModalProps): react_jsx_runtime.JSX.Element;
|
|
957
|
-
interface CommandPaletteModalProps {
|
|
958
|
-
/** Trigger element */
|
|
959
|
-
trigger: React$1.ReactNode;
|
|
960
|
-
/** Control open state externally */
|
|
961
|
-
open?: boolean;
|
|
962
|
-
/** Callback when open state changes */
|
|
963
|
-
onOpenChange?: (open: boolean) => void;
|
|
964
|
-
}
|
|
965
|
-
declare function CommandPaletteModal({ trigger, open, onOpenChange }: CommandPaletteModalProps): react_jsx_runtime.JSX.Element;
|
|
966
|
-
interface BottomSheetSimulatedProps {
|
|
967
|
-
/** Trigger element */
|
|
968
|
-
trigger: React$1.ReactNode;
|
|
969
|
-
/** Content inside the bottom sheet */
|
|
970
|
-
children?: React$1.ReactNode;
|
|
971
|
-
/** Control open state externally */
|
|
972
|
-
open?: boolean;
|
|
973
|
-
/** Callback when open state changes */
|
|
974
|
-
onOpenChange?: (open: boolean) => void;
|
|
888
|
+
interface BreadcrumbProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
889
|
+
items: {
|
|
890
|
+
label: string;
|
|
891
|
+
href?: string;
|
|
892
|
+
}[];
|
|
893
|
+
separator?: React$1.ReactNode;
|
|
975
894
|
}
|
|
976
|
-
declare function
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
className?: string;
|
|
982
|
-
/** Avatar image source URL */
|
|
983
|
-
src?: string;
|
|
984
|
-
/** Fallback text/initials */
|
|
985
|
-
fallback: string;
|
|
986
|
-
}
|
|
987
|
-
declare function GlowAvatar({ className, src, fallback }: AvatarBaseProps): react_jsx_runtime.JSX.Element;
|
|
988
|
-
interface StatusAvatarProps extends AvatarBaseProps {
|
|
989
|
-
/** Current status */
|
|
990
|
-
status?: "online" | "offline" | "busy" | "away";
|
|
991
|
-
}
|
|
992
|
-
declare function StatusAvatar({ className, src, fallback, status }: StatusAvatarProps): react_jsx_runtime.JSX.Element;
|
|
993
|
-
declare function HexagonAvatar({ className, src, fallback }: AvatarBaseProps): react_jsx_runtime.JSX.Element;
|
|
994
|
-
declare function SquircleAvatar({ className, src, fallback }: AvatarBaseProps): react_jsx_runtime.JSX.Element;
|
|
995
|
-
declare function GradientRingAvatar({ className, src, fallback }: AvatarBaseProps): react_jsx_runtime.JSX.Element;
|
|
996
|
-
interface InitialsAvatarProps {
|
|
997
|
-
/** Additional CSS classes */
|
|
998
|
-
className?: string;
|
|
999
|
-
/** User's full name for generating initials */
|
|
1000
|
-
name?: string;
|
|
895
|
+
declare function Breadcrumb({ items, separator, className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
|
|
896
|
+
interface PaginationProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
897
|
+
totalPages: number;
|
|
898
|
+
currentPage: number;
|
|
899
|
+
onPageChange?: (page: number) => void;
|
|
1001
900
|
}
|
|
1002
|
-
declare function
|
|
1003
|
-
|
|
1004
|
-
declare function HoverExpandAvatar({ className, src, fallback }: AvatarBaseProps): react_jsx_runtime.JSX.Element;
|
|
1005
|
-
|
|
1006
|
-
declare function GlowCheckbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox>): react_jsx_runtime.JSX.Element;
|
|
1007
|
-
declare function CircularCheckbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox>): react_jsx_runtime.JSX.Element;
|
|
1008
|
-
interface CardCheckboxProps {
|
|
1009
|
-
/** Title text for the card */
|
|
901
|
+
declare function Pagination({ totalPages, currentPage, onPageChange, className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
902
|
+
interface Step {
|
|
1010
903
|
title: string;
|
|
1011
|
-
/** Optional description text */
|
|
1012
904
|
description?: string;
|
|
1013
|
-
|
|
1014
|
-
checked?: boolean;
|
|
1015
|
-
/** Callback when checked state changes */
|
|
1016
|
-
onCheckedChange?: (checked: boolean) => void;
|
|
1017
|
-
/** Additional CSS classes */
|
|
1018
|
-
className?: string;
|
|
905
|
+
status: "complete" | "current" | "upcoming";
|
|
1019
906
|
}
|
|
1020
|
-
declare function
|
|
1021
|
-
|
|
1022
|
-
/** Whether the switch is checked */
|
|
1023
|
-
checked?: boolean;
|
|
1024
|
-
/** Callback when checked state changes */
|
|
1025
|
-
onCheckedChange?: (checked: boolean) => void;
|
|
1026
|
-
/** Additional CSS classes */
|
|
907
|
+
declare function Steps({ items, className }: {
|
|
908
|
+
items: Step[];
|
|
1027
909
|
className?: string;
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
declare
|
|
1034
|
-
declare
|
|
1035
|
-
declare
|
|
910
|
+
}): react_jsx_runtime.JSX.Element;
|
|
911
|
+
declare const SimpleNavbar: () => react_jsx_runtime.JSX.Element;
|
|
912
|
+
declare const CenteredNavbar: () => react_jsx_runtime.JSX.Element;
|
|
913
|
+
declare const GlassNavbar: () => react_jsx_runtime.JSX.Element;
|
|
914
|
+
declare const FloatingNavbar: () => react_jsx_runtime.JSX.Element;
|
|
915
|
+
declare const SidebarMenu: () => react_jsx_runtime.JSX.Element;
|
|
916
|
+
declare const BottomNav: () => react_jsx_runtime.JSX.Element;
|
|
917
|
+
declare const BreadcrumbTrail: () => react_jsx_runtime.JSX.Element;
|
|
918
|
+
declare const StepIndicator: ({ current }: any) => react_jsx_runtime.JSX.Element;
|
|
919
|
+
declare const TabMenu: () => react_jsx_runtime.JSX.Element;
|
|
920
|
+
declare const DropdownMenuVisual: () => react_jsx_runtime.JSX.Element;
|
|
1036
921
|
|
|
1037
|
-
|
|
1038
|
-
interface TypographyBaseProps {
|
|
1039
|
-
/** HTML element to render as */
|
|
1040
|
-
as?: React$1.ElementType;
|
|
1041
|
-
/** Additional CSS classes */
|
|
1042
|
-
className?: string;
|
|
1043
|
-
/** Content */
|
|
1044
|
-
children?: React$1.ReactNode;
|
|
922
|
+
interface ScrollAreaProps extends React$1.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
|
|
1045
923
|
}
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
}
|
|
1055
|
-
declare function GlitchText({ className, text, as: Component }: GlitchTextProps): react_jsx_runtime.JSX.Element;
|
|
1056
|
-
interface HighlightTextProps extends TypographyBaseProps {
|
|
1057
|
-
/** Background color class for the highlight */
|
|
1058
|
-
color?: string;
|
|
1059
|
-
}
|
|
1060
|
-
declare function HighlightText({ className, children, color, as: Component }: HighlightTextProps): react_jsx_runtime.JSX.Element;
|
|
1061
|
-
interface RevealTextProps {
|
|
1062
|
-
/** Text to reveal */
|
|
1063
|
-
text: string;
|
|
1064
|
-
/** Additional CSS classes */
|
|
1065
|
-
className?: string;
|
|
1066
|
-
/** Delay before animation starts (seconds) */
|
|
1067
|
-
delay?: number;
|
|
1068
|
-
}
|
|
1069
|
-
declare function RevealText({ text, className, delay }: RevealTextProps): react_jsx_runtime.JSX.Element;
|
|
1070
|
-
declare function OutlineText({ className, children, as: Component }: TypographyBaseProps): react_jsx_runtime.JSX.Element;
|
|
1071
|
-
declare function GlowText({ className, children, as: Component }: TypographyBaseProps): react_jsx_runtime.JSX.Element;
|
|
1072
|
-
interface NeonTextProps extends TypographyBaseProps {
|
|
1073
|
-
/** Color for the neon glow */
|
|
1074
|
-
color?: string;
|
|
1075
|
-
}
|
|
1076
|
-
declare function NeonText({ className, children, color, as: Component }: NeonTextProps): react_jsx_runtime.JSX.Element;
|
|
1077
|
-
declare function BlurText({ className, children, as: Component }: TypographyBaseProps): react_jsx_runtime.JSX.Element;
|
|
1078
|
-
declare function ShadowText({ className, children, as: Component }: TypographyBaseProps): react_jsx_runtime.JSX.Element;
|
|
924
|
+
/**
|
|
925
|
+
* ScrollArea component built on top of Radix UI ScrollArea primitives.
|
|
926
|
+
*/
|
|
927
|
+
declare const ScrollArea: React$1.ForwardRefExoticComponent<ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
928
|
+
/**
|
|
929
|
+
* ScrollBar component for ScrollArea.
|
|
930
|
+
*/
|
|
931
|
+
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1079
932
|
|
|
1080
933
|
interface BaseAnimationProps {
|
|
1081
934
|
children: React$1.ReactNode;
|
|
@@ -1112,143 +965,388 @@ declare const StaggerContainer: ({ children, delayChildren, staggerChildren }: {
|
|
|
1112
965
|
declare const StaggerItem: ({ children }: {
|
|
1113
966
|
children: React$1.ReactNode;
|
|
1114
967
|
}) => react_jsx_runtime.JSX.Element;
|
|
968
|
+
interface TypingAnimationProps {
|
|
969
|
+
texts: string[];
|
|
970
|
+
speed?: number;
|
|
971
|
+
deleteSpeed?: number;
|
|
972
|
+
pauseDuration?: number;
|
|
973
|
+
loop?: boolean;
|
|
974
|
+
cursor?: boolean;
|
|
975
|
+
className?: string;
|
|
976
|
+
}
|
|
977
|
+
declare function TypingAnimation({ texts, speed, deleteSpeed, pauseDuration, loop, cursor, className, }: TypingAnimationProps): react_jsx_runtime.JSX.Element;
|
|
1115
978
|
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
979
|
+
/**
|
|
980
|
+
* Props for the BlurFade component
|
|
981
|
+
*/
|
|
982
|
+
interface BlurFadeProps extends Omit<HTMLMotionProps<"div">, "ref"> {
|
|
983
|
+
/**
|
|
984
|
+
* Children components to animate
|
|
985
|
+
*/
|
|
986
|
+
children: React$1.ReactNode;
|
|
987
|
+
/**
|
|
988
|
+
* Animation delay in seconds
|
|
989
|
+
* @default 0
|
|
990
|
+
*/
|
|
991
|
+
delay?: number;
|
|
992
|
+
/**
|
|
993
|
+
* Animation duration in seconds
|
|
994
|
+
* @default 0.4
|
|
995
|
+
*/
|
|
996
|
+
duration?: number;
|
|
997
|
+
/**
|
|
998
|
+
* Y axis offset translation on start
|
|
999
|
+
* @default 6
|
|
1000
|
+
*/
|
|
1001
|
+
yOffset?: number;
|
|
1002
|
+
/**
|
|
1003
|
+
* Start blur level (CSS blur radius value)
|
|
1004
|
+
* @default "4px"
|
|
1005
|
+
*/
|
|
1006
|
+
blur?: string;
|
|
1007
|
+
/**
|
|
1008
|
+
* Additional CSS classes
|
|
1009
|
+
*/
|
|
1010
|
+
className?: string;
|
|
1011
|
+
/**
|
|
1012
|
+
* Whether to animate based on viewport entry
|
|
1013
|
+
* @default true
|
|
1014
|
+
*/
|
|
1015
|
+
inView?: boolean;
|
|
1016
|
+
/**
|
|
1017
|
+
* Trigger animation only once
|
|
1018
|
+
* @default true
|
|
1019
|
+
*/
|
|
1020
|
+
once?: boolean;
|
|
1021
|
+
/**
|
|
1022
|
+
* Viewport margin threshold for in-view trigger
|
|
1023
|
+
* @default "-50px"
|
|
1024
|
+
*/
|
|
1025
|
+
margin?: string;
|
|
1026
|
+
}
|
|
1027
|
+
/**
|
|
1028
|
+
* BlurFade animates elements with a smooth blur and fade transition as they enter the viewport.
|
|
1029
|
+
*/
|
|
1030
|
+
declare const BlurFade: React$1.ForwardRefExoticComponent<BlurFadeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1127
1031
|
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
declare const ImageCard: ({ src, title, subtitle }: any) => react_jsx_runtime.JSX.Element;
|
|
1166
|
-
declare const ProfileCard: ({ name, role, avatar }: any) => react_jsx_runtime.JSX.Element;
|
|
1167
|
-
declare const ProductCard: ({ title, price, category, src }: any) => react_jsx_runtime.JSX.Element;
|
|
1168
|
-
declare const ArticleCard: ({ title, excerpt, date }: any) => react_jsx_runtime.JSX.Element;
|
|
1169
|
-
declare const StatCardSimple: ({ label, value, trend }: any) => react_jsx_runtime.JSX.Element;
|
|
1170
|
-
declare const PricingCardBasic: ({ name, price, features }: any) => react_jsx_runtime.JSX.Element;
|
|
1171
|
-
declare const WeatherCard: ({ city, temp, condition }: any) => react_jsx_runtime.JSX.Element;
|
|
1172
|
-
declare const EventCard: ({ title, date, location }: any) => react_jsx_runtime.JSX.Element;
|
|
1173
|
-
declare const TestimonialCardBasic: ({ text, author }: any) => react_jsx_runtime.JSX.Element;
|
|
1174
|
-
declare const InteractiveCard: ({ title, description }: any) => react_jsx_runtime.JSX.Element;
|
|
1032
|
+
/**
|
|
1033
|
+
* Props for the Marquee component
|
|
1034
|
+
*/
|
|
1035
|
+
interface MarqueeProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1036
|
+
/**
|
|
1037
|
+
* Content of the marquee
|
|
1038
|
+
*/
|
|
1039
|
+
children: React$1.ReactNode;
|
|
1040
|
+
/**
|
|
1041
|
+
* Speed of the scrolling animation (higher is faster, represented in pixels per second or duration)
|
|
1042
|
+
* @default 40
|
|
1043
|
+
*/
|
|
1044
|
+
speed?: number;
|
|
1045
|
+
/**
|
|
1046
|
+
* Direction of the scrolling
|
|
1047
|
+
* @default "left"
|
|
1048
|
+
*/
|
|
1049
|
+
direction?: "left" | "right";
|
|
1050
|
+
/**
|
|
1051
|
+
* Whether to pause scrolling when hovering
|
|
1052
|
+
* @default true
|
|
1053
|
+
*/
|
|
1054
|
+
pauseOnHover?: boolean;
|
|
1055
|
+
/**
|
|
1056
|
+
* Gap between items in pixels
|
|
1057
|
+
* @default 16
|
|
1058
|
+
*/
|
|
1059
|
+
gap?: number;
|
|
1060
|
+
/**
|
|
1061
|
+
* Additional CSS classes
|
|
1062
|
+
*/
|
|
1063
|
+
className?: string;
|
|
1064
|
+
}
|
|
1065
|
+
/**
|
|
1066
|
+
* Marquee component provides a smooth infinite auto-scrolling marquee of children.
|
|
1067
|
+
*/
|
|
1068
|
+
declare const Marquee: React$1.ForwardRefExoticComponent<MarqueeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1175
1069
|
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
declare const
|
|
1211
|
-
declare const ShadowAvatar: ({ src, fallback }: any) => react_jsx_runtime.JSX.Element;
|
|
1212
|
-
declare const PolymorphAvatar: ({ src, fallback }: any) => react_jsx_runtime.JSX.Element;
|
|
1213
|
-
declare const GlassAvatar: ({ src, fallback }: any) => react_jsx_runtime.JSX.Element;
|
|
1214
|
-
declare const AnimatedBorderAvatar: ({ src, fallback }: any) => react_jsx_runtime.JSX.Element;
|
|
1215
|
-
declare const InitialsGradientAvatar: ({ initials }: any) => react_jsx_runtime.JSX.Element;
|
|
1216
|
-
declare const SquareAvatar: ({ src, fallback }: any) => react_jsx_runtime.JSX.Element;
|
|
1217
|
-
declare const TooltipAvatar: ({ src, fallback, tooltip }: any) => react_jsx_runtime.JSX.Element;
|
|
1218
|
-
declare const PulseAvatar: ({ src, fallback }: any) => react_jsx_runtime.JSX.Element;
|
|
1070
|
+
/**
|
|
1071
|
+
* Props for the NumberTicker component
|
|
1072
|
+
*/
|
|
1073
|
+
interface NumberTickerProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
1074
|
+
/**
|
|
1075
|
+
* The target numeric value to animate to
|
|
1076
|
+
*/
|
|
1077
|
+
value: number;
|
|
1078
|
+
/**
|
|
1079
|
+
* Duration of the animation in seconds
|
|
1080
|
+
* @default 2
|
|
1081
|
+
*/
|
|
1082
|
+
duration?: number;
|
|
1083
|
+
/**
|
|
1084
|
+
* Optional prefix to display before the number
|
|
1085
|
+
*/
|
|
1086
|
+
prefix?: string;
|
|
1087
|
+
/**
|
|
1088
|
+
* Optional suffix to display after the number
|
|
1089
|
+
*/
|
|
1090
|
+
suffix?: string;
|
|
1091
|
+
/**
|
|
1092
|
+
* Number of decimal places to show
|
|
1093
|
+
* @default 0
|
|
1094
|
+
*/
|
|
1095
|
+
decimals?: number;
|
|
1096
|
+
/**
|
|
1097
|
+
* Additional CSS classes
|
|
1098
|
+
*/
|
|
1099
|
+
className?: string;
|
|
1100
|
+
}
|
|
1101
|
+
/**
|
|
1102
|
+
* NumberTicker component animates a number from 0 to value when it enters the viewport.
|
|
1103
|
+
*/
|
|
1104
|
+
declare const NumberTicker: React$1.ForwardRefExoticComponent<NumberTickerProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
1219
1105
|
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
declare
|
|
1227
|
-
declare const StepIndicator: ({ current }: any) => react_jsx_runtime.JSX.Element;
|
|
1228
|
-
declare const TabMenu: () => react_jsx_runtime.JSX.Element;
|
|
1229
|
-
declare const DropdownMenuVisual: () => react_jsx_runtime.JSX.Element;
|
|
1106
|
+
interface AnimatedNumberProps {
|
|
1107
|
+
value: number;
|
|
1108
|
+
className?: string;
|
|
1109
|
+
duration?: number;
|
|
1110
|
+
formatFn?: (v: number) => string;
|
|
1111
|
+
}
|
|
1112
|
+
declare function AnimatedNumber({ value, className, duration, formatFn, }: AnimatedNumberProps): react_jsx_runtime.JSX.Element;
|
|
1230
1113
|
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1114
|
+
/**
|
|
1115
|
+
* Props for the Rating component
|
|
1116
|
+
*/
|
|
1117
|
+
interface RatingProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1118
|
+
/**
|
|
1119
|
+
* Current rating value
|
|
1120
|
+
*/
|
|
1121
|
+
value: number;
|
|
1122
|
+
/**
|
|
1123
|
+
* Maximum rating count
|
|
1124
|
+
* @default 5
|
|
1125
|
+
*/
|
|
1126
|
+
max?: number;
|
|
1127
|
+
/**
|
|
1128
|
+
* Callback fired when rating value is clicked
|
|
1129
|
+
*/
|
|
1130
|
+
onChange?: (value: number) => void;
|
|
1131
|
+
/**
|
|
1132
|
+
* If true, rating is display-only
|
|
1133
|
+
* @default false
|
|
1134
|
+
*/
|
|
1135
|
+
readonly?: boolean;
|
|
1136
|
+
/**
|
|
1137
|
+
* Size of rating icons
|
|
1138
|
+
* @default "md"
|
|
1139
|
+
*/
|
|
1140
|
+
size?: "sm" | "md" | "lg";
|
|
1141
|
+
/**
|
|
1142
|
+
* Visual icon choice
|
|
1143
|
+
* @default "star"
|
|
1144
|
+
*/
|
|
1145
|
+
icon?: "star" | "heart" | "thumb";
|
|
1146
|
+
/**
|
|
1147
|
+
* Additional CSS classes
|
|
1148
|
+
*/
|
|
1149
|
+
className?: string;
|
|
1150
|
+
}
|
|
1151
|
+
/**
|
|
1152
|
+
* Rating component provides a premium selection input for score ratings (Stars, Hearts, Thumbs).
|
|
1153
|
+
*/
|
|
1154
|
+
declare const Rating: React$1.ForwardRefExoticComponent<RatingProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1155
|
+
|
|
1156
|
+
/**
|
|
1157
|
+
* Props for the FileUpload component
|
|
1158
|
+
*/
|
|
1159
|
+
interface FileUploadProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
1160
|
+
/**
|
|
1161
|
+
* Callback fired when files are successfully validated and selected
|
|
1162
|
+
*/
|
|
1163
|
+
onUpload: (files: File[]) => void;
|
|
1164
|
+
/**
|
|
1165
|
+
* Accepted mime types or extensions, e.g. "image/*,application/pdf"
|
|
1166
|
+
*/
|
|
1167
|
+
accept?: string;
|
|
1168
|
+
/**
|
|
1169
|
+
* Maximum file size in bytes
|
|
1170
|
+
* @default 10 * 1024 * 1024 (10MB)
|
|
1171
|
+
*/
|
|
1172
|
+
maxSize?: number;
|
|
1173
|
+
/**
|
|
1174
|
+
* Whether to allow multiple file uploads
|
|
1175
|
+
* @default false
|
|
1176
|
+
*/
|
|
1177
|
+
multiple?: boolean;
|
|
1178
|
+
/**
|
|
1179
|
+
* Layout visual style
|
|
1180
|
+
* @default "default"
|
|
1181
|
+
*/
|
|
1182
|
+
variant?: "default" | "dropzone" | "button";
|
|
1183
|
+
/**
|
|
1184
|
+
* Additional CSS classes
|
|
1185
|
+
*/
|
|
1186
|
+
className?: string;
|
|
1187
|
+
}
|
|
1188
|
+
/**
|
|
1189
|
+
* FileUpload component manages local file selection, validation, drag-and-drop state, and displays current uploads.
|
|
1190
|
+
*/
|
|
1191
|
+
declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1192
|
+
|
|
1193
|
+
declare const tableContainerVariants: (props?: ({
|
|
1194
|
+
variant?: "default" | "neon" | "glass" | "gradient" | "minimal" | "cyberpunk" | "aurora" | null | undefined;
|
|
1195
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1196
|
+
interface TableProps extends React$1.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableContainerVariants> {
|
|
1197
|
+
density?: 'compact' | 'normal' | 'spacious';
|
|
1198
|
+
hoverable?: boolean;
|
|
1199
|
+
striped?: boolean;
|
|
1200
|
+
bordered?: boolean;
|
|
1201
|
+
animateRows?: boolean;
|
|
1202
|
+
containerClassName?: string;
|
|
1203
|
+
}
|
|
1204
|
+
declare const Table: React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>>;
|
|
1205
|
+
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
1206
|
+
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
1207
|
+
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
1208
|
+
interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
|
|
1209
|
+
index?: number;
|
|
1210
|
+
}
|
|
1211
|
+
declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
1212
|
+
declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
1213
|
+
declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
1214
|
+
declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
1215
|
+
interface CustomizableTableProps extends TableProps {
|
|
1216
|
+
headers: string[];
|
|
1217
|
+
rows: React$1.ReactNode[][];
|
|
1218
|
+
caption?: string;
|
|
1219
|
+
}
|
|
1220
|
+
declare const CustomizableTable: React$1.FC<CustomizableTableProps>;
|
|
1221
|
+
|
|
1222
|
+
/**
|
|
1223
|
+
* Representing a single step definition
|
|
1224
|
+
*/
|
|
1225
|
+
interface StepItem {
|
|
1226
|
+
title: string;
|
|
1227
|
+
description?: string;
|
|
1228
|
+
icon?: React$1.ReactNode;
|
|
1229
|
+
}
|
|
1230
|
+
/**
|
|
1231
|
+
* Props for the Stepper component
|
|
1232
|
+
*/
|
|
1233
|
+
interface StepperProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1234
|
+
/**
|
|
1235
|
+
* Array of step configurations
|
|
1236
|
+
*/
|
|
1237
|
+
steps: StepItem[];
|
|
1238
|
+
/**
|
|
1239
|
+
* Index of the current active step (0-indexed)
|
|
1240
|
+
*/
|
|
1241
|
+
currentStep: number;
|
|
1242
|
+
/**
|
|
1243
|
+
* Orientation layout of the stepper
|
|
1244
|
+
* @default "horizontal"
|
|
1245
|
+
*/
|
|
1246
|
+
orientation?: "horizontal" | "vertical";
|
|
1247
|
+
/**
|
|
1248
|
+
* Style variant of the stepper
|
|
1249
|
+
* @default "default"
|
|
1250
|
+
*/
|
|
1251
|
+
variant?: "default" | "circles" | "arrows";
|
|
1252
|
+
/**
|
|
1253
|
+
* Additional CSS classes
|
|
1254
|
+
*/
|
|
1255
|
+
className?: string;
|
|
1256
|
+
}
|
|
1257
|
+
/**
|
|
1258
|
+
* Stepper component displays progress through a multi-step sequence with animations.
|
|
1259
|
+
*/
|
|
1260
|
+
declare const Stepper: React$1.ForwardRefExoticComponent<StepperProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1261
|
+
|
|
1262
|
+
/**
|
|
1263
|
+
* Interface representing a Command palette item
|
|
1264
|
+
*/
|
|
1265
|
+
interface CommandItem {
|
|
1266
|
+
label: string;
|
|
1267
|
+
value: string;
|
|
1268
|
+
icon?: React$1.ReactNode;
|
|
1269
|
+
onSelect: () => void;
|
|
1270
|
+
}
|
|
1271
|
+
/**
|
|
1272
|
+
* Props for the Command palette component
|
|
1273
|
+
*/
|
|
1274
|
+
interface CommandProps {
|
|
1275
|
+
/**
|
|
1276
|
+
* Array of command items
|
|
1277
|
+
*/
|
|
1278
|
+
items: CommandItem[];
|
|
1279
|
+
/**
|
|
1280
|
+
* Input search placeholder text
|
|
1281
|
+
* @default "Type a command or search..."
|
|
1282
|
+
*/
|
|
1283
|
+
placeholder?: string;
|
|
1284
|
+
/**
|
|
1285
|
+
* Whether the command dialog is open
|
|
1286
|
+
*/
|
|
1287
|
+
open?: boolean;
|
|
1288
|
+
/**
|
|
1289
|
+
* Callback fired when the open state changes
|
|
1290
|
+
*/
|
|
1291
|
+
onOpenChange?: (open: boolean) => void;
|
|
1292
|
+
}
|
|
1293
|
+
/**
|
|
1294
|
+
* Command component provides an interactive Command Palette (Cmd+K / Ctrl+K) dialog.
|
|
1295
|
+
*/
|
|
1296
|
+
declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1297
|
+
|
|
1298
|
+
declare function Kbd({ className, children, ...props }: React$1.HTMLAttributes<HTMLElement>): react_jsx_runtime.JSX.Element;
|
|
1299
|
+
interface AvatarGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1300
|
+
limit?: number;
|
|
1301
|
+
items: {
|
|
1302
|
+
src?: string;
|
|
1303
|
+
fallback: string;
|
|
1304
|
+
}[];
|
|
1305
|
+
}
|
|
1306
|
+
declare function AvatarGroup({ items, limit, className, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
1307
|
+
interface StatCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1308
|
+
title: string;
|
|
1309
|
+
value: string;
|
|
1310
|
+
description?: string;
|
|
1311
|
+
icon?: LucideIcon;
|
|
1312
|
+
trend?: {
|
|
1313
|
+
value: string;
|
|
1314
|
+
positive: boolean;
|
|
1315
|
+
};
|
|
1316
|
+
}
|
|
1317
|
+
declare function StatCard({ title, value, description, icon: Icon, trend, className, ...props }: StatCardProps): react_jsx_runtime.JSX.Element;
|
|
1318
|
+
interface TimelineItem {
|
|
1319
|
+
title: string;
|
|
1320
|
+
description: string;
|
|
1321
|
+
time: string;
|
|
1322
|
+
status?: "completed" | "current" | "upcoming";
|
|
1323
|
+
}
|
|
1324
|
+
declare function Timeline({ items, className }: {
|
|
1325
|
+
items: TimelineItem[];
|
|
1326
|
+
className?: string;
|
|
1327
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1328
|
+
interface CodeBlockProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1329
|
+
code: string;
|
|
1330
|
+
language?: string;
|
|
1331
|
+
}
|
|
1332
|
+
declare function CodeBlock({ code, language, className, ...props }: CodeBlockProps): react_jsx_runtime.JSX.Element;
|
|
1333
|
+
interface PricingCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1334
|
+
title: string;
|
|
1335
|
+
price: string;
|
|
1336
|
+
description: string;
|
|
1337
|
+
features: string[];
|
|
1338
|
+
buttonText?: string;
|
|
1339
|
+
popular?: boolean;
|
|
1340
|
+
}
|
|
1341
|
+
declare function PricingCard({ title, price, description, features, buttonText, popular, className, ...props }: PricingCardProps): react_jsx_runtime.JSX.Element;
|
|
1342
|
+
interface DividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1343
|
+
/**
|
|
1344
|
+
* The orientation of the divider
|
|
1345
|
+
* @default "horizontal"
|
|
1346
|
+
*/
|
|
1347
|
+
orientation?: "horizontal" | "vertical";
|
|
1348
|
+
}
|
|
1349
|
+
declare function Divider({ orientation, className, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
|
|
1252
1350
|
|
|
1253
1351
|
declare const LoginFormPro: () => react_jsx_runtime.JSX.Element;
|
|
1254
1352
|
declare const RegisterFormPro: () => react_jsx_runtime.JSX.Element;
|
|
@@ -1305,16 +1403,12 @@ declare const RevenueChartWidget: () => react_jsx_runtime.JSX.Element;
|
|
|
1305
1403
|
declare const RecentUsersWidget: () => react_jsx_runtime.JSX.Element;
|
|
1306
1404
|
declare const ServerStatusWidget: () => react_jsx_runtime.JSX.Element;
|
|
1307
1405
|
|
|
1308
|
-
declare const MegaMenuVisual: () => react_jsx_runtime.JSX.Element;
|
|
1309
|
-
declare const CommandPaletteVisual: () => react_jsx_runtime.JSX.Element;
|
|
1310
|
-
declare const AppTopbar: () => react_jsx_runtime.JSX.Element;
|
|
1311
|
-
declare const MobileDrawerNav: () => react_jsx_runtime.JSX.Element;
|
|
1312
|
-
declare const TreeNavigation: () => react_jsx_runtime.JSX.Element;
|
|
1313
|
-
declare const ContextActionBar: () => react_jsx_runtime.JSX.Element;
|
|
1314
|
-
declare const PaginationPro: () => react_jsx_runtime.JSX.Element;
|
|
1315
1406
|
declare const FilterBar: () => react_jsx_runtime.JSX.Element;
|
|
1316
1407
|
declare const LanguageSelector: () => react_jsx_runtime.JSX.Element;
|
|
1317
1408
|
declare const UserMenuDropdown: () => react_jsx_runtime.JSX.Element;
|
|
1409
|
+
declare const TreeNavigation: () => react_jsx_runtime.JSX.Element;
|
|
1410
|
+
declare const ContextActionBar: () => react_jsx_runtime.JSX.Element;
|
|
1411
|
+
declare const PaginationPro: () => react_jsx_runtime.JSX.Element;
|
|
1318
1412
|
|
|
1319
1413
|
declare const ConfettiSuccess: () => react_jsx_runtime.JSX.Element;
|
|
1320
1414
|
declare const ActionToast: () => react_jsx_runtime.JSX.Element;
|
|
@@ -1322,8 +1416,6 @@ declare const MultiStepProgress: ({ current }: any) => react_jsx_runtime.JSX.Ele
|
|
|
1322
1416
|
declare const SkeletonList: () => react_jsx_runtime.JSX.Element;
|
|
1323
1417
|
declare const EmptyStatePro: () => react_jsx_runtime.JSX.Element;
|
|
1324
1418
|
declare const TooltipForm: () => react_jsx_runtime.JSX.Element;
|
|
1325
|
-
declare const OfflineBanner: () => react_jsx_runtime.JSX.Element;
|
|
1326
|
-
declare const RateLimitAlert: () => react_jsx_runtime.JSX.Element;
|
|
1327
1419
|
declare const PasswordStrengthMeter: ({ score }: any) => react_jsx_runtime.JSX.Element;
|
|
1328
1420
|
declare const UploadProgress: () => react_jsx_runtime.JSX.Element;
|
|
1329
1421
|
|
|
@@ -1355,120 +1447,95 @@ declare const SidebarLayout: () => react_jsx_runtime.JSX.Element;
|
|
|
1355
1447
|
declare const DashboardGridLayout: () => react_jsx_runtime.JSX.Element;
|
|
1356
1448
|
declare const BentoGridVisual: () => react_jsx_runtime.JSX.Element;
|
|
1357
1449
|
declare const KanbanBoardVisual: () => react_jsx_runtime.JSX.Element;
|
|
1358
|
-
declare const ChatLayoutVisual: () => react_jsx_runtime.JSX.Element;
|
|
1359
|
-
declare const FeedLayout: () => react_jsx_runtime.JSX.Element;
|
|
1360
|
-
declare const DocumentationLayout: () => react_jsx_runtime.JSX.Element;
|
|
1361
|
-
declare const HeaderFooterLayout: () => react_jsx_runtime.JSX.Element;
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
declare const SimpleAccordion: ({ title, children, defaultOpen, className }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
1370
|
-
declare const PlusAccordion: ({ title, children, defaultOpen, className }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
1371
|
-
declare const NeonAccordion: ({ title, children, defaultOpen, className }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
1372
|
-
interface BasicModalProps {
|
|
1373
|
-
isOpen?: boolean;
|
|
1374
|
-
onOpenChange?: (open: boolean) => void;
|
|
1375
|
-
trigger?: React$1.ReactNode;
|
|
1376
|
-
title?: React$1.ReactNode;
|
|
1377
|
-
description?: React$1.ReactNode;
|
|
1378
|
-
children?: React$1.ReactNode;
|
|
1379
|
-
confirmText?: string;
|
|
1380
|
-
cancelText?: string;
|
|
1381
|
-
onConfirm?: () => void;
|
|
1382
|
-
onCancel?: () => void;
|
|
1450
|
+
declare const ChatLayoutVisual: () => react_jsx_runtime.JSX.Element;
|
|
1451
|
+
declare const FeedLayout: () => react_jsx_runtime.JSX.Element;
|
|
1452
|
+
declare const DocumentationLayout: () => react_jsx_runtime.JSX.Element;
|
|
1453
|
+
declare const HeaderFooterLayout: () => react_jsx_runtime.JSX.Element;
|
|
1454
|
+
|
|
1455
|
+
declare function MorphButton({ children, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
|
|
1456
|
+
declare function SplitButton({ primary, secondary, onPrimary, onSecondary, className }: {
|
|
1457
|
+
primary: string;
|
|
1458
|
+
secondary: string;
|
|
1459
|
+
onPrimary?: () => void;
|
|
1460
|
+
onSecondary?: () => void;
|
|
1383
1461
|
className?: string;
|
|
1384
|
-
}
|
|
1385
|
-
declare
|
|
1386
|
-
|
|
1387
|
-
isOpen?: boolean;
|
|
1388
|
-
onOpenChange?: (open: boolean) => void;
|
|
1389
|
-
trigger?: React$1.ReactNode;
|
|
1390
|
-
icon?: React$1.ReactNode;
|
|
1391
|
-
title?: React$1.ReactNode;
|
|
1392
|
-
description?: React$1.ReactNode;
|
|
1393
|
-
children?: React$1.ReactNode;
|
|
1394
|
-
confirmText?: string;
|
|
1395
|
-
cancelText?: string;
|
|
1396
|
-
onConfirm?: () => void;
|
|
1397
|
-
onCancel?: () => void;
|
|
1462
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1463
|
+
declare function CopyTextButton({ text, className }: {
|
|
1464
|
+
text: string;
|
|
1398
1465
|
className?: string;
|
|
1399
|
-
}
|
|
1400
|
-
declare
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
cancelText?: string;
|
|
1411
|
-
onConfirm?: () => void;
|
|
1412
|
-
onCancel?: () => void;
|
|
1466
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1467
|
+
declare function ExpandButton({ children, icon, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1468
|
+
icon: React$1.ReactNode;
|
|
1469
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1470
|
+
declare function StatusButton({ status, children, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1471
|
+
status?: "idle" | "loading" | "success" | "error";
|
|
1472
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1473
|
+
declare function SegmentedButton({ options, value, onChange, className }: {
|
|
1474
|
+
options: string[];
|
|
1475
|
+
value: string;
|
|
1476
|
+
onChange: (val: string) => void;
|
|
1413
1477
|
className?: string;
|
|
1414
|
-
}
|
|
1415
|
-
declare
|
|
1416
|
-
declare const SimpleCheckbox: () => react_jsx_runtime.JSX.Element;
|
|
1417
|
-
declare const InteractiveCardCheckbox: ({ title, description, checked: externalChecked, onCheckedChange, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
1418
|
-
declare const SimpleSwitch: () => react_jsx_runtime.JSX.Element;
|
|
1419
|
-
declare const NeonSwitch: () => react_jsx_runtime.JSX.Element;
|
|
1420
|
-
declare const SimpleSelect: () => react_jsx_runtime.JSX.Element;
|
|
1421
|
-
interface SimpleTooltipProps {
|
|
1422
|
-
content: React$1.ReactNode;
|
|
1423
|
-
position?: "top" | "bottom" | "left" | "right";
|
|
1424
|
-
children?: React$1.ReactNode;
|
|
1425
|
-
}
|
|
1426
|
-
declare const SimpleTooltip: ({ content, position, children }: SimpleTooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1427
|
-
interface RichTooltipProps {
|
|
1428
|
-
content: React$1.ReactNode;
|
|
1429
|
-
children?: React$1.ReactNode;
|
|
1430
|
-
}
|
|
1431
|
-
declare const RichTooltip: ({ content, children }: RichTooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1478
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1479
|
+
declare function TextButton({ children, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
|
|
1432
1480
|
|
|
1433
|
-
|
|
1481
|
+
declare function NeumorphicCard({ children, className }: {
|
|
1482
|
+
children: React$1.ReactNode;
|
|
1483
|
+
className?: string;
|
|
1484
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1485
|
+
declare function GradientMeshCard({ children, className }: {
|
|
1486
|
+
children: React$1.ReactNode;
|
|
1487
|
+
className?: string;
|
|
1488
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1489
|
+
declare function TiltCard({ children, className }: {
|
|
1490
|
+
children: React$1.ReactNode;
|
|
1491
|
+
className?: string;
|
|
1492
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1493
|
+
declare function FeatureCard({ icon, title, description, className }: {
|
|
1494
|
+
icon: React$1.ReactNode;
|
|
1434
1495
|
title: string;
|
|
1435
1496
|
description: string;
|
|
1436
|
-
icon?: LucideIcon;
|
|
1437
|
-
gradient?: string;
|
|
1438
1497
|
className?: string;
|
|
1439
|
-
|
|
1440
|
-
}
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
speed?: number;
|
|
1446
|
-
direction?: "left" | "right";
|
|
1447
|
-
pauseOnHover?: boolean;
|
|
1498
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1499
|
+
declare function MetricCard({ title, value, change, changeType, className }: {
|
|
1500
|
+
title: string;
|
|
1501
|
+
value: string;
|
|
1502
|
+
change: string;
|
|
1503
|
+
changeType?: "positive" | "negative" | "neutral";
|
|
1448
1504
|
className?: string;
|
|
1449
|
-
}
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
direction?: "up" | "down";
|
|
1454
|
-
delay?: number;
|
|
1505
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1506
|
+
|
|
1507
|
+
declare function OTPCodeInput({ length, className, onChange }: {
|
|
1508
|
+
length?: number;
|
|
1455
1509
|
className?: string;
|
|
1456
|
-
|
|
1457
|
-
}
|
|
1458
|
-
declare function
|
|
1459
|
-
|
|
1460
|
-
text: string;
|
|
1461
|
-
duration?: number;
|
|
1510
|
+
onChange?: (val: string) => void;
|
|
1511
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1512
|
+
declare function TagInput({ placeholder, className }: {
|
|
1513
|
+
placeholder?: string;
|
|
1462
1514
|
className?: string;
|
|
1463
|
-
|
|
1464
|
-
}
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1515
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1516
|
+
declare function CurrencyInput({ currency, className, ...props }: React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
1517
|
+
currency?: string;
|
|
1518
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1519
|
+
declare function TextareaAutosize({ className, ...props }: React$1.TextareaHTMLAttributes<HTMLTextAreaElement>): react_jsx_runtime.JSX.Element;
|
|
1520
|
+
declare function ColorPickerInput({ value: initial, label, className, onChange }: {
|
|
1521
|
+
value?: string;
|
|
1522
|
+
label?: string;
|
|
1468
1523
|
className?: string;
|
|
1469
|
-
|
|
1470
|
-
}
|
|
1471
|
-
|
|
1524
|
+
onChange?: (color: string) => void;
|
|
1525
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1526
|
+
|
|
1527
|
+
declare const RadioCard: ({ title, description, checked, onChange, value, name }: any) => react_jsx_runtime.JSX.Element;
|
|
1528
|
+
declare const ColorSwatch: ({ color, selected, onClick }: any) => react_jsx_runtime.JSX.Element;
|
|
1529
|
+
declare const NumberStepper: ({ value, onChange, min, max }: any) => react_jsx_runtime.JSX.Element;
|
|
1530
|
+
declare const FileDropzone: ({ onDrop }: any) => react_jsx_runtime.JSX.Element;
|
|
1531
|
+
declare const RatingStars: ({ rating, max, onRate }: any) => react_jsx_runtime.JSX.Element;
|
|
1532
|
+
declare const ToggleGroupItemWrapper: ({ children, active, onClick }: any) => react_jsx_runtime.JSX.Element;
|
|
1533
|
+
declare const ToggleGroupWrapper: ({ children }: any) => react_jsx_runtime.JSX.Element;
|
|
1534
|
+
declare const InputWithLabelOverlay: ({ label, id, ...props }: any) => react_jsx_runtime.JSX.Element;
|
|
1535
|
+
declare const VisualSelectCard: ({ icon: Icon, title, description, selected }: any) => react_jsx_runtime.JSX.Element;
|
|
1536
|
+
declare const FloatingActionForm: ({ isOpen, toggle, children }: any) => react_jsx_runtime.JSX.Element;
|
|
1537
|
+
declare const OTPInput: ({ length }: any) => react_jsx_runtime.JSX.Element;
|
|
1538
|
+
|
|
1472
1539
|
interface AnimatedGradientBorderProps {
|
|
1473
1540
|
children: React$1.ReactNode;
|
|
1474
1541
|
className?: string;
|
|
@@ -1522,15 +1589,7 @@ interface AnimatedListProps {
|
|
|
1522
1589
|
delay?: number;
|
|
1523
1590
|
}
|
|
1524
1591
|
declare function AnimatedList({ children, className, delay, }: AnimatedListProps): react_jsx_runtime.JSX.Element;
|
|
1525
|
-
|
|
1526
|
-
children: React$1.ReactNode;
|
|
1527
|
-
className?: string;
|
|
1528
|
-
delay?: number;
|
|
1529
|
-
yOffset?: number;
|
|
1530
|
-
duration?: number;
|
|
1531
|
-
inView?: boolean;
|
|
1532
|
-
}
|
|
1533
|
-
declare function BlurFade({ children, className, delay, yOffset, duration, inView, }: BlurFadeProps): react_jsx_runtime.JSX.Element;
|
|
1592
|
+
|
|
1534
1593
|
interface InteractiveHoverButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1535
1594
|
text?: string;
|
|
1536
1595
|
className?: string;
|
|
@@ -1573,145 +1632,6 @@ interface TextShimmerProps {
|
|
|
1573
1632
|
}
|
|
1574
1633
|
declare function TextShimmer({ children, className, duration, spread, }: TextShimmerProps): react_jsx_runtime.JSX.Element;
|
|
1575
1634
|
|
|
1576
|
-
declare function NeonGlowButton({ children, className, color, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1577
|
-
color?: string;
|
|
1578
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1579
|
-
declare function OutlineGradientButton({ children, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
|
|
1580
|
-
declare function MorphButton({ children, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
|
|
1581
|
-
declare function SplitButton({ primary, secondary, onPrimary, onSecondary, className }: {
|
|
1582
|
-
primary: string;
|
|
1583
|
-
secondary: string;
|
|
1584
|
-
onPrimary?: () => void;
|
|
1585
|
-
onSecondary?: () => void;
|
|
1586
|
-
className?: string;
|
|
1587
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1588
|
-
declare function CopyTextButton({ text, className }: {
|
|
1589
|
-
text: string;
|
|
1590
|
-
className?: string;
|
|
1591
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1592
|
-
declare function ExpandButton({ children, icon, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1593
|
-
icon: React$1.ReactNode;
|
|
1594
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1595
|
-
declare function StatusButton({ status, children, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1596
|
-
status?: "idle" | "loading" | "success" | "error";
|
|
1597
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1598
|
-
declare function GlassmorphButton({ children, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
|
|
1599
|
-
declare function SegmentedButton({ options, value, onChange, className }: {
|
|
1600
|
-
options: string[];
|
|
1601
|
-
value: string;
|
|
1602
|
-
onChange: (val: string) => void;
|
|
1603
|
-
className?: string;
|
|
1604
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1605
|
-
declare function TextButton({ children, className, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
|
|
1606
|
-
|
|
1607
|
-
declare function NeumorphicCard({ children, className }: {
|
|
1608
|
-
children: React$1.ReactNode;
|
|
1609
|
-
className?: string;
|
|
1610
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1611
|
-
declare function GradientMeshCard({ children, className }: {
|
|
1612
|
-
children: React$1.ReactNode;
|
|
1613
|
-
className?: string;
|
|
1614
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1615
|
-
declare function TiltCard({ children, className }: {
|
|
1616
|
-
children: React$1.ReactNode;
|
|
1617
|
-
className?: string;
|
|
1618
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1619
|
-
declare function FeatureCard({ icon, title, description, className }: {
|
|
1620
|
-
icon: React$1.ReactNode;
|
|
1621
|
-
title: string;
|
|
1622
|
-
description: string;
|
|
1623
|
-
className?: string;
|
|
1624
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1625
|
-
declare function PricingCardPro({ name, price, period, features, popular, className, ctaText }: {
|
|
1626
|
-
name: string;
|
|
1627
|
-
price: string;
|
|
1628
|
-
period?: string;
|
|
1629
|
-
features: string[];
|
|
1630
|
-
popular?: boolean;
|
|
1631
|
-
className?: string;
|
|
1632
|
-
ctaText?: string;
|
|
1633
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1634
|
-
declare function TestimonialCardV2({ quote, author, role, avatar, className }: {
|
|
1635
|
-
quote: string;
|
|
1636
|
-
author: string;
|
|
1637
|
-
role: string;
|
|
1638
|
-
avatar?: string;
|
|
1639
|
-
className?: string;
|
|
1640
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1641
|
-
declare function MetricCard({ title, value, change, changeType, className }: {
|
|
1642
|
-
title: string;
|
|
1643
|
-
value: string;
|
|
1644
|
-
change: string;
|
|
1645
|
-
changeType?: "positive" | "negative" | "neutral";
|
|
1646
|
-
className?: string;
|
|
1647
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1648
|
-
declare function ImageOverlayCard({ title, subtitle, gradient, className }: {
|
|
1649
|
-
title: string;
|
|
1650
|
-
subtitle: string;
|
|
1651
|
-
gradient?: string;
|
|
1652
|
-
className?: string;
|
|
1653
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1654
|
-
declare function ProfileCardFull({ name, role, bio, stats, className }: {
|
|
1655
|
-
name: string;
|
|
1656
|
-
role: string;
|
|
1657
|
-
bio?: string;
|
|
1658
|
-
stats?: {
|
|
1659
|
-
label: string;
|
|
1660
|
-
value: string;
|
|
1661
|
-
}[];
|
|
1662
|
-
className?: string;
|
|
1663
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1664
|
-
declare function NotificationCard({ title, message, time, type, className }: {
|
|
1665
|
-
title: string;
|
|
1666
|
-
message: string;
|
|
1667
|
-
time: string;
|
|
1668
|
-
type?: "info" | "success" | "warning" | "error";
|
|
1669
|
-
className?: string;
|
|
1670
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1671
|
-
|
|
1672
|
-
declare function GradientFocusInput({ className, ...props }: React$1.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime.JSX.Element;
|
|
1673
|
-
declare function AnimatedLabelInput({ label, className, ...props }: React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
1674
|
-
label: string;
|
|
1675
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1676
|
-
declare function OTPCodeInput({ length, className, onChange }: {
|
|
1677
|
-
length?: number;
|
|
1678
|
-
className?: string;
|
|
1679
|
-
onChange?: (val: string) => void;
|
|
1680
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1681
|
-
declare function TagInput({ placeholder, className }: {
|
|
1682
|
-
placeholder?: string;
|
|
1683
|
-
className?: string;
|
|
1684
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1685
|
-
declare function SearchCommandInput({ className, ...props }: React$1.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime.JSX.Element;
|
|
1686
|
-
declare function CurrencyInput({ currency, className, ...props }: React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
1687
|
-
currency?: string;
|
|
1688
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1689
|
-
declare function TextareaAutosize({ className, ...props }: React$1.TextareaHTMLAttributes<HTMLTextAreaElement>): react_jsx_runtime.JSX.Element;
|
|
1690
|
-
declare function RangeSliderInput({ min, max, value: initialValue, label, className }: {
|
|
1691
|
-
min?: number;
|
|
1692
|
-
max?: number;
|
|
1693
|
-
value?: number;
|
|
1694
|
-
label?: string;
|
|
1695
|
-
className?: string;
|
|
1696
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1697
|
-
declare function ColorPickerInput({ value: initial, label, className, onChange }: {
|
|
1698
|
-
value?: string;
|
|
1699
|
-
label?: string;
|
|
1700
|
-
className?: string;
|
|
1701
|
-
onChange?: (color: string) => void;
|
|
1702
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1703
|
-
declare function ToggleInput({ label, className }: {
|
|
1704
|
-
label: string;
|
|
1705
|
-
className?: string;
|
|
1706
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1707
|
-
|
|
1708
|
-
interface ScrollAreaProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1709
|
-
/** Maximum height before scrolling */
|
|
1710
|
-
maxHeight?: string | number;
|
|
1711
|
-
/** Orientation of the scroll */
|
|
1712
|
-
orientation?: "vertical" | "horizontal" | "both";
|
|
1713
|
-
}
|
|
1714
|
-
declare function ScrollArea({ children, className, maxHeight, orientation, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
|
|
1715
1635
|
interface DrawerProps {
|
|
1716
1636
|
/** Whether the drawer is open */
|
|
1717
1637
|
open: boolean;
|
|
@@ -2126,12 +2046,6 @@ interface BentoCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
2126
2046
|
}
|
|
2127
2047
|
declare function BentoCard({ title, description, header, icon, children, span, className, delay, ...props }: BentoCardProps): react_jsx_runtime.JSX.Element;
|
|
2128
2048
|
|
|
2129
|
-
interface CopyButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
2130
|
-
/** The value to copy to clipboard */
|
|
2131
|
-
value: string;
|
|
2132
|
-
}
|
|
2133
|
-
declare function CopyButton({ value, className, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
|
|
2134
|
-
|
|
2135
2049
|
declare function cn(...inputs: ClassValue[]): string;
|
|
2136
2050
|
|
|
2137
|
-
export { AIFeatureCard, AIPromptInput, Accordion, AccordionContent, AccordionItem, type AccordionItemData, type AccordionProps
|
|
2051
|
+
export { AIFeatureCard, AIPromptInput, Accordion, AccordionContent, AccordionItem, type AccordionItemData, type AccordionProps, AccordionRoot, AccordionTrigger, ActionToast, ActivityFeed, ActivityItem, AddToCartBar, AdvancedSearchForm, Alert, AlertDescription, AlertModal, type AlertModalProps, type AlertProps, AlertTitle, AnimatedBeam, type AnimatedBeamProps, AnimatedBorderAvatar, AnimatedGradientBorder, type AnimatedGradientBorderProps, AnimatedGridBackground, type AnimatedGridBackgroundProps, AnimatedHeroText, FloatingLabelInput as AnimatedLabelInput, AnimatedList, type AnimatedListProps, AnimatedNumber, type AnimatedNumberProps, AreaChartSimple, ArticleCard, AudioWaveform, AuthenticationLayout, Avatar, AvatarFallback, AvatarGroup, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, BannerAlert, BarChartSimple, BarLoader, BasicModal, type BasicModalProps, BatteryLoader, BentoCard, type BentoCardProps, BentoGrid, type BentoGridProps, BentoGridVisual, BlurFade, type BlurFadeProps, BorderBeamButton, BottomNav, BottomSheetSimulated, type BottomSheetSimulatedProps, Bounce, BouncingBalls, BoxLoader, BoxReveal, type BoxRevealProps, Breadcrumb, BreadcrumbTrail, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, CartDrawerItem, CartItem, CategoryCard, CenteredNavbar, ChatBubbleAI, ChatBubbleUser, ChatHistorySidebar, ChatInput, ChatLayoutVisual, ChatMessage, Checkbox, CheckoutSummary, CircleLoader, CircularProgressCard, type CircularProgressCardProps, ClockLoader, CodeBlock, CodeSnippet, ColorPickerInput, ColorSelector, ColorSwatch, Command, type CommandItem, CommandPalette, type CommandPaletteItem, CommandPaletteModal, type CommandPaletteModalProps, type CommandPaletteProps, type CommandProps, CommentThread, CompactDataList, ComparisonBar, ComparisonTableMock, ConfettiSuccess, ContactFormPro, ContactList, ContextActionBar, ContextMenu, type ContextMenuItem, type ContextMenuProps, CookieAlert, CoolMode, type CoolModeProps, CopyTextButton, CouponCard, CreditCardVisual, CurrencyInput, CustomizableTable, type CustomizableTableProps, CyberAlert, CyberpunkButton, DangerModal, type DangerModalProps, DashboardGridLayout, DashboardShell, DataTablePro, DestructiveGlowButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleAlert, Divider, type DividerProps, Dock, type DockProps, DocumentationLayout, DonutChart, DotBadge, DotsLoader, DottedAvatar, Drawer, type DrawerProps, DropdownMenuVisual, EmbedCard, EmptyStatePro, ErrorInput, type ErrorInputProps, EventCard, EventScheduleList, ExpandButton, FAQAccordionList, FadeIn, FeatureCard, FeatureShowcase, FeedLayout, FeedbackForm, FileDownloadList, FileDropzone, FileExplorerTable, FilePreviewCard, FileUpload, FileUploadForm, type FileUploadProps, FilterBar, Flip, Float, FloatingActionForm, FloatingBadge, type FloatingBadgeProps, FloatingLabelInput, FloatingNavbar, FunnelChart, GalleryGrid, GeneratedCodeBlock, GhostInput, GhostOutlineButton, GlassAlert, GlassAvatar, GlassBadge, GlassButton, GlassCard, GlassInput, GlassModal, type GlassModalProps, GlassNavbar, GlassButton as GlassmorphButton, GlowAvatar, GlowBadge, GlowButton, GlowCard, GlowRingLoader, GlowSpotlightCard, type GlowSpotlightCardProps, GradientBadge, GradientButton, GradientCTABlock, GradientCard, GradientInput as GradientFocusInput, GradientInput, GradientMeshCard, GradientOutlineBadge, type GradientOutlineBadgeProps, GradientRingAvatar, HeaderFooterLayout, Heartbeat, HeartbeatLoader, HeatmapGrid, HexagonAvatar, HourglassLoader, HoverCard, HoverExpandAvatar, IconBadge, type IconBadgeProps, IconInputLeft, type IconInputProps, IconInputRight, IconTopAlert, ImageCard, ImageCarousel, ImageCompare, InitialsAvatar, InitialsGradientAvatar, Input, type InputProps, InputWithLabelOverlay, InteractiveCard, InteractiveGlassModal, type InteractiveGlassModalProps, InteractiveHoverButton, type InteractiveHoverButtonProps, InviteUsersForm, InvoiceCard, InvoiceTable, JobBoardList, KPIDashboard, KanbanBoardVisual, Kbd, LanguageSelector, LeaderboardTable, LeaderboardWidget, LeftBorderAlert, LineScaleLoader, Loader, type LoaderProps, LoadingButton, LoginFormPro, MagneticButton, Marquee, type MarqueeProps, MessageList, Meteors, type MeteorsProps, MetricCard, MinimalAlert, MinimalBadge, MinimalDropInput, Modal, type ModalProps, ModelSelector, MorphButton, MorphingText, type MorphingTextProps, MultiStepProgress, MusicPlayer, NeonAccordion, NeonAlert, NeonButton, GlowButton as NeonGlowButton, NeonOutlineBadge, type NeonOutlineBadgeProps, NeumorphicCard, NeumorphicInput, NewsletterSignup, NotificationBadge, NotificationCenter, NotificationList, NumberStepper, NumberTicker, type NumberTickerProps, OTPCodeInput, OTPInput, OfflineBanner, OnlineUsersList, OrderSummaryCard, OutlineAvatar, OutlineDotBadge, type OutlineDotBadgeProps, OutlineGlowBadge, GradientButton as OutlineGradientButton, Pagination, PaginationPro, PasswordInput, PasswordStrengthMeter, PaymentFormPro, PillInput, PlusAccordion, PolymorphAvatar, PremiumBadge, PricingCard, PricingCardBasic, PricingComparisonTable, PricingSlider, PricingToggle, ProductCard, ProductCardPro, ProductGallery, ProductInventoryTable, ProductReview, ProfileCard, ProfileSettingsForm, Progress, ProgressBadge, type ProgressBadgeProps, ProgressCircle, type ProgressProps, ProgressRing, ProgressWidget, PromoCodeInput, PulsatingButton, type PulsatingButtonProps, PulseAnim, PulseAvatar, PulseBadge, PulseLoader, QuickActionsWidget, RadioCard, RainbowButton, type RainbowButtonProps, RangeSliderInput, type RangeSliderInputProps, RateLimitAlert, Rating, type RatingProps, RatingStars, ReactionBar, RecentCommentsList, RecentUsersWidget, RegisterFormPro, RetroGrid, type RetroGridProps, RevealClip, RevenueChartWidget, ReviewStars, RibbonBadge, RichTooltip, type RichTooltipProps, RingLoader, RippleButton, Rotate, ScaleIn, ScheduleTable, ScrollArea, type ScrollAreaProps, ScrollBar, SearchInput as SearchCommandInput, SearchInput, SegmentedButton, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, ServerStatusWidget, ShadowAvatar, ShareSheet, ShimmerBlock, ShimmerButton, ShinyButton, ShinyText, type ShinyTextProps, ShippingAddressForm, SidebarLayout, SidebarMenu, SimpleAccordion, type SimpleAccordionProps, SimpleNavbar, SimpleTooltip, type SimpleTooltipProps, SizeSelector, Skeleton, SkeletonCard, SkeletonList, type SkeletonProps, SlideDown, SlideLeft, SlideRight, SlideUp, Slider, type SliderProps, SocialPost, SoftAlert, SoftBadge, SolidAlert, SpinnerLoader, SplitButton, SplitScreenLayout, SpotlightCard, SquareAvatar, SquareSpinLoader, SquircleAvatar, StackAvatar, StaggerContainer, StaggerItem, StatCard, StatCardSimple, StatCounter, StatWidget, StatWidgetCard, StatusAvatar, StatusButton, StatusRingBadge, type StatusRingBadgeProps, StepIndicator, type StepItem, StepList, Stepper, type StepperProps, Steps, StorageWidget, SubscriptionCard, SubscriptionForm, SuccessInput, SuccessModal, type SuccessModalProps, SuggestionChips, Switch, TabMenu, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsItem, TabsList, type TabsProps, TabsRoot, TabsTrigger, TagBadge, TagInput, TagLabel, type TagLabelProps, TaskChecklist, TestimonialCardBasic, TestimonialCarousel, TextButton, TextLoader, TextShimmer, type TextShimmerProps, TextareaAutosize, ThinkingLoader, ThreeDButton, TiltCard, Timeline, TimelineVertical, ToastAlertWrapper, Toaster, ToggleGroupItemWrapper, ToggleGroupWrapper, Tooltip, TooltipAvatar, TooltipContent, TooltipForm, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, TransactionHistory, TreeNavigation, TrustBadge, TrustBanner, TypingAnimation, type TypingAnimationProps, UnderlineInput, UploadProgress, UserDirectoryTable, UserMenuDropdown, UserProfileCard, VideoModalVisual, VideoPlayer, VisualSelectCard, VoiceInputPulse, WaitlistForm, WeatherCard, WifiLoader, WiggleHover, WordFadeReveal, type WordFadeRevealProps, WordPullUp, type WordPullUpProps, badgeVariants, buttonVariants, cn };
|