@zentauri-ui/zentauri-components 0.0.8 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -2
- package/dist/ui/accordion.cjs +311 -0
- package/dist/ui/accordion.cjs.map +1 -0
- package/dist/ui/accordion.d.cts +70 -0
- package/dist/ui/accordion.d.ts +70 -0
- package/dist/ui/accordion.js +286 -0
- package/dist/ui/accordion.js.map +1 -0
- package/dist/ui/alert.cjs +257 -0
- package/dist/ui/alert.cjs.map +1 -0
- package/dist/ui/alert.d.cts +66 -0
- package/dist/ui/alert.d.ts +66 -0
- package/dist/ui/alert.js +224 -0
- package/dist/ui/alert.js.map +1 -0
- package/dist/ui/badge.cjs +192 -0
- package/dist/ui/badge.cjs.map +1 -0
- package/dist/ui/badge.d.cts +37 -0
- package/dist/ui/badge.d.ts +37 -0
- package/dist/ui/badge.js +165 -0
- package/dist/ui/badge.js.map +1 -0
- package/dist/ui/buttons.cjs +202 -0
- package/dist/ui/buttons.cjs.map +1 -0
- package/dist/ui/buttons.d.cts +27 -0
- package/dist/ui/buttons.d.ts +27 -0
- package/dist/ui/buttons.js +176 -0
- package/dist/ui/buttons.js.map +1 -0
- package/dist/ui/card.cjs +293 -0
- package/dist/ui/card.cjs.map +1 -0
- package/dist/ui/card.d.cts +77 -0
- package/dist/ui/card.d.ts +77 -0
- package/dist/ui/card.js +258 -0
- package/dist/ui/card.js.map +1 -0
- package/dist/ui/divider.cjs +229 -0
- package/dist/ui/divider.cjs.map +1 -0
- package/dist/ui/divider.d.cts +39 -0
- package/dist/ui/divider.d.ts +39 -0
- package/dist/ui/divider.js +200 -0
- package/dist/ui/divider.js.map +1 -0
- package/dist/ui/drawer.cjs +408 -0
- package/dist/ui/drawer.cjs.map +1 -0
- package/dist/ui/drawer.d.cts +81 -0
- package/dist/ui/drawer.d.ts +81 -0
- package/dist/ui/drawer.js +383 -0
- package/dist/ui/drawer.js.map +1 -0
- package/dist/ui/dropdown.cjs +302 -0
- package/dist/ui/dropdown.cjs.map +1 -0
- package/dist/ui/dropdown.d.cts +50 -0
- package/dist/ui/dropdown.d.ts +50 -0
- package/dist/ui/dropdown.js +278 -0
- package/dist/ui/dropdown.js.map +1 -0
- package/dist/ui/empty-state.cjs +186 -0
- package/dist/ui/empty-state.cjs.map +1 -0
- package/dist/ui/empty-state.d.cts +55 -0
- package/dist/ui/empty-state.d.ts +55 -0
- package/dist/ui/empty-state.js +154 -0
- package/dist/ui/empty-state.js.map +1 -0
- package/dist/ui/index.d.cts +27 -1164
- package/dist/ui/index.d.ts +27 -1164
- package/dist/ui/inputs.cjs +458 -0
- package/dist/ui/inputs.cjs.map +1 -0
- package/dist/ui/inputs.d.cts +35 -0
- package/dist/ui/inputs.d.ts +35 -0
- package/dist/ui/inputs.js +432 -0
- package/dist/ui/inputs.js.map +1 -0
- package/dist/ui/modal.cjs +406 -0
- package/dist/ui/modal.cjs.map +1 -0
- package/dist/ui/modal.d.cts +84 -0
- package/dist/ui/modal.d.ts +84 -0
- package/dist/ui/modal.js +384 -0
- package/dist/ui/modal.js.map +1 -0
- package/dist/ui/pagination.cjs +523 -0
- package/dist/ui/pagination.cjs.map +1 -0
- package/dist/ui/pagination.d.cts +114 -0
- package/dist/ui/pagination.d.ts +114 -0
- package/dist/ui/pagination.js +494 -0
- package/dist/ui/pagination.js.map +1 -0
- package/dist/ui/progress.cjs +268 -0
- package/dist/ui/progress.cjs.map +1 -0
- package/dist/ui/progress.d.cts +61 -0
- package/dist/ui/progress.d.ts +61 -0
- package/dist/ui/progress.js +237 -0
- package/dist/ui/progress.js.map +1 -0
- package/dist/ui/select.cjs +360 -0
- package/dist/ui/select.cjs.map +1 -0
- package/dist/ui/select.d.cts +73 -0
- package/dist/ui/select.d.ts +73 -0
- package/dist/ui/select.js +327 -0
- package/dist/ui/select.js.map +1 -0
- package/dist/ui/skeleton.cjs +576 -0
- package/dist/ui/skeleton.cjs.map +1 -0
- package/dist/ui/skeleton.d.cts +90 -0
- package/dist/ui/skeleton.d.ts +90 -0
- package/dist/ui/skeleton.js +544 -0
- package/dist/ui/skeleton.js.map +1 -0
- package/dist/ui/spinner.cjs +219 -0
- package/dist/ui/spinner.cjs.map +1 -0
- package/dist/ui/spinner.d.cts +27 -0
- package/dist/ui/spinner.d.ts +27 -0
- package/dist/ui/spinner.js +193 -0
- package/dist/ui/spinner.js.map +1 -0
- package/dist/ui/table.cjs +328 -0
- package/dist/ui/table.cjs.map +1 -0
- package/dist/ui/table.d.cts +81 -0
- package/dist/ui/table.d.ts +81 -0
- package/dist/ui/table.js +293 -0
- package/dist/ui/table.js.map +1 -0
- package/dist/ui/tabs.cjs +300 -0
- package/dist/ui/tabs.cjs.map +1 -0
- package/dist/ui/tabs.d.cts +58 -0
- package/dist/ui/tabs.d.ts +58 -0
- package/dist/ui/tabs.js +274 -0
- package/dist/ui/tabs.js.map +1 -0
- package/dist/ui/toast.cjs +285 -0
- package/dist/ui/toast.cjs.map +1 -0
- package/dist/ui/toast.d.cts +86 -0
- package/dist/ui/toast.d.ts +86 -0
- package/dist/ui/toast.js +258 -0
- package/dist/ui/toast.js.map +1 -0
- package/dist/ui/toggle.cjs +185 -0
- package/dist/ui/toggle.cjs.map +1 -0
- package/dist/ui/toggle.d.cts +37 -0
- package/dist/ui/toggle.d.ts +37 -0
- package/dist/ui/toggle.js +158 -0
- package/dist/ui/toggle.js.map +1 -0
- package/dist/ui/tooltip.cjs +242 -0
- package/dist/ui/tooltip.cjs.map +1 -0
- package/dist/ui/tooltip.d.cts +46 -0
- package/dist/ui/tooltip.d.ts +46 -0
- package/dist/ui/tooltip.js +214 -0
- package/dist/ui/tooltip.js.map +1 -0
- package/dist/variants-1Bx3BEeS.d.cts +8 -0
- package/dist/variants-1Bx3BEeS.d.ts +8 -0
- package/package.json +7 -3
package/dist/ui/index.d.cts
CHANGED
|
@@ -1,1164 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
type AccordionVariantProps = VariantProps<typeof accordionVariants>;
|
|
29
|
-
type AccordionType = "single" | "multiple";
|
|
30
|
-
type AccordionProps = AccordionVariantProps & {
|
|
31
|
-
transition?: AccordionTransition;
|
|
32
|
-
type?: AccordionType;
|
|
33
|
-
/** Controlled value for `single` mode. */
|
|
34
|
-
value?: string;
|
|
35
|
-
/** Controlled values for `multiple` mode. */
|
|
36
|
-
values?: string[];
|
|
37
|
-
defaultValue?: string;
|
|
38
|
-
defaultValues?: string[];
|
|
39
|
-
onValueChange?: (value: string | undefined) => void;
|
|
40
|
-
onValuesChange?: (values: string[]) => void;
|
|
41
|
-
className?: string;
|
|
42
|
-
children?: ReactNode;
|
|
43
|
-
};
|
|
44
|
-
type AccordionItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
45
|
-
value: string;
|
|
46
|
-
ref?: Ref<HTMLDivElement>;
|
|
47
|
-
};
|
|
48
|
-
type AccordionTriggerProps = HTMLAttributes<HTMLButtonElement> & {
|
|
49
|
-
ref?: Ref<HTMLButtonElement>;
|
|
50
|
-
};
|
|
51
|
-
type AccordionContentProps = HTMLAttributes<HTMLDivElement> & {
|
|
52
|
-
ref?: Ref<HTMLDivElement>;
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
declare function Accordion({ type, value, values, defaultValue, defaultValues, onValueChange, onValuesChange, transition, appearance, size, className, children, }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
56
|
-
declare namespace Accordion {
|
|
57
|
-
var displayName: string;
|
|
58
|
-
}
|
|
59
|
-
declare function AccordionItem({ className, value, children, ref, ...rest }: AccordionItemProps): react_jsx_runtime.JSX.Element;
|
|
60
|
-
declare namespace AccordionItem {
|
|
61
|
-
var displayName: string;
|
|
62
|
-
}
|
|
63
|
-
declare function AccordionTrigger({ className, children, ref, ...rest }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
|
|
64
|
-
declare namespace AccordionTrigger {
|
|
65
|
-
var displayName: string;
|
|
66
|
-
}
|
|
67
|
-
declare function AccordionContent({ className, children, ref }: AccordionContentProps): react_jsx_runtime.JSX.Element | null;
|
|
68
|
-
declare namespace AccordionContent {
|
|
69
|
-
var displayName: string;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
declare const alertVariants: (props?: ({
|
|
73
|
-
appearance?: "default" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "warning" | "error" | "info" | "gray" | "violet" | null | undefined;
|
|
74
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
75
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
76
|
-
declare const alertTitleVariants: (props?: ({
|
|
77
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
78
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
79
|
-
declare const alertDescriptionVariants: (props?: ({
|
|
80
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
81
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
82
|
-
|
|
83
|
-
type AlertAnimation = "none" | "slide-down" | "fade" | "pop";
|
|
84
|
-
type AlertVariantProps = VariantProps<typeof alertVariants> & {
|
|
85
|
-
closable?: boolean;
|
|
86
|
-
};
|
|
87
|
-
type AlertProps = AlertVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
|
|
88
|
-
triggerClassName?: string;
|
|
89
|
-
animation?: AlertAnimation;
|
|
90
|
-
children?: ReactNode;
|
|
91
|
-
onClose?: () => void;
|
|
92
|
-
closeLabel?: string;
|
|
93
|
-
};
|
|
94
|
-
type AlertSectionProps = {
|
|
95
|
-
className?: string;
|
|
96
|
-
children?: ReactNode;
|
|
97
|
-
};
|
|
98
|
-
type AlertSize = NonNullable<AlertProps["size"]>;
|
|
99
|
-
|
|
100
|
-
declare function Alert(props: AlertProps): react_jsx_runtime.JSX.Element;
|
|
101
|
-
declare namespace Alert {
|
|
102
|
-
var displayName: string;
|
|
103
|
-
}
|
|
104
|
-
declare function AlertIcon({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
|
|
105
|
-
declare namespace AlertIcon {
|
|
106
|
-
var displayName: string;
|
|
107
|
-
}
|
|
108
|
-
declare function AlertTitle({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
|
|
109
|
-
declare namespace AlertTitle {
|
|
110
|
-
var displayName: string;
|
|
111
|
-
}
|
|
112
|
-
declare function AlertDescription({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
|
|
113
|
-
declare namespace AlertDescription {
|
|
114
|
-
var displayName: string;
|
|
115
|
-
}
|
|
116
|
-
declare function AlertClose({ className, children, "aria-label": ariaLabel, onClick, }: AlertSectionProps & {
|
|
117
|
-
onClick?: () => void;
|
|
118
|
-
"aria-label"?: string;
|
|
119
|
-
}): react_jsx_runtime.JSX.Element;
|
|
120
|
-
declare namespace AlertClose {
|
|
121
|
-
var displayName: string;
|
|
122
|
-
}
|
|
123
|
-
declare function AlertDefaultIcon({ appearance }: {
|
|
124
|
-
appearance?: AlertProps["appearance"];
|
|
125
|
-
}): react_jsx_runtime.JSX.Element;
|
|
126
|
-
|
|
127
|
-
type AlertPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
|
|
128
|
-
type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
|
|
129
|
-
declare const alertAnimationPresets: AlertAnimationPresets;
|
|
130
|
-
|
|
131
|
-
declare const badgeVariants: (props?: ({
|
|
132
|
-
appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
133
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
134
|
-
shape?: "pill" | "square" | "dot" | null | undefined;
|
|
135
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
136
|
-
declare const badgeCloseButtonVariants: (props?: ({
|
|
137
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
138
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
139
|
-
|
|
140
|
-
type BadgeAnimation = "none" | "pop" | "bounce" | "fade";
|
|
141
|
-
type BadgeVariantProps = VariantProps<typeof badgeVariants>;
|
|
142
|
-
type BadgeProps = BadgeVariantProps & Omit<HTMLMotionProps<"span">, "children"> & {
|
|
143
|
-
animation?: BadgeAnimation;
|
|
144
|
-
closable?: boolean;
|
|
145
|
-
onClose?: MouseEventHandler<HTMLButtonElement>;
|
|
146
|
-
closeLabel?: string;
|
|
147
|
-
children?: ReactNode;
|
|
148
|
-
/** Dot shape hides text; set for accessibility. */
|
|
149
|
-
"aria-label"?: string;
|
|
150
|
-
};
|
|
151
|
-
|
|
152
|
-
declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
153
|
-
declare namespace Badge {
|
|
154
|
-
var displayName: string;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
type BadgePresetMotionProps = Pick<HTMLMotionProps<"span">, "style" | "transition" | "whileHover" | "whileTap" | "animate" | "initial">;
|
|
158
|
-
type BadgeAnimationPresets = Record<BadgeAnimation, BadgePresetMotionProps>;
|
|
159
|
-
declare const badgeAnimationPresets: BadgeAnimationPresets;
|
|
160
|
-
|
|
161
|
-
declare const buttonVariants: (props?: ({
|
|
162
|
-
appearance?: "default" | "outline" | "link" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "secondary" | "destructive" | "glass" | "amber" | null | undefined;
|
|
163
|
-
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
164
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
165
|
-
|
|
166
|
-
type ButtonAnimation = "none" | "lift" | "press" | "glow" | "tilt" | "bounce";
|
|
167
|
-
type ButtonSharedProps = VariantProps<typeof buttonVariants> & {
|
|
168
|
-
animation?: ButtonAnimation;
|
|
169
|
-
};
|
|
170
|
-
/** Motion props applied by presets; valid on both `motion.button` and `motion.a`. */
|
|
171
|
-
type ButtonPresetMotionProps = Pick<HTMLMotionProps<"button">, "style" | "transition" | "whileHover" | "whileTap">;
|
|
172
|
-
type ButtonProps = (ButtonSharedProps & HTMLMotionProps<"button"> & {
|
|
173
|
-
as?: "button";
|
|
174
|
-
}) | (ButtonSharedProps & HTMLMotionProps<"a"> & {
|
|
175
|
-
as: "link";
|
|
176
|
-
});
|
|
177
|
-
type AnimationPresets = Record<ButtonAnimation, ButtonPresetMotionProps>;
|
|
178
|
-
|
|
179
|
-
declare const Button: {
|
|
180
|
-
(props: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
181
|
-
displayName: string;
|
|
182
|
-
};
|
|
183
|
-
|
|
184
|
-
declare const buttonAnimationPresets: AnimationPresets;
|
|
185
|
-
|
|
186
|
-
declare const cardVariants: (props?: ({
|
|
187
|
-
appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "glass" | "amber" | "elevated" | null | undefined;
|
|
188
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
189
|
-
rounded?: "sm" | "md" | "lg" | "full" | null | undefined;
|
|
190
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
191
|
-
declare const cardHeaderVariants: (props?: ({
|
|
192
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
193
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
194
|
-
declare const cardFooterVariants: (props?: ({
|
|
195
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
196
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
197
|
-
declare const cardTitleVariants: (props?: ({
|
|
198
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
199
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
200
|
-
declare const cardDescriptionVariants: (props?: ({
|
|
201
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
202
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
203
|
-
|
|
204
|
-
type CardAnimation = "none" | "lift" | "glow" | "tilt";
|
|
205
|
-
type CardVariantProps = VariantProps<typeof cardVariants>;
|
|
206
|
-
type CardProps = CardVariantProps & Omit<HTMLMotionProps<"article">, "children"> & {
|
|
207
|
-
animation?: CardAnimation;
|
|
208
|
-
children?: ReactNode;
|
|
209
|
-
};
|
|
210
|
-
type CardSectionProps = {
|
|
211
|
-
className?: string;
|
|
212
|
-
children?: ReactNode;
|
|
213
|
-
};
|
|
214
|
-
type CardTitleProps = {
|
|
215
|
-
as?: "h2" | "h3" | "h4" | "h5" | "h6";
|
|
216
|
-
className?: string;
|
|
217
|
-
children?: ReactNode;
|
|
218
|
-
ref?: Ref<HTMLHeadingElement>;
|
|
219
|
-
} & Omit<HTMLAttributes<HTMLHeadingElement>, "className" | "children">;
|
|
220
|
-
type CardDescriptionProps = {
|
|
221
|
-
as?: "p" | "span" | "div";
|
|
222
|
-
className?: string;
|
|
223
|
-
children?: ReactNode;
|
|
224
|
-
ref?: Ref<HTMLElement>;
|
|
225
|
-
} & Omit<HTMLAttributes<HTMLElement>, "className" | "children">;
|
|
226
|
-
|
|
227
|
-
declare function Card(props: CardProps): react_jsx_runtime.JSX.Element;
|
|
228
|
-
declare namespace Card {
|
|
229
|
-
var displayName: string;
|
|
230
|
-
}
|
|
231
|
-
declare function CardHeader({ className, children }: CardSectionProps): react_jsx_runtime.JSX.Element;
|
|
232
|
-
declare namespace CardHeader {
|
|
233
|
-
var displayName: string;
|
|
234
|
-
}
|
|
235
|
-
declare function CardBody({ className, children }: CardSectionProps): react_jsx_runtime.JSX.Element;
|
|
236
|
-
declare namespace CardBody {
|
|
237
|
-
var displayName: string;
|
|
238
|
-
}
|
|
239
|
-
declare function CardFooter({ className, children }: CardSectionProps): react_jsx_runtime.JSX.Element;
|
|
240
|
-
declare namespace CardFooter {
|
|
241
|
-
var displayName: string;
|
|
242
|
-
}
|
|
243
|
-
declare function CardTitle({ className, children, as, ref, ...rest }: CardTitleProps): react_jsx_runtime.JSX.Element;
|
|
244
|
-
declare namespace CardTitle {
|
|
245
|
-
var displayName: string;
|
|
246
|
-
}
|
|
247
|
-
declare function CardDescription({ className, children, as, ref, ...rest }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
248
|
-
declare namespace CardDescription {
|
|
249
|
-
var displayName: string;
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
type CardPresetMotionProps = Pick<HTMLMotionProps<"article">, "style" | "transition" | "whileHover" | "whileTap">;
|
|
253
|
-
type CardAnimationPresets = Record<CardAnimation, CardPresetMotionProps>;
|
|
254
|
-
declare const cardAnimationPresets: CardAnimationPresets;
|
|
255
|
-
|
|
256
|
-
declare const dividerToneVariants: (props?: ({
|
|
257
|
-
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
|
|
258
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
259
|
-
declare const dividerVariants: (props?: ({
|
|
260
|
-
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "destructive" | "amber" | "muted" | "primary" | null | undefined;
|
|
261
|
-
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
262
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
263
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
264
|
-
declare const dividerLineVariants: (props?: ({
|
|
265
|
-
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
266
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
267
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
268
|
-
declare const dividerLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
269
|
-
|
|
270
|
-
type DividerAnimation = "none" | "expand" | "fade";
|
|
271
|
-
type DividerVariantProps = VariantProps<typeof dividerVariants>;
|
|
272
|
-
type DividerProps = DividerVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
|
|
273
|
-
animation?: DividerAnimation;
|
|
274
|
-
/** Optional label between divider lines. */
|
|
275
|
-
label?: ReactNode;
|
|
276
|
-
children?: ReactNode;
|
|
277
|
-
};
|
|
278
|
-
|
|
279
|
-
declare function Divider(props: DividerProps): react_jsx_runtime.JSX.Element;
|
|
280
|
-
declare namespace Divider {
|
|
281
|
-
var displayName: string;
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
type DividerPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition" | "whileHover">;
|
|
285
|
-
type DividerAnimationPresets = Record<DividerAnimation, DividerPresetMotionProps>;
|
|
286
|
-
declare const dividerAnimationPresets: DividerAnimationPresets;
|
|
287
|
-
|
|
288
|
-
type DrawerAnimation = "none" | "fade" | "scale" | "slide";
|
|
289
|
-
type DrawerPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "exit" | "transition">;
|
|
290
|
-
type DrawerAnimationPresets = Record<DrawerAnimation, DrawerPresetMotionProps>;
|
|
291
|
-
declare const drawerPanelPresets: (side: "left" | "right" | "top" | "bottom") => DrawerAnimationPresets;
|
|
292
|
-
|
|
293
|
-
declare const drawerOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
294
|
-
declare const drawerTriggerVariants: (props?: ({
|
|
295
|
-
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "glass" | "amber" | null | undefined;
|
|
296
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
297
|
-
declare const drawerContentVariants: (props?: ({
|
|
298
|
-
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
299
|
-
size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
|
|
300
|
-
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "glass" | "amber" | null | undefined;
|
|
301
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
302
|
-
|
|
303
|
-
type DrawerContentVariantProps = VariantProps<typeof drawerContentVariants>;
|
|
304
|
-
|
|
305
|
-
type DrawerProps = {
|
|
306
|
-
open?: boolean;
|
|
307
|
-
defaultOpen?: boolean;
|
|
308
|
-
onOpenChange?: (open: boolean) => void;
|
|
309
|
-
children?: ReactNode;
|
|
310
|
-
};
|
|
311
|
-
type DrawerTriggerProps = HTMLAttributes<HTMLButtonElement> & {
|
|
312
|
-
ref?: Ref<HTMLButtonElement>;
|
|
313
|
-
appearance?: VariantProps<typeof drawerTriggerVariants>["appearance"];
|
|
314
|
-
};
|
|
315
|
-
type DrawerContentProps = DrawerContentVariantProps & {
|
|
316
|
-
animation?: DrawerAnimation;
|
|
317
|
-
className?: string;
|
|
318
|
-
children?: ReactNode;
|
|
319
|
-
ref?: Ref<HTMLDivElement>;
|
|
320
|
-
id?: string;
|
|
321
|
-
style?: CSSProperties;
|
|
322
|
-
};
|
|
323
|
-
type DrawerSectionProps = {
|
|
324
|
-
className?: string;
|
|
325
|
-
children?: ReactNode;
|
|
326
|
-
};
|
|
327
|
-
|
|
328
|
-
declare function Drawer({ open, defaultOpen, onOpenChange, children }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
329
|
-
declare namespace Drawer {
|
|
330
|
-
var displayName: string;
|
|
331
|
-
}
|
|
332
|
-
declare function DrawerTrigger({ className, children, appearance, onClick, ref, ...rest }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
|
|
333
|
-
declare namespace DrawerTrigger {
|
|
334
|
-
var displayName: string;
|
|
335
|
-
}
|
|
336
|
-
declare function DrawerContent({ className, side, size, appearance, animation, children, ref, id, style, }: DrawerContentProps): react.ReactPortal | null;
|
|
337
|
-
declare namespace DrawerContent {
|
|
338
|
-
var displayName: string;
|
|
339
|
-
}
|
|
340
|
-
declare function DrawerHeader({ className, children }: DrawerSectionProps): react_jsx_runtime.JSX.Element;
|
|
341
|
-
declare namespace DrawerHeader {
|
|
342
|
-
var displayName: string;
|
|
343
|
-
}
|
|
344
|
-
declare function DrawerBody({ className, children }: DrawerSectionProps): react_jsx_runtime.JSX.Element;
|
|
345
|
-
declare namespace DrawerBody {
|
|
346
|
-
var displayName: string;
|
|
347
|
-
}
|
|
348
|
-
declare function DrawerFooter({ className, children }: DrawerSectionProps): react_jsx_runtime.JSX.Element;
|
|
349
|
-
declare namespace DrawerFooter {
|
|
350
|
-
var displayName: string;
|
|
351
|
-
}
|
|
352
|
-
declare function DrawerTitle({ className, children }: DrawerSectionProps): react_jsx_runtime.JSX.Element;
|
|
353
|
-
declare namespace DrawerTitle {
|
|
354
|
-
var displayName: string;
|
|
355
|
-
}
|
|
356
|
-
declare function DrawerClose({ className, children, ...rest }: DrawerSectionProps): react_jsx_runtime.JSX.Element;
|
|
357
|
-
declare namespace DrawerClose {
|
|
358
|
-
var displayName: string;
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
type Variant = "default" | "outline" | "ghost" | "white" | "black" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
|
|
362
|
-
type DropdownProps = {
|
|
363
|
-
children: ReactNode;
|
|
364
|
-
defaultOpen?: boolean;
|
|
365
|
-
open?: boolean;
|
|
366
|
-
onOpenChange?: (open: boolean) => void;
|
|
367
|
-
multiSelect?: boolean;
|
|
368
|
-
};
|
|
369
|
-
type DropdownTriggerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
370
|
-
children: ReactNode;
|
|
371
|
-
variant?: Variant;
|
|
372
|
-
size?: "sm" | "md" | "lg";
|
|
373
|
-
};
|
|
374
|
-
type DropdownContentProps = HTMLAttributes<HTMLDivElement> & {
|
|
375
|
-
children: ReactNode;
|
|
376
|
-
placement?: "top" | "bottom" | "left" | "right";
|
|
377
|
-
spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
|
|
378
|
-
divider?: boolean;
|
|
379
|
-
};
|
|
380
|
-
type DropdownItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
381
|
-
children: ReactNode;
|
|
382
|
-
value: string;
|
|
383
|
-
onSelect?: () => void;
|
|
384
|
-
leftIcon?: ReactNode;
|
|
385
|
-
rightIcon?: ReactNode;
|
|
386
|
-
variant?: Variant;
|
|
387
|
-
};
|
|
388
|
-
|
|
389
|
-
declare const Dropdown: ({ children, defaultOpen, open: controlledOpen, onOpenChange, multiSelect, }: DropdownProps) => react_jsx_runtime.JSX.Element;
|
|
390
|
-
declare const DropdownTrigger: ({ children, className, variant, size, ...props }: DropdownTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
391
|
-
declare const DropdownContent: ({ children, className, placement, spacing, divider, ...props }: DropdownContentProps) => react_jsx_runtime.JSX.Element | null;
|
|
392
|
-
declare const DropdownItem: ({ children, value, className, variant, onSelect, leftIcon, rightIcon, ...props }: DropdownItemProps) => react_jsx_runtime.JSX.Element;
|
|
393
|
-
|
|
394
|
-
declare const triggerVariants: (props?: ({
|
|
395
|
-
variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "amber" | "black" | "white" | null | undefined;
|
|
396
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
397
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
398
|
-
declare const contentVariants: (props?: ({
|
|
399
|
-
placement?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
400
|
-
spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
401
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
402
|
-
declare const itemVariants: (props?: ({
|
|
403
|
-
variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "amber" | "black" | "white" | null | undefined;
|
|
404
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
405
|
-
|
|
406
|
-
declare const emptyStateVariants: (props?: ({
|
|
407
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
408
|
-
appearance?: "default" | "ghost" | "card" | null | undefined;
|
|
409
|
-
align?: "end" | "center" | "start" | null | undefined;
|
|
410
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
411
|
-
declare const emptyStateTitleVariants: (props?: ({
|
|
412
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
413
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
414
|
-
declare const emptyStateDescriptionVariants: (props?: ({
|
|
415
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
416
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
417
|
-
|
|
418
|
-
type EmptyStateAnimation = "none" | "float" | "fade" | "slide-up";
|
|
419
|
-
type EmptyStateVariantProps = VariantProps<typeof emptyStateVariants>;
|
|
420
|
-
type EmptyStateProps = EmptyStateVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
|
|
421
|
-
animation?: EmptyStateAnimation;
|
|
422
|
-
children?: ReactNode;
|
|
423
|
-
};
|
|
424
|
-
type EmptyStateSectionProps = {
|
|
425
|
-
className?: string;
|
|
426
|
-
children?: ReactNode;
|
|
427
|
-
};
|
|
428
|
-
|
|
429
|
-
declare function EmptyState(props: EmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
430
|
-
declare namespace EmptyState {
|
|
431
|
-
var displayName: string;
|
|
432
|
-
}
|
|
433
|
-
declare function EmptyStateIcon({ className, children }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
|
|
434
|
-
declare namespace EmptyStateIcon {
|
|
435
|
-
var displayName: string;
|
|
436
|
-
}
|
|
437
|
-
declare function EmptyStateTitle({ className, children }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
|
|
438
|
-
declare namespace EmptyStateTitle {
|
|
439
|
-
var displayName: string;
|
|
440
|
-
}
|
|
441
|
-
declare function EmptyStateDescription({ className, children, }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
|
|
442
|
-
declare namespace EmptyStateDescription {
|
|
443
|
-
var displayName: string;
|
|
444
|
-
}
|
|
445
|
-
declare function EmptyStateAction({ className, children }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
|
|
446
|
-
declare namespace EmptyStateAction {
|
|
447
|
-
var displayName: string;
|
|
448
|
-
}
|
|
449
|
-
|
|
450
|
-
type EmptyStatePresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition" | "whileHover">;
|
|
451
|
-
type EmptyStateAnimationPresets = Record<EmptyStateAnimation, EmptyStatePresetMotionProps>;
|
|
452
|
-
declare const emptyStateAnimationPresets: EmptyStateAnimationPresets;
|
|
453
|
-
|
|
454
|
-
declare const inputVariants: (props?: ({
|
|
455
|
-
as?: "input" | "textarea" | "checkbox" | "radio" | "file" | null | undefined;
|
|
456
|
-
appearance?: "default" | "pink" | "orange" | "indigo" | "success" | "warning" | "error" | "info" | "violet" | "amber" | null | undefined;
|
|
457
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
458
|
-
ring?: boolean | null | undefined;
|
|
459
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
460
|
-
|
|
461
|
-
type InputAnimation = "none" | "lift" | "press" | "glow" | "tilt" | "bounce";
|
|
462
|
-
type InputSharedProps = Omit<VariantProps<typeof inputVariants>, "as"> & {
|
|
463
|
-
animation?: InputAnimation;
|
|
464
|
-
errorMessage?: string;
|
|
465
|
-
};
|
|
466
|
-
/** Motion props applied by presets on `motion.input` / `motion.textarea`. */
|
|
467
|
-
type InputPresetMotionProps = Pick<HTMLMotionProps<"input">, "style" | "transition" | "whileHover" | "whileTap" | "whileFocus">;
|
|
468
|
-
/** Omit native `size` (character width) so the design-system `size` variant can use the same name. */
|
|
469
|
-
type InputProps = (InputSharedProps & Omit<HTMLMotionProps<"input">, "size" | "as"> & {
|
|
470
|
-
as?: "input" | "file" | "checkbox" | "radio";
|
|
471
|
-
}) | (InputSharedProps & Omit<HTMLMotionProps<"textarea">, "size" | "as"> & {
|
|
472
|
-
as: "textarea";
|
|
473
|
-
});
|
|
474
|
-
type InputAnimationPresets = Record<InputAnimation, InputPresetMotionProps>;
|
|
475
|
-
|
|
476
|
-
declare const inputAnimationPresets: InputAnimationPresets;
|
|
477
|
-
|
|
478
|
-
declare const Input: {
|
|
479
|
-
(props: InputProps): react_jsx_runtime.JSX.Element;
|
|
480
|
-
displayName: string;
|
|
481
|
-
};
|
|
482
|
-
|
|
483
|
-
declare const modalOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
484
|
-
declare const modalTriggerVariants: (props?: ({
|
|
485
|
-
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "glass" | "amber" | null | undefined;
|
|
486
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
487
|
-
declare const modalContentVariants: (props?: ({
|
|
488
|
-
size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
|
|
489
|
-
position?: "bottom" | "top" | "center" | null | undefined;
|
|
490
|
-
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "glass" | "amber" | null | undefined;
|
|
491
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
492
|
-
|
|
493
|
-
type ModalAnimation = "none" | "fade" | "scale" | "slide-up" | "slide-down";
|
|
494
|
-
type ModalContentVariantProps = VariantProps<typeof modalContentVariants>;
|
|
495
|
-
type ModalProps = {
|
|
496
|
-
open?: boolean;
|
|
497
|
-
defaultOpen?: boolean;
|
|
498
|
-
onOpenChange?: (open: boolean) => void;
|
|
499
|
-
children?: ReactNode;
|
|
500
|
-
};
|
|
501
|
-
type ModalTriggerProps = HTMLAttributes<HTMLButtonElement> & {
|
|
502
|
-
ref?: Ref<HTMLButtonElement>;
|
|
503
|
-
appearance?: VariantProps<typeof modalTriggerVariants>["appearance"];
|
|
504
|
-
};
|
|
505
|
-
type ModalContentProps = ModalContentVariantProps & {
|
|
506
|
-
animation?: ModalAnimation;
|
|
507
|
-
className?: string;
|
|
508
|
-
children?: ReactNode;
|
|
509
|
-
ref?: Ref<HTMLDivElement>;
|
|
510
|
-
id?: string;
|
|
511
|
-
style?: CSSProperties;
|
|
512
|
-
};
|
|
513
|
-
type ModalSectionProps = {
|
|
514
|
-
className?: string;
|
|
515
|
-
children?: ReactNode;
|
|
516
|
-
};
|
|
517
|
-
|
|
518
|
-
declare function Modal({ open, defaultOpen, onOpenChange, children }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
519
|
-
declare namespace Modal {
|
|
520
|
-
var displayName: string;
|
|
521
|
-
}
|
|
522
|
-
declare function ModalTrigger({ className, children, appearance, onClick, ref, ...rest }: ModalTriggerProps): react_jsx_runtime.JSX.Element;
|
|
523
|
-
declare namespace ModalTrigger {
|
|
524
|
-
var displayName: string;
|
|
525
|
-
}
|
|
526
|
-
declare function ModalContent({ className, size, position, appearance, animation, children, ref, id, style, }: ModalContentProps): react.ReactPortal | null;
|
|
527
|
-
declare namespace ModalContent {
|
|
528
|
-
var displayName: string;
|
|
529
|
-
}
|
|
530
|
-
declare function ModalHeader({ className, children }: ModalSectionProps): react_jsx_runtime.JSX.Element;
|
|
531
|
-
declare namespace ModalHeader {
|
|
532
|
-
var displayName: string;
|
|
533
|
-
}
|
|
534
|
-
declare function ModalBody({ className, children }: ModalSectionProps): react_jsx_runtime.JSX.Element;
|
|
535
|
-
declare namespace ModalBody {
|
|
536
|
-
var displayName: string;
|
|
537
|
-
}
|
|
538
|
-
declare function ModalFooter({ className, children }: ModalSectionProps): react_jsx_runtime.JSX.Element;
|
|
539
|
-
declare namespace ModalFooter {
|
|
540
|
-
var displayName: string;
|
|
541
|
-
}
|
|
542
|
-
declare function ModalTitle({ className, children }: ModalSectionProps): react_jsx_runtime.JSX.Element;
|
|
543
|
-
declare namespace ModalTitle {
|
|
544
|
-
var displayName: string;
|
|
545
|
-
}
|
|
546
|
-
declare function ModalDescription({ className, children }: ModalSectionProps): react_jsx_runtime.JSX.Element;
|
|
547
|
-
declare namespace ModalDescription {
|
|
548
|
-
var displayName: string;
|
|
549
|
-
}
|
|
550
|
-
declare function ModalClose({ className, children, ...rest }: ModalSectionProps): react_jsx_runtime.JSX.Element;
|
|
551
|
-
declare namespace ModalClose {
|
|
552
|
-
var displayName: string;
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
type ModalPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "exit" | "transition">;
|
|
556
|
-
type ModalAnimationPresets = Record<ModalAnimation, ModalPresetMotionProps>;
|
|
557
|
-
declare const modalOverlayAnimationPresets: ModalAnimationPresets;
|
|
558
|
-
|
|
559
|
-
declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "onChange"> & class_variance_authority.VariantProps<(props?: ({
|
|
560
|
-
appearance?: "default" | "outline" | "link" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "secondary" | "destructive" | "glass" | "amber" | null | undefined;
|
|
561
|
-
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
562
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
563
|
-
pageCount: number;
|
|
564
|
-
page?: number;
|
|
565
|
-
defaultPage?: number;
|
|
566
|
-
onPageChange?: (page: number) => void;
|
|
567
|
-
siblingCount?: number;
|
|
568
|
-
boundaryCount?: number;
|
|
569
|
-
showPrevNext?: boolean;
|
|
570
|
-
prevLabel?: string;
|
|
571
|
-
nextLabel?: string;
|
|
572
|
-
ellipsisLabel?: string;
|
|
573
|
-
getPageHref?: (page: number) => string | undefined;
|
|
574
|
-
} & react.RefAttributes<HTMLElement>>;
|
|
575
|
-
|
|
576
|
-
type PaginationPageItem$1 = {
|
|
577
|
-
type: "page";
|
|
578
|
-
value: number;
|
|
579
|
-
} | {
|
|
580
|
-
type: "ellipsis";
|
|
581
|
-
key: string;
|
|
582
|
-
};
|
|
583
|
-
type BuildPaginationItemsParams = {
|
|
584
|
-
pageCount: number;
|
|
585
|
-
currentPage: number;
|
|
586
|
-
siblingCount: number;
|
|
587
|
-
boundaryCount: number;
|
|
588
|
-
};
|
|
589
|
-
/**
|
|
590
|
-
* Builds the ordered list of page numbers and ellipsis markers for a pagination control.
|
|
591
|
-
*
|
|
592
|
-
* Args:
|
|
593
|
-
* pageCount: Total number of pages (must be >= 0).
|
|
594
|
-
* currentPage: Active page index (1-based).
|
|
595
|
-
* siblingCount: How many page buttons to show on each side of the current page.
|
|
596
|
-
* boundaryCount: How many pages to pin at the start and end of the range.
|
|
597
|
-
*
|
|
598
|
-
* Returns:
|
|
599
|
-
* A list of items suitable for rendering, e.g. [1, ellipsis, 4,5,6, ellipsis, 20].
|
|
600
|
-
*/
|
|
601
|
-
declare function buildPaginationItems({ pageCount, currentPage, siblingCount, boundaryCount, }: BuildPaginationItemsParams): PaginationPageItem$1[];
|
|
602
|
-
declare function clampPage(page: number, pageCount: number): number;
|
|
603
|
-
|
|
604
|
-
type PaginationAppearance = NonNullable<VariantProps<typeof buttonVariants>["appearance"]>;
|
|
605
|
-
type PaginationSize = NonNullable<VariantProps<typeof buttonVariants>["size"]>;
|
|
606
|
-
type PaginationPageItem = PaginationPageItem$1;
|
|
607
|
-
type UsePaginationParams = {
|
|
608
|
-
pageCount: number;
|
|
609
|
-
page?: number;
|
|
610
|
-
defaultPage?: number;
|
|
611
|
-
siblingCount?: number;
|
|
612
|
-
boundaryCount?: number;
|
|
613
|
-
onPageChange?: (page: number) => void;
|
|
614
|
-
};
|
|
615
|
-
type UsePaginationResult = {
|
|
616
|
-
/** 1-based active page, clamped to `[1, pageCount]`. */
|
|
617
|
-
currentPage: number;
|
|
618
|
-
pageCount: number;
|
|
619
|
-
items: PaginationPageItem[];
|
|
620
|
-
setPage: (page: number) => void;
|
|
621
|
-
goPrev: () => void;
|
|
622
|
-
goNext: () => void;
|
|
623
|
-
canGoPrev: boolean;
|
|
624
|
-
canGoNext: boolean;
|
|
625
|
-
};
|
|
626
|
-
type PaginationProps = Omit<ComponentPropsWithoutRef<"nav">, "onChange"> & VariantProps<typeof buttonVariants> & {
|
|
627
|
-
pageCount: number;
|
|
628
|
-
page?: number;
|
|
629
|
-
defaultPage?: number;
|
|
630
|
-
onPageChange?: (page: number) => void;
|
|
631
|
-
/**
|
|
632
|
-
* Number of page buttons to show on each side of the current page (the “middle” window).
|
|
633
|
-
* @defaultValue 1
|
|
634
|
-
*/
|
|
635
|
-
siblingCount?: number;
|
|
636
|
-
/**
|
|
637
|
-
* Number of pages to keep visible at the start and end of the range.
|
|
638
|
-
* @defaultValue 1
|
|
639
|
-
*/
|
|
640
|
-
boundaryCount?: number;
|
|
641
|
-
showPrevNext?: boolean;
|
|
642
|
-
prevLabel?: string;
|
|
643
|
-
nextLabel?: string;
|
|
644
|
-
ellipsisLabel?: string;
|
|
645
|
-
/**
|
|
646
|
-
* When set, page controls render as anchors suitable for URL-based pagination.
|
|
647
|
-
*/
|
|
648
|
-
getPageHref?: (page: number) => string | undefined;
|
|
649
|
-
};
|
|
650
|
-
|
|
651
|
-
declare function usePagination({ pageCount, page, defaultPage, siblingCount, boundaryCount, onPageChange, }: UsePaginationParams): UsePaginationResult;
|
|
652
|
-
|
|
653
|
-
/**
|
|
654
|
-
* Layout and chrome for the page list cluster. Appearance and size keys align with
|
|
655
|
-
* `components/ui/buttons/variants.ts` for consistent design-system tokens.
|
|
656
|
-
*/
|
|
657
|
-
declare const paginationListVariants: (props?: ({
|
|
658
|
-
appearance?: "default" | "outline" | "link" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "secondary" | "destructive" | "glass" | "amber" | null | undefined;
|
|
659
|
-
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
660
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
661
|
-
declare const paginationEllipsisVariants: (props?: ({
|
|
662
|
-
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "icon" | null | undefined;
|
|
663
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
664
|
-
|
|
665
|
-
declare const progressVariants: (props?: ({
|
|
666
|
-
appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "glass" | null | undefined;
|
|
667
|
-
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
668
|
-
shape?: "flat" | "pill" | "rounded" | null | undefined;
|
|
669
|
-
striped?: boolean | null | undefined;
|
|
670
|
-
animated?: boolean | null | undefined;
|
|
671
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
672
|
-
declare const progressTrackVariants: (props?: ({
|
|
673
|
-
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
674
|
-
shape?: "flat" | "pill" | "rounded" | null | undefined;
|
|
675
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
676
|
-
declare const progressBarVariants: (props?: ({
|
|
677
|
-
striped?: boolean | null | undefined;
|
|
678
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
679
|
-
|
|
680
|
-
type ProgressAnimation = "none" | "shimmer";
|
|
681
|
-
type ProgressVariantProps = VariantProps<typeof progressVariants>;
|
|
682
|
-
type ProgressProps = ProgressVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
|
|
683
|
-
value?: number;
|
|
684
|
-
min?: number;
|
|
685
|
-
max?: number;
|
|
686
|
-
animation?: ProgressAnimation;
|
|
687
|
-
label?: string;
|
|
688
|
-
children?: ReactNode;
|
|
689
|
-
};
|
|
690
|
-
type ProgressSectionProps = {
|
|
691
|
-
className?: string;
|
|
692
|
-
children?: ReactNode;
|
|
693
|
-
};
|
|
694
|
-
|
|
695
|
-
declare function Progress(props: ProgressProps): react_jsx_runtime.JSX.Element;
|
|
696
|
-
declare namespace Progress {
|
|
697
|
-
var displayName: string;
|
|
698
|
-
}
|
|
699
|
-
declare function ProgressBar({ className, style, ref, ...rest }: ProgressSectionProps & {
|
|
700
|
-
style?: React.CSSProperties;
|
|
701
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
702
|
-
}): react_jsx_runtime.JSX.Element;
|
|
703
|
-
declare namespace ProgressBar {
|
|
704
|
-
var displayName: string;
|
|
705
|
-
}
|
|
706
|
-
declare function ProgressLabel({ className, children }: ProgressSectionProps): react_jsx_runtime.JSX.Element;
|
|
707
|
-
declare namespace ProgressLabel {
|
|
708
|
-
var displayName: string;
|
|
709
|
-
}
|
|
710
|
-
declare function ProgressValue({ className, children }: ProgressSectionProps): react_jsx_runtime.JSX.Element;
|
|
711
|
-
declare namespace ProgressValue {
|
|
712
|
-
var displayName: string;
|
|
713
|
-
}
|
|
714
|
-
|
|
715
|
-
type ProgressPresetMotionProps = Pick<HTMLMotionProps<"div">, "transition" | "animate">;
|
|
716
|
-
type ProgressAnimationPresets = Record<ProgressAnimation, ProgressPresetMotionProps>;
|
|
717
|
-
declare const progressAnimationPresets: ProgressAnimationPresets;
|
|
718
|
-
|
|
719
|
-
declare const selectTriggerVariants: (props?: ({
|
|
720
|
-
variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
|
|
721
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
722
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
723
|
-
declare const selectItemVariants: (props?: ({
|
|
724
|
-
appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
|
|
725
|
-
disabled?: boolean | null | undefined;
|
|
726
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
727
|
-
declare const selectContentVariants: (props?: ({
|
|
728
|
-
appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
|
|
729
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
730
|
-
spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
731
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
732
|
-
|
|
733
|
-
type SelectOption = {
|
|
734
|
-
label: ReactNode;
|
|
735
|
-
value: string;
|
|
736
|
-
disabled?: boolean;
|
|
737
|
-
};
|
|
738
|
-
type SelectAppearance = "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
|
|
739
|
-
type SelectContextType = {
|
|
740
|
-
open: boolean;
|
|
741
|
-
setOpen: (v: boolean) => void;
|
|
742
|
-
selected: string[];
|
|
743
|
-
toggleValue: (value: string) => void;
|
|
744
|
-
isSelected: (value: string) => boolean;
|
|
745
|
-
registerOption: (option: SelectOption) => void;
|
|
746
|
-
options: SelectOption[];
|
|
747
|
-
multiple: boolean;
|
|
748
|
-
};
|
|
749
|
-
type SelectProps = {
|
|
750
|
-
value?: string[];
|
|
751
|
-
defaultValue?: string[];
|
|
752
|
-
onChange?: (value: string[]) => void;
|
|
753
|
-
multiple?: boolean;
|
|
754
|
-
children: ReactNode;
|
|
755
|
-
className?: string;
|
|
756
|
-
};
|
|
757
|
-
type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
|
|
758
|
-
type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
759
|
-
className?: string;
|
|
760
|
-
};
|
|
761
|
-
type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
|
|
762
|
-
className?: string;
|
|
763
|
-
appearance?: SelectAppearance;
|
|
764
|
-
size?: "sm" | "md" | "lg";
|
|
765
|
-
spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
|
|
766
|
-
};
|
|
767
|
-
type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
768
|
-
value: string;
|
|
769
|
-
children: ReactNode;
|
|
770
|
-
disabled?: boolean;
|
|
771
|
-
appearance?: SelectAppearance;
|
|
772
|
-
};
|
|
773
|
-
type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
|
|
774
|
-
placeholder?: ReactNode;
|
|
775
|
-
};
|
|
776
|
-
|
|
777
|
-
declare const SelectContext: react.Context<SelectContextType | null>;
|
|
778
|
-
declare const useSelect: () => SelectContextType;
|
|
779
|
-
declare const Select: ({ children, value, defaultValue, onChange, multiple, }: SelectProps) => react_jsx_runtime.JSX.Element;
|
|
780
|
-
declare const SelectTrigger: ({ className, variant, size, ...props }: SelectTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
781
|
-
declare const SelectValue: ({ placeholder, className, ...props }: SelectValueProps) => react_jsx_runtime.JSX.Element;
|
|
782
|
-
declare const SelectContent: ({ children, className, appearance, size, spacing, ...props }: SelectContentProps) => react_jsx_runtime.JSX.Element | null;
|
|
783
|
-
declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
|
|
784
|
-
|
|
785
|
-
declare const skeletonShimmerGradientClasses: {
|
|
786
|
-
readonly default: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]";
|
|
787
|
-
readonly subtle: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]";
|
|
788
|
-
readonly muted: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]";
|
|
789
|
-
readonly sky: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]";
|
|
790
|
-
readonly rose: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]";
|
|
791
|
-
readonly purple: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]";
|
|
792
|
-
readonly pink: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
|
|
793
|
-
readonly orange: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
|
|
794
|
-
readonly yellow: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]";
|
|
795
|
-
readonly teal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
|
|
796
|
-
readonly indigo: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
|
|
797
|
-
readonly emerald: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
|
|
798
|
-
readonly gray: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]";
|
|
799
|
-
readonly amber: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]";
|
|
800
|
-
readonly violet: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
|
|
801
|
-
readonly "gradient-blue": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]";
|
|
802
|
-
readonly "gradient-green": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]";
|
|
803
|
-
readonly "gradient-red": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]";
|
|
804
|
-
readonly "gradient-yellow": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]";
|
|
805
|
-
readonly "gradient-purple": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]";
|
|
806
|
-
readonly "gradient-teal": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]";
|
|
807
|
-
readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
|
|
808
|
-
readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
|
|
809
|
-
readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
|
|
810
|
-
};
|
|
811
|
-
type SkeletonShimmerTone = keyof typeof skeletonShimmerGradientClasses;
|
|
812
|
-
declare const skeletonVariants: (props?: ({
|
|
813
|
-
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "amber" | "muted" | "subtle" | null | undefined;
|
|
814
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
815
|
-
rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
|
|
816
|
-
animation?: "none" | "shimmer" | "pulse" | null | undefined;
|
|
817
|
-
shimmerTone?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "amber" | "muted" | "subtle" | null | undefined;
|
|
818
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
819
|
-
declare const skeletonTextLineVariants: (props?: ({
|
|
820
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
821
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
822
|
-
|
|
823
|
-
type SkeletonAnimation = "none" | "shimmer" | "pulse";
|
|
824
|
-
type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
|
|
825
|
-
type SkeletonProps = SkeletonVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
|
|
826
|
-
animation?: SkeletonAnimation;
|
|
827
|
-
children?: ReactNode;
|
|
828
|
-
/** When true, parent regions can expose busy state to assistive tech. */
|
|
829
|
-
busy?: boolean;
|
|
830
|
-
};
|
|
831
|
-
type SkeletonTextProps = SkeletonProps & {
|
|
832
|
-
lines?: number;
|
|
833
|
-
};
|
|
834
|
-
type SkeletonAvatarProps = SkeletonProps & {
|
|
835
|
-
/** Mirrors Avatar sizes for layout parity. */
|
|
836
|
-
avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
837
|
-
};
|
|
838
|
-
type SkeletonCardProps = SkeletonProps;
|
|
839
|
-
type SkeletonButtonProps = SkeletonProps & {
|
|
840
|
-
buttonSize?: "sm" | "md" | "lg";
|
|
841
|
-
};
|
|
842
|
-
|
|
843
|
-
declare function Skeleton(props: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
844
|
-
declare namespace Skeleton {
|
|
845
|
-
var displayName: string;
|
|
846
|
-
}
|
|
847
|
-
declare function SkeletonText(props: SkeletonTextProps): react_jsx_runtime.JSX.Element;
|
|
848
|
-
declare namespace SkeletonText {
|
|
849
|
-
var displayName: string;
|
|
850
|
-
}
|
|
851
|
-
declare function SkeletonAvatar(props: SkeletonAvatarProps): react_jsx_runtime.JSX.Element;
|
|
852
|
-
declare namespace SkeletonAvatar {
|
|
853
|
-
var displayName: string;
|
|
854
|
-
}
|
|
855
|
-
declare function SkeletonCard(props: SkeletonCardProps): react_jsx_runtime.JSX.Element;
|
|
856
|
-
declare namespace SkeletonCard {
|
|
857
|
-
var displayName: string;
|
|
858
|
-
}
|
|
859
|
-
declare function SkeletonButton(props: SkeletonButtonProps): react_jsx_runtime.JSX.Element;
|
|
860
|
-
declare namespace SkeletonButton {
|
|
861
|
-
var displayName: string;
|
|
862
|
-
}
|
|
863
|
-
|
|
864
|
-
type SkeletonPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
|
|
865
|
-
type SkeletonAnimationPresets = Record<SkeletonAnimation, SkeletonPresetMotionProps>;
|
|
866
|
-
declare const skeletonAnimationPresets: SkeletonAnimationPresets;
|
|
867
|
-
|
|
868
|
-
declare const spinnerVariants: (props?: ({
|
|
869
|
-
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | null | undefined;
|
|
870
|
-
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
871
|
-
variant?: "ring" | "pulse" | "dots" | "bars" | null | undefined;
|
|
872
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
873
|
-
|
|
874
|
-
type SpinnerVariantProps = VariantProps<typeof spinnerVariants>;
|
|
875
|
-
type SpinnerProps = SpinnerVariantProps & Omit<HTMLMotionProps<"span">, "children"> & {
|
|
876
|
-
"aria-label"?: string;
|
|
877
|
-
};
|
|
878
|
-
|
|
879
|
-
declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
880
|
-
declare namespace Spinner {
|
|
881
|
-
var displayName: string;
|
|
882
|
-
}
|
|
883
|
-
|
|
884
|
-
/** Spinner variants use Framer `animate` on the root; presets reserved for future. */
|
|
885
|
-
declare const spinnerAnimationPresets: {
|
|
886
|
-
readonly none: {};
|
|
887
|
-
};
|
|
888
|
-
|
|
889
|
-
declare const tableVariants: (props?: ({
|
|
890
|
-
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
|
|
891
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
892
|
-
stickyHeader?: boolean | null | undefined;
|
|
893
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
894
|
-
declare const tableRowVariants: (props?: ({
|
|
895
|
-
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
|
|
896
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
897
|
-
declare const tableCellVariants: (props?: ({
|
|
898
|
-
appearance?: "default" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "violet" | "amber" | "striped" | "bordered" | null | undefined;
|
|
899
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
900
|
-
textAlign?: "left" | "right" | "center" | null | undefined;
|
|
901
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
902
|
-
|
|
903
|
-
type TableAnimation = "none" | "hover";
|
|
904
|
-
type TableVariantProps = VariantProps<typeof tableVariants>;
|
|
905
|
-
type TableProps = TableVariantProps & Omit<HTMLAttributes<HTMLTableElement>, "children"> & {
|
|
906
|
-
children?: ReactNode;
|
|
907
|
-
rowAnimation?: TableAnimation;
|
|
908
|
-
ref?: Ref<HTMLTableElement>;
|
|
909
|
-
textAlign?: "left" | "center" | "right";
|
|
910
|
-
};
|
|
911
|
-
type TableSectionProps = {
|
|
912
|
-
className?: string;
|
|
913
|
-
children?: ReactNode;
|
|
914
|
-
};
|
|
915
|
-
type TableHeadCellProps = ThHTMLAttributes<HTMLTableCellElement> & {
|
|
916
|
-
sortDirection?: "ascending" | "descending" | "none";
|
|
917
|
-
ref?: Ref<HTMLTableCellElement>;
|
|
918
|
-
};
|
|
919
|
-
type TableCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
|
|
920
|
-
ref?: Ref<HTMLTableCellElement>;
|
|
921
|
-
textAlign?: "left" | "center" | "right";
|
|
922
|
-
};
|
|
923
|
-
|
|
924
|
-
declare function Table(props: TableProps): react_jsx_runtime.JSX.Element;
|
|
925
|
-
declare namespace Table {
|
|
926
|
-
var displayName: string;
|
|
927
|
-
}
|
|
928
|
-
declare function TableHeader({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
|
|
929
|
-
declare namespace TableHeader {
|
|
930
|
-
var displayName: string;
|
|
931
|
-
}
|
|
932
|
-
declare function TableBody({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
|
|
933
|
-
declare namespace TableBody {
|
|
934
|
-
var displayName: string;
|
|
935
|
-
}
|
|
936
|
-
declare function TableFooter({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
|
|
937
|
-
declare namespace TableFooter {
|
|
938
|
-
var displayName: string;
|
|
939
|
-
}
|
|
940
|
-
declare function TableRow({ className, children, ref, ...rest }: TableSectionProps & {
|
|
941
|
-
ref?: React.Ref<HTMLTableRowElement>;
|
|
942
|
-
}): react_jsx_runtime.JSX.Element;
|
|
943
|
-
declare namespace TableRow {
|
|
944
|
-
var displayName: string;
|
|
945
|
-
}
|
|
946
|
-
declare function TableHead({ className, children, scope, sortDirection, ref, ...rest }: TableHeadCellProps): react_jsx_runtime.JSX.Element;
|
|
947
|
-
declare namespace TableHead {
|
|
948
|
-
var displayName: string;
|
|
949
|
-
}
|
|
950
|
-
declare function TableCell({ className, children, ref, ...rest }: TableCellProps): react_jsx_runtime.JSX.Element;
|
|
951
|
-
declare namespace TableCell {
|
|
952
|
-
var displayName: string;
|
|
953
|
-
}
|
|
954
|
-
declare function TableCaption({ className, children }: TableSectionProps): react_jsx_runtime.JSX.Element;
|
|
955
|
-
declare namespace TableCaption {
|
|
956
|
-
var displayName: string;
|
|
957
|
-
}
|
|
958
|
-
|
|
959
|
-
type TablePresetMotionProps = Pick<HTMLMotionProps<"tr">, "whileHover" | "transition">;
|
|
960
|
-
type TableAnimationPresets = Record<TableAnimation, TablePresetMotionProps>;
|
|
961
|
-
declare const tableAnimationPresets: TableAnimationPresets;
|
|
962
|
-
|
|
963
|
-
type TabsAnimation = "none" | "fade" | "slide";
|
|
964
|
-
type TabsPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
|
|
965
|
-
type TabsAnimationPresets = Record<TabsAnimation, TabsPresetMotionProps>;
|
|
966
|
-
type TabsOrientation = "horizontal" | "vertical";
|
|
967
|
-
declare const tabsContentAnimationPresets: TabsAnimationPresets;
|
|
968
|
-
declare function getTabsContentMotionProps(animation: TabsAnimation, orientation: TabsOrientation, reducedMotion: boolean): TabsPresetMotionProps;
|
|
969
|
-
|
|
970
|
-
type TabsValue = string;
|
|
971
|
-
type TabsProps = {
|
|
972
|
-
value?: TabsValue;
|
|
973
|
-
defaultValue?: TabsValue;
|
|
974
|
-
onValueChange?: (value: TabsValue) => void;
|
|
975
|
-
orientation?: "horizontal" | "vertical";
|
|
976
|
-
variant?: "default" | "underline" | "pills";
|
|
977
|
-
size?: "sm" | "md" | "lg";
|
|
978
|
-
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
|
|
979
|
-
children: ReactNode;
|
|
980
|
-
className?: string;
|
|
981
|
-
};
|
|
982
|
-
type TabsListProps = {
|
|
983
|
-
children: ReactNode;
|
|
984
|
-
className?: string;
|
|
985
|
-
};
|
|
986
|
-
type TabsTriggerProps = {
|
|
987
|
-
value: TabsValue;
|
|
988
|
-
children: ReactNode;
|
|
989
|
-
disabled?: boolean;
|
|
990
|
-
className?: string;
|
|
991
|
-
};
|
|
992
|
-
type TabsContentProps = {
|
|
993
|
-
value: TabsValue;
|
|
994
|
-
children: ReactNode;
|
|
995
|
-
className?: string;
|
|
996
|
-
animation?: TabsAnimation;
|
|
997
|
-
};
|
|
998
|
-
|
|
999
|
-
declare function Tabs({ value, defaultValue, onValueChange, orientation, children, className, }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
1000
|
-
declare function TabsList({ children, className, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
|
|
1001
|
-
declare function TabsTrigger({ value, children, disabled, className, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
|
|
1002
|
-
declare function TabsContent({ value, children, className, animation, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
|
|
1003
|
-
|
|
1004
|
-
declare const tabsListVariants: (props?: ({
|
|
1005
|
-
variant?: "default" | "underline" | "pills" | null | undefined;
|
|
1006
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1007
|
-
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
1008
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1009
|
-
declare const tabsTriggerVariants: (props?: ({
|
|
1010
|
-
appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | null | undefined;
|
|
1011
|
-
variant?: "default" | "underline" | "pills" | null | undefined;
|
|
1012
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1013
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1014
|
-
|
|
1015
|
-
type ToastAnimation = "none" | "slide" | "fade";
|
|
1016
|
-
type ToastPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "exit" | "transition">;
|
|
1017
|
-
type ToastAnimationPresets = Record<ToastAnimation, ToastPresetMotionProps>;
|
|
1018
|
-
declare const toastAnimationPresets: ToastAnimationPresets;
|
|
1019
|
-
|
|
1020
|
-
declare const toastViewportVariants: (props?: ({
|
|
1021
|
-
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
|
|
1022
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1023
|
-
declare const toastRootVariants: (props?: ({
|
|
1024
|
-
appearance?: "default" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "warning" | "error" | "info" | "gray" | "violet" | "amber" | null | undefined;
|
|
1025
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1026
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1027
|
-
|
|
1028
|
-
type ToastViewportVariantProps = VariantProps<typeof toastViewportVariants>;
|
|
1029
|
-
type ToastRootVariantProps = VariantProps<typeof toastRootVariants>;
|
|
1030
|
-
type ToastPosition = NonNullable<ToastViewportVariantProps["position"]>;
|
|
1031
|
-
type ToastInput = ToastRootVariantProps & {
|
|
1032
|
-
id?: string;
|
|
1033
|
-
title?: ReactNode;
|
|
1034
|
-
description?: ReactNode;
|
|
1035
|
-
durationMs?: number;
|
|
1036
|
-
animation?: ToastAnimation;
|
|
1037
|
-
};
|
|
1038
|
-
type ToastContextValue = {
|
|
1039
|
-
toast: (input: ToastInput) => string;
|
|
1040
|
-
dismiss: (id: string) => void;
|
|
1041
|
-
};
|
|
1042
|
-
type ToastProviderProps = {
|
|
1043
|
-
children?: ReactNode;
|
|
1044
|
-
};
|
|
1045
|
-
type ToastViewportProps = ToastViewportVariantProps & {
|
|
1046
|
-
className?: string;
|
|
1047
|
-
};
|
|
1048
|
-
type ToastProps = ToastRootVariantProps & {
|
|
1049
|
-
toastId: string;
|
|
1050
|
-
animation?: ToastAnimation;
|
|
1051
|
-
className?: string;
|
|
1052
|
-
children?: ReactNode;
|
|
1053
|
-
};
|
|
1054
|
-
type ToastSectionProps = {
|
|
1055
|
-
className?: string;
|
|
1056
|
-
children?: ReactNode;
|
|
1057
|
-
onClick?: () => void;
|
|
1058
|
-
};
|
|
1059
|
-
|
|
1060
|
-
declare function toast(input: ToastInput): string;
|
|
1061
|
-
declare function useToast(): ToastContextValue;
|
|
1062
|
-
declare function ToastProvider({ children }: ToastProviderProps): react_jsx_runtime.JSX.Element;
|
|
1063
|
-
declare namespace ToastProvider {
|
|
1064
|
-
var displayName: string;
|
|
1065
|
-
}
|
|
1066
|
-
declare function ToastViewport({ position, className }: ToastViewportProps): react.ReactPortal | null;
|
|
1067
|
-
declare namespace ToastViewport {
|
|
1068
|
-
var displayName: string;
|
|
1069
|
-
}
|
|
1070
|
-
declare function Toast({ toastId: _toastId, appearance, size, animation, className, children }: ToastProps): react_jsx_runtime.JSX.Element;
|
|
1071
|
-
declare namespace Toast {
|
|
1072
|
-
var displayName: string;
|
|
1073
|
-
}
|
|
1074
|
-
declare function ToastTitle({ className, children }: ToastSectionProps): react_jsx_runtime.JSX.Element;
|
|
1075
|
-
declare namespace ToastTitle {
|
|
1076
|
-
var displayName: string;
|
|
1077
|
-
}
|
|
1078
|
-
declare function ToastDescription({ className, children }: ToastSectionProps): react_jsx_runtime.JSX.Element;
|
|
1079
|
-
declare namespace ToastDescription {
|
|
1080
|
-
var displayName: string;
|
|
1081
|
-
}
|
|
1082
|
-
declare function ToastAction({ className, children }: ToastSectionProps): react_jsx_runtime.JSX.Element;
|
|
1083
|
-
declare namespace ToastAction {
|
|
1084
|
-
var displayName: string;
|
|
1085
|
-
}
|
|
1086
|
-
declare function ToastClose({ className, children, onClick, ...rest }: ToastSectionProps & {
|
|
1087
|
-
onClick?: () => void;
|
|
1088
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1089
|
-
declare namespace ToastClose {
|
|
1090
|
-
var displayName: string;
|
|
1091
|
-
}
|
|
1092
|
-
|
|
1093
|
-
type ToggleAnimation = "none" | "spring";
|
|
1094
|
-
type ToggleThumbPreset = Pick<HTMLMotionProps<"span">, "transition" | "layout">;
|
|
1095
|
-
type ToggleAnimationPresets = Record<ToggleAnimation, ToggleThumbPreset>;
|
|
1096
|
-
declare const toggleThumbAnimationPresets: ToggleAnimationPresets;
|
|
1097
|
-
|
|
1098
|
-
declare const toggleTrackVariants: (props?: ({
|
|
1099
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1100
|
-
appearance?: "default" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "gray" | "destructive" | "cyan" | "green" | "lime" | "neutral" | "slate" | "zinc" | "stone" | null | undefined;
|
|
1101
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1102
|
-
declare const toggleThumbVariants: (props?: ({
|
|
1103
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1104
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1105
|
-
|
|
1106
|
-
type ToggleTrackVariantProps = VariantProps<typeof toggleTrackVariants>;
|
|
1107
|
-
type ToggleThumbVariantProps = VariantProps<typeof toggleThumbVariants>;
|
|
1108
|
-
type ToggleProps = ToggleTrackVariantProps & ToggleThumbVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "role" | "ref"> & {
|
|
1109
|
-
animation?: ToggleAnimation;
|
|
1110
|
-
checked?: boolean;
|
|
1111
|
-
defaultChecked?: boolean;
|
|
1112
|
-
onCheckedChange?: (checked: boolean) => void;
|
|
1113
|
-
"aria-label"?: string;
|
|
1114
|
-
children?: ReactNode;
|
|
1115
|
-
ref?: Ref<HTMLButtonElement>;
|
|
1116
|
-
};
|
|
1117
|
-
|
|
1118
|
-
declare function Toggle(props: ToggleProps): react_jsx_runtime.JSX.Element;
|
|
1119
|
-
declare namespace Toggle {
|
|
1120
|
-
var displayName: string;
|
|
1121
|
-
}
|
|
1122
|
-
|
|
1123
|
-
type TooltipPosition = "top" | "bottom" | "left" | "right";
|
|
1124
|
-
type TooltipContextType = {
|
|
1125
|
-
open: boolean;
|
|
1126
|
-
setOpen: (value: boolean) => void;
|
|
1127
|
-
position: TooltipPosition;
|
|
1128
|
-
delay: number;
|
|
1129
|
-
scheduleDelayedOpen: () => void;
|
|
1130
|
-
cancelDelayedOpen: () => void;
|
|
1131
|
-
};
|
|
1132
|
-
type TooltipProps = {
|
|
1133
|
-
children: ReactNode;
|
|
1134
|
-
defaultOpen?: boolean;
|
|
1135
|
-
open?: boolean;
|
|
1136
|
-
onOpenChange?: (open: boolean) => void;
|
|
1137
|
-
position?: TooltipPosition;
|
|
1138
|
-
delay?: number;
|
|
1139
|
-
};
|
|
1140
|
-
type TooltipTriggerProps = {
|
|
1141
|
-
children: ReactNode;
|
|
1142
|
-
className?: string;
|
|
1143
|
-
};
|
|
1144
|
-
type TooltipContentProps = {
|
|
1145
|
-
children: ReactNode;
|
|
1146
|
-
className?: string;
|
|
1147
|
-
variant?: "default" | "outline" | "ghost" | "glass" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "green" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
|
|
1148
|
-
size?: "sm" | "md" | "lg";
|
|
1149
|
-
width?: "fit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
1150
|
-
animation?: "fade" | "scale" | "none";
|
|
1151
|
-
};
|
|
1152
|
-
|
|
1153
|
-
declare const useTooltip: () => TooltipContextType;
|
|
1154
|
-
declare const Tooltip: ({ children, defaultOpen, open: controlledOpen, onOpenChange, position, delay, }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1155
|
-
declare const TooltipTrigger: ({ children, className, }: TooltipTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
1156
|
-
declare const TooltipContent: ({ children, className, variant, size, width, animation, }: TooltipContentProps) => react_jsx_runtime.JSX.Element | null;
|
|
1157
|
-
|
|
1158
|
-
declare const tooltipVariants: (props?: ({
|
|
1159
|
-
variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | "green" | null | undefined;
|
|
1160
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1161
|
-
width?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "fit" | null | undefined;
|
|
1162
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1163
|
-
|
|
1164
|
-
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionTransition, AccordionTrigger, type AccordionTriggerProps, type AccordionType, Alert, type AlertAnimation, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, type AlertProps, type AlertSectionProps, type AlertSize, AlertTitle, Badge, type BadgeAnimation, type BadgeProps, Button, type ButtonAnimation, type ButtonProps, Card, type CardAnimation, CardBody, CardDescription, type CardDescriptionProps, CardFooter, CardHeader, type CardProps, type CardSectionProps, CardTitle, type CardTitleProps, Divider, type DividerAnimation, type DividerProps, Drawer, type DrawerAnimation, DrawerBody, DrawerClose, DrawerContent, type DrawerContentProps, DrawerFooter, DrawerHeader, type DrawerProps, type DrawerSectionProps, DrawerTitle, DrawerTrigger, type DrawerTriggerProps, Dropdown, DropdownContent, type DropdownContentProps, DropdownItem, type DropdownItemProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, EmptyStateAction, type EmptyStateAnimation, EmptyStateDescription, EmptyStateIcon, type EmptyStateProps, type EmptyStateSectionProps, EmptyStateTitle, Input, type InputAnimation, type InputAnimationPresets, type InputProps, Modal, type ModalAnimation, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, type ModalProps, type ModalSectionProps, ModalTitle, ModalTrigger, type ModalTriggerProps, Pagination, type PaginationAppearance, type PaginationPageItem, type PaginationProps, type PaginationSize, Progress, type ProgressAnimation, ProgressBar, ProgressLabel, type ProgressProps, type ProgressSectionProps, ProgressValue, Select, SelectContent, type SelectContentProps, SelectContext, type SelectContextType, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Skeleton, type SkeletonAnimation, SkeletonAvatar, type SkeletonAvatarProps, SkeletonButton, type SkeletonButtonProps, SkeletonCard, type SkeletonCardProps, type SkeletonProps, type SkeletonShimmerTone, SkeletonText, type SkeletonTextProps, Spinner, type SpinnerProps, Table, type TableAnimation, TableBody, TableCaption, TableCell, type TableCellProps, TableFooter, TableHead, type TableHeadCellProps, TableHeader, type TableProps, TableRow, type TableSectionProps, Tabs, type TabsAnimation, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Toast, ToastAction, type ToastAnimation, ToastClose, type ToastContextValue, ToastDescription, type ToastInput, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastSectionProps, ToastTitle, ToastViewport, type ToastViewportProps, Toggle, type ToggleAnimation, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipContextType, type TooltipPosition, type TooltipProps, TooltipTrigger, type TooltipTriggerProps, type UsePaginationParams, type UsePaginationResult, accordionContentTransitionPresets, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants, alertAnimationPresets, alertDescriptionVariants, alertTitleVariants, alertVariants, badgeAnimationPresets, badgeCloseButtonVariants, badgeVariants, buildPaginationItems, buttonAnimationPresets, buttonVariants, cardAnimationPresets, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants, clampPage, contentVariants, dividerAnimationPresets, dividerLabelVariants, dividerLineVariants, dividerToneVariants, dividerVariants, drawerContentVariants, drawerOverlayVariants, drawerPanelPresets, emptyStateAnimationPresets, emptyStateDescriptionVariants, emptyStateTitleVariants, emptyStateVariants, getTabsContentMotionProps, inputAnimationPresets, inputVariants, itemVariants, modalContentVariants, modalOverlayAnimationPresets, modalOverlayVariants, paginationEllipsisVariants, paginationListVariants, progressAnimationPresets, progressBarVariants, progressTrackVariants, progressVariants, selectContentVariants, selectItemVariants, selectTriggerVariants, skeletonAnimationPresets, skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants, spinnerAnimationPresets, spinnerVariants, tableAnimationPresets, tableCellVariants, tableRowVariants, tableVariants, tabsContentAnimationPresets, tabsListVariants, tabsTriggerVariants, toast, toastAnimationPresets, toastRootVariants, toastViewportVariants, toggleThumbAnimationPresets, toggleThumbVariants, toggleTrackVariants, tooltipVariants, triggerVariants, usePagination, useSelect, useToast, useTooltip };
|
|
1
|
+
export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTransition, AccordionTrigger, AccordionTriggerProps, AccordionType, accordionContentTransitionPresets, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants } from './accordion.cjs';
|
|
2
|
+
export { Alert, AlertAnimation, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertProps, AlertSectionProps, AlertSize, AlertTitle, alertAnimationPresets, alertDescriptionVariants, alertTitleVariants, alertVariants } from './alert.cjs';
|
|
3
|
+
export { Badge, BadgeAnimation, BadgeProps, badgeAnimationPresets, badgeCloseButtonVariants, badgeVariants } from './badge.cjs';
|
|
4
|
+
export { Button, ButtonAnimation, ButtonProps, buttonAnimationPresets } from './buttons.cjs';
|
|
5
|
+
export { b as buttonVariants } from '../variants-1Bx3BEeS.cjs';
|
|
6
|
+
export { Card, CardAnimation, CardBody, CardDescription, CardDescriptionProps, CardFooter, CardHeader, CardProps, CardSectionProps, CardTitle, CardTitleProps, cardAnimationPresets, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants } from './card.cjs';
|
|
7
|
+
export { Divider, DividerAnimation, DividerProps, dividerAnimationPresets, dividerLabelVariants, dividerLineVariants, dividerToneVariants, dividerVariants } from './divider.cjs';
|
|
8
|
+
export { Drawer, DrawerAnimation, DrawerBody, DrawerClose, DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerProps, DrawerSectionProps, DrawerTitle, DrawerTrigger, DrawerTriggerProps, drawerContentVariants, drawerOverlayVariants, drawerPanelPresets } from './drawer.cjs';
|
|
9
|
+
export { Dropdown, DropdownContent, DropdownContentProps, DropdownItem, DropdownItemProps, DropdownProps, DropdownTrigger, DropdownTriggerProps, contentVariants, itemVariants, triggerVariants } from './dropdown.cjs';
|
|
10
|
+
export { EmptyState, EmptyStateAction, EmptyStateAnimation, EmptyStateDescription, EmptyStateIcon, EmptyStateProps, EmptyStateSectionProps, EmptyStateTitle, emptyStateAnimationPresets, emptyStateDescriptionVariants, emptyStateTitleVariants, emptyStateVariants } from './empty-state.cjs';
|
|
11
|
+
export { Input, InputAnimation, InputAnimationPresets, InputProps, inputAnimationPresets, inputVariants } from './inputs.cjs';
|
|
12
|
+
export { Modal, ModalAnimation, ModalBody, ModalClose, ModalContent, ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalProps, ModalSectionProps, ModalTitle, ModalTrigger, ModalTriggerProps, modalContentVariants, modalOverlayAnimationPresets, modalOverlayVariants } from './modal.cjs';
|
|
13
|
+
export { Pagination, PaginationAppearance, PaginationPageItem, PaginationProps, PaginationSize, UsePaginationParams, UsePaginationResult, buildPaginationItems, clampPage, paginationEllipsisVariants, paginationListVariants, usePagination } from './pagination.cjs';
|
|
14
|
+
export { Progress, ProgressAnimation, ProgressBar, ProgressLabel, ProgressProps, ProgressSectionProps, ProgressValue, progressAnimationPresets, progressBarVariants, progressTrackVariants, progressVariants } from './progress.cjs';
|
|
15
|
+
export { Select, SelectContent, SelectContentProps, SelectContext, SelectContextType, SelectItem, SelectItemProps, SelectOption, SelectProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, selectContentVariants, selectItemVariants, selectTriggerVariants, useSelect } from './select.cjs';
|
|
16
|
+
export { Skeleton, SkeletonAnimation, SkeletonAvatar, SkeletonAvatarProps, SkeletonButton, SkeletonButtonProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonShimmerTone, SkeletonText, SkeletonTextProps, skeletonAnimationPresets, skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants } from './skeleton.cjs';
|
|
17
|
+
export { Spinner, SpinnerProps, spinnerAnimationPresets, spinnerVariants } from './spinner.cjs';
|
|
18
|
+
export { Table, TableAnimation, TableBody, TableCaption, TableCell, TableCellProps, TableFooter, TableHead, TableHeadCellProps, TableHeader, TableProps, TableRow, TableSectionProps, tableAnimationPresets, tableCellVariants, tableRowVariants, tableVariants } from './table.cjs';
|
|
19
|
+
export { Tabs, TabsAnimation, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, getTabsContentMotionProps, tabsContentAnimationPresets, tabsListVariants, tabsTriggerVariants } from './tabs.cjs';
|
|
20
|
+
export { Toast, ToastAction, ToastAnimation, ToastClose, ToastContextValue, ToastDescription, ToastInput, ToastPosition, ToastProps, ToastProvider, ToastProviderProps, ToastSectionProps, ToastTitle, ToastViewport, ToastViewportProps, toast, toastAnimationPresets, toastRootVariants, toastViewportVariants, useToast } from './toast.cjs';
|
|
21
|
+
export { Toggle, ToggleAnimation, ToggleProps, toggleThumbAnimationPresets, toggleThumbVariants, toggleTrackVariants } from './toggle.cjs';
|
|
22
|
+
export { Tooltip, TooltipContent, TooltipContentProps, TooltipContextType, TooltipPosition, TooltipProps, TooltipTrigger, TooltipTriggerProps, tooltipVariants, useTooltip } from './tooltip.cjs';
|
|
23
|
+
import 'react/jsx-runtime';
|
|
24
|
+
import 'class-variance-authority';
|
|
25
|
+
import 'react';
|
|
26
|
+
import 'framer-motion';
|
|
27
|
+
import 'class-variance-authority/types';
|