@vllnt/ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +312 -0
  3. package/dist/chunk-XRV5RSYH.js +568 -0
  4. package/dist/flow-diagram-N3EHM6VB.js +1 -0
  5. package/dist/index.d.ts +1835 -0
  6. package/dist/index.js +8551 -0
  7. package/dist/tailwind-preset.d.ts +5 -0
  8. package/dist/tailwind-preset.js +87 -0
  9. package/package.json +143 -0
  10. package/styles.css +92 -0
  11. package/themes/default.css +44 -0
package/dist/index.d.ts ADDED
@@ -0,0 +1,1835 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as class_variance_authority_types from 'class-variance-authority/types';
3
+ import * as class_variance_authority from 'class-variance-authority';
4
+ import { VariantProps } from 'class-variance-authority';
5
+ import * as react from 'react';
6
+ import react__default, { ReactNode, Component, ErrorInfo } from 'react';
7
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
8
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
9
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
10
+ import * as LabelPrimitive from '@radix-ui/react-label';
11
+ import * as SwitchPrimitives from '@radix-ui/react-switch';
12
+ import { ToasterProps } from 'sonner';
13
+ export { toast } from 'sonner';
14
+ import * as SelectPrimitive from '@radix-ui/react-select';
15
+ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
16
+ import * as SliderPrimitive from '@radix-ui/react-slider';
17
+ import * as TogglePrimitive from '@radix-ui/react-toggle';
18
+ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
19
+ import * as input_otp from 'input-otp';
20
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
21
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
22
+ import * as vaul from 'vaul';
23
+ import { Drawer as Drawer$1 } from 'vaul';
24
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
25
+ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
26
+ import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
27
+ import * as MenubarPrimitive from '@radix-ui/react-menubar';
28
+ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
29
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
30
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
31
+ import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
32
+ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
33
+ import { Separator as Separator$1, Panel, Group } from 'react-resizable-panels';
34
+ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
35
+ import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
36
+ import { DayPicker } from 'react-day-picker';
37
+ import { ThemeProviderProps } from 'next-themes';
38
+ import { Edge, FitViewOptions, Node } from '@xyflow/react';
39
+ import { ClassValue } from 'clsx';
40
+
41
+ declare const badgeVariants: (props?: ({
42
+ variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
43
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
44
+ type BadgeProps = {} & React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants>;
45
+ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
46
+
47
+ type BreadcrumbItem = {
48
+ href?: string;
49
+ icon?: react.ReactNode;
50
+ label: react.ReactNode;
51
+ };
52
+ type BreadcrumbProps = {
53
+ className?: string;
54
+ items: BreadcrumbItem[];
55
+ separator?: "arrow" | "chevron" | "slash";
56
+ showHomeIcon?: boolean;
57
+ variant?: "default" | "minimal";
58
+ };
59
+ declare function Breadcrumb({ className, items, separator, variant, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
60
+
61
+ declare const buttonVariants: (props?: ({
62
+ size?: "default" | "icon" | "lg" | "sm" | null | undefined;
63
+ variant?: "default" | "destructive" | "outline" | "secondary" | "link" | "ghost" | null | undefined;
64
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
65
+ type ButtonProps = {
66
+ asChild?: boolean;
67
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants>;
68
+ declare const Button: react.ForwardRefExoticComponent<{
69
+ asChild?: boolean;
70
+ } & react.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
71
+ size?: "default" | "icon" | "lg" | "sm" | null | undefined;
72
+ variant?: "default" | "destructive" | "outline" | "secondary" | "link" | "ghost" | null | undefined;
73
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLButtonElement>>;
74
+
75
+ declare const cookieConsentVariants: (props?: ({
76
+ position?: "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
77
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
78
+ type CookieConsentProps = {
79
+ /** Text for the accept button */
80
+ acceptText?: string;
81
+ /** Text for the decline button (optional, hidden if not provided) */
82
+ declineText?: string;
83
+ /** Text to display in the banner */
84
+ message?: string;
85
+ /** Called when user accepts */
86
+ onAccept?: () => void;
87
+ /** Called when user declines */
88
+ onDecline?: () => void;
89
+ /** Called when visibility changes */
90
+ onOpenChange?: (open: boolean) => void;
91
+ /** Whether the banner is visible */
92
+ open?: boolean;
93
+ /** URL for privacy policy / settings page */
94
+ settingsHref?: string;
95
+ /** Text for the settings/learn more link */
96
+ settingsText?: string;
97
+ /** Whether to show the close button */
98
+ showCloseButton?: boolean;
99
+ } & VariantProps<typeof cookieConsentVariants> & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
100
+ /**
101
+ * Cookie consent banner component (Vercel-style)
102
+ *
103
+ * Positioned in bottom-left by default with minimal, clean design.
104
+ * Shows accept button prominently, with optional decline and settings link.
105
+ */
106
+ declare const CookieConsent: react.ForwardRefExoticComponent<{
107
+ /** Text for the accept button */
108
+ acceptText?: string;
109
+ /** Text for the decline button (optional, hidden if not provided) */
110
+ declineText?: string;
111
+ /** Text to display in the banner */
112
+ message?: string;
113
+ /** Called when user accepts */
114
+ onAccept?: () => void;
115
+ /** Called when user declines */
116
+ onDecline?: () => void;
117
+ /** Called when visibility changes */
118
+ onOpenChange?: (open: boolean) => void;
119
+ /** Whether the banner is visible */
120
+ open?: boolean;
121
+ /** URL for privacy policy / settings page */
122
+ settingsHref?: string;
123
+ /** Text for the settings/learn more link */
124
+ settingsText?: string;
125
+ /** Whether to show the close button */
126
+ showCloseButton?: boolean;
127
+ } & VariantProps<(props?: ({
128
+ position?: "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
129
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & Omit<react.HTMLAttributes<HTMLDivElement>, "children"> & react.RefAttributes<HTMLDivElement>>;
130
+
131
+ declare const Card: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
132
+ declare const CardHeader: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
133
+ declare const CardTitle: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
134
+ declare const CardDescription: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
135
+ declare const CardContent: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
136
+ declare const CardFooter: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
137
+
138
+ declare const Command: react.ForwardRefExoticComponent<Omit<{
139
+ children?: react.ReactNode;
140
+ } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
141
+ ref?: react.Ref<HTMLDivElement>;
142
+ } & {
143
+ asChild?: boolean;
144
+ }, "asChild" | "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
145
+ label?: string;
146
+ shouldFilter?: boolean;
147
+ filter?: (value: string, search: string, keywords?: string[]) => number;
148
+ defaultValue?: string;
149
+ value?: string;
150
+ onValueChange?: (value: string) => void;
151
+ loop?: boolean;
152
+ disablePointerSelection?: boolean;
153
+ vimBindings?: boolean;
154
+ } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
155
+ type CommandDialogProps = {} & react.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
156
+ declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
157
+ declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react.InputHTMLAttributes<HTMLInputElement>> & {
158
+ ref?: react.Ref<HTMLInputElement>;
159
+ } & {
160
+ asChild?: boolean;
161
+ }, "asChild" | "key" | keyof react.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
162
+ value?: string;
163
+ onValueChange?: (search: string) => void;
164
+ } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
165
+ declare const CommandList: react.ForwardRefExoticComponent<Omit<{
166
+ children?: react.ReactNode;
167
+ } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
168
+ ref?: react.Ref<HTMLDivElement>;
169
+ } & {
170
+ asChild?: boolean;
171
+ }, "asChild" | "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
172
+ label?: string;
173
+ } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
174
+ declare const CommandEmpty: react.ForwardRefExoticComponent<Omit<{
175
+ children?: react.ReactNode;
176
+ } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
177
+ ref?: react.Ref<HTMLDivElement>;
178
+ } & {
179
+ asChild?: boolean;
180
+ }, "asChild" | "key" | keyof react.HTMLAttributes<HTMLDivElement>> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
181
+ declare const CommandGroup: react.ForwardRefExoticComponent<Omit<{
182
+ children?: react.ReactNode;
183
+ } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
184
+ ref?: react.Ref<HTMLDivElement>;
185
+ } & {
186
+ asChild?: boolean;
187
+ }, "asChild" | "key" | keyof react.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
188
+ heading?: react.ReactNode;
189
+ value?: string;
190
+ forceMount?: boolean;
191
+ } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
192
+ declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
193
+ ref?: react.Ref<HTMLDivElement>;
194
+ } & {
195
+ asChild?: boolean;
196
+ }, "asChild" | "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
197
+ alwaysRender?: boolean;
198
+ } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
199
+ declare const CommandItem: react.ForwardRefExoticComponent<Omit<{
200
+ children?: react.ReactNode;
201
+ } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
202
+ ref?: react.Ref<HTMLDivElement>;
203
+ } & {
204
+ asChild?: boolean;
205
+ }, "asChild" | "key" | keyof react.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
206
+ disabled?: boolean;
207
+ onSelect?: (value: string) => void;
208
+ value?: string;
209
+ keywords?: string[];
210
+ forceMount?: boolean;
211
+ } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
212
+ declare const CommandShortcut: {
213
+ ({ className, ...props }: react.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
214
+ displayName: string;
215
+ };
216
+
217
+ declare const Dialog: react.FC<DialogPrimitive.DialogProps>;
218
+ declare const DialogTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
219
+ declare const DialogPortal: react.FC<DialogPrimitive.DialogPortalProps>;
220
+ declare const DialogClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
221
+ declare const DialogOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
222
+ declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
223
+ declare const DialogHeader: {
224
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
225
+ displayName: string;
226
+ };
227
+ declare const DialogFooter: {
228
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
229
+ displayName: string;
230
+ };
231
+ declare const DialogTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
232
+ declare const DialogDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
233
+
234
+ declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
235
+ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
236
+ declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
237
+ declare const DropdownMenuPortal: react.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
238
+ declare const DropdownMenuSub: react.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
239
+ declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
240
+ declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
241
+ inset?: boolean;
242
+ } & react.RefAttributes<HTMLDivElement>>;
243
+ declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
244
+ declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
245
+ declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
246
+ inset?: boolean;
247
+ } & react.RefAttributes<HTMLDivElement>>;
248
+ declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
249
+ declare const DropdownMenuRadioItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
250
+ declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
251
+ inset?: boolean;
252
+ } & react.RefAttributes<HTMLDivElement>>;
253
+ declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
254
+ declare const DropdownMenuShortcut: {
255
+ ({ className, ...props }: react.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
256
+ displayName: string;
257
+ };
258
+
259
+ declare const Input: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
260
+
261
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
262
+
263
+ declare const Label: react.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & react.RefAttributes<HTMLLabelElement>>;
264
+
265
+ declare const Switch: react.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
266
+
267
+ type ToastProps = {
268
+ variant?: "default" | "destructive";
269
+ } & react.HTMLAttributes<HTMLDivElement>;
270
+ declare const Toast: react.ForwardRefExoticComponent<{
271
+ variant?: "default" | "destructive";
272
+ } & react.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
273
+ variant?: "default" | "destructive" | null | undefined;
274
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
275
+ declare const ToastAction: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
276
+ altText?: string;
277
+ } & react.RefAttributes<HTMLButtonElement>>;
278
+ declare const ToastClose: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
279
+ declare const ToastTitle: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
280
+ declare const ToastDescription: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
281
+
282
+ declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
283
+
284
+ type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
285
+ declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
286
+
287
+ declare const Select: react.FC<SelectPrimitive.SelectProps>;
288
+ declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
289
+ declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
290
+ declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
291
+ declare const SelectScrollUpButton: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
292
+ declare const SelectScrollDownButton: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
293
+ declare const SelectContent: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
294
+ declare const SelectLabel: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
295
+ declare const SelectItem: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
296
+ declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
297
+
298
+ declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
299
+ declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
300
+
301
+ declare const Slider: react.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
302
+
303
+ declare const toggleVariants: (props?: ({
304
+ size?: "default" | "lg" | "sm" | null | undefined;
305
+ variant?: "default" | "outline" | null | undefined;
306
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
307
+ declare const Toggle: react.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
308
+ size?: "default" | "lg" | "sm" | null | undefined;
309
+ variant?: "default" | "outline" | null | undefined;
310
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLButtonElement>>;
311
+
312
+ declare const ToggleGroup: react.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
313
+ size?: "default" | "lg" | "sm" | null | undefined;
314
+ variant?: "default" | "outline" | null | undefined;
315
+ } & class_variance_authority_types.ClassProp) | undefined) => string>) & react.RefAttributes<HTMLDivElement>>;
316
+ declare const ToggleGroupItem: react.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
317
+ size?: "default" | "lg" | "sm" | null | undefined;
318
+ variant?: "default" | "outline" | null | undefined;
319
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLButtonElement>>;
320
+
321
+ declare const InputOTP: react.ForwardRefExoticComponent<(Omit<Omit<react.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
322
+ value?: string;
323
+ onChange?: (newValue: string) => unknown;
324
+ maxLength: number;
325
+ textAlign?: "left" | "center" | "right";
326
+ onComplete?: (...args: any[]) => unknown;
327
+ pushPasswordManagerStrategy?: "increase-width" | "none";
328
+ pasteTransformer?: (pasted: string) => string;
329
+ containerClassName?: string;
330
+ noScriptCSSFallback?: string | null;
331
+ } & {
332
+ render: (props: input_otp.RenderProps) => React.ReactNode;
333
+ children?: never;
334
+ } & react.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<react.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
335
+ value?: string;
336
+ onChange?: (newValue: string) => unknown;
337
+ maxLength: number;
338
+ textAlign?: "left" | "center" | "right";
339
+ onComplete?: (...args: any[]) => unknown;
340
+ pushPasswordManagerStrategy?: "increase-width" | "none";
341
+ pasteTransformer?: (pasted: string) => string;
342
+ containerClassName?: string;
343
+ noScriptCSSFallback?: string | null;
344
+ } & {
345
+ render?: never;
346
+ children: React.ReactNode;
347
+ } & react.RefAttributes<HTMLInputElement>, "ref">) & react.RefAttributes<HTMLInputElement>>;
348
+ declare const InputOTPGroup: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
349
+ declare const InputOTPSlot: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
350
+ index: number;
351
+ } & react.RefAttributes<HTMLDivElement>>;
352
+ declare const InputOTPSeparator: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
353
+
354
+ declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
355
+ declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
356
+ declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
357
+ declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
358
+
359
+ declare const Popover: react.FC<PopoverPrimitive.PopoverProps>;
360
+ declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
361
+ declare const PopoverAnchor: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>>;
362
+ declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
363
+
364
+ declare const Sheet: react.FC<DialogPrimitive.DialogProps>;
365
+ declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
366
+ declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
367
+ declare const SheetPortal: react.FC<DialogPrimitive.DialogPortalProps>;
368
+ declare const SheetOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
369
+ declare const SheetContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
370
+ side?: "top" | "right" | "bottom" | "left" | null | undefined;
371
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
372
+ declare const SheetHeader: {
373
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
374
+ displayName: string;
375
+ };
376
+ declare const SheetFooter: {
377
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
378
+ displayName: string;
379
+ };
380
+ declare const SheetTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
381
+ declare const SheetDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
382
+
383
+ declare const Drawer: {
384
+ ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
385
+ displayName: string;
386
+ };
387
+ declare const DrawerTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
388
+ declare const DrawerPortal: typeof vaul.Portal;
389
+ declare const DrawerClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
390
+ declare const DrawerOverlay: react.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
391
+ declare const DrawerContent: react.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
392
+ declare const DrawerHeader: {
393
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
394
+ displayName: string;
395
+ };
396
+ declare const DrawerFooter: {
397
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
398
+ displayName: string;
399
+ };
400
+ declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
401
+ declare const DrawerDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
402
+
403
+ declare const AlertDialog: react.FC<AlertDialogPrimitive.AlertDialogProps>;
404
+ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
405
+ declare const AlertDialogPortal: react.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
406
+ declare const AlertDialogOverlay: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
407
+ declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
408
+ declare const AlertDialogHeader: {
409
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
410
+ displayName: string;
411
+ };
412
+ declare const AlertDialogFooter: {
413
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
414
+ displayName: string;
415
+ };
416
+ declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
417
+ declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
418
+ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
419
+ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
420
+
421
+ declare const HoverCard: react.FC<HoverCardPrimitive.HoverCardProps>;
422
+ declare const HoverCardTrigger: react.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
423
+ declare const HoverCardContent: react.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
424
+
425
+ declare const ContextMenu: react.FC<ContextMenuPrimitive.ContextMenuProps>;
426
+ declare const ContextMenuTrigger: react.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & react.RefAttributes<HTMLSpanElement>>;
427
+ declare const ContextMenuGroup: react.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
428
+ declare const ContextMenuPortal: react.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
429
+ declare const ContextMenuSub: react.FC<ContextMenuPrimitive.ContextMenuSubProps>;
430
+ declare const ContextMenuRadioGroup: react.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
431
+ declare const ContextMenuSubTrigger: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
432
+ inset?: boolean;
433
+ } & react.RefAttributes<HTMLDivElement>>;
434
+ declare const ContextMenuSubContent: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
435
+ declare const ContextMenuContent: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
436
+ declare const ContextMenuItem: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
437
+ inset?: boolean;
438
+ } & react.RefAttributes<HTMLDivElement>>;
439
+ declare const ContextMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
440
+ declare const ContextMenuRadioItem: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
441
+ declare const ContextMenuLabel: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
442
+ inset?: boolean;
443
+ } & react.RefAttributes<HTMLDivElement>>;
444
+ declare const ContextMenuSeparator: react.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
445
+ declare const ContextMenuShortcut: {
446
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
447
+ displayName: string;
448
+ };
449
+
450
+ declare const MenubarMenu: typeof MenubarPrimitive.Menu;
451
+ declare const MenubarGroup: typeof MenubarPrimitive.Group;
452
+ declare const MenubarPortal: typeof MenubarPrimitive.Portal;
453
+ declare const MenubarSub: typeof MenubarPrimitive.Sub;
454
+ declare const MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup;
455
+ declare const Menubar: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
456
+ declare const MenubarTrigger: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
457
+ declare const MenubarSubTrigger: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
458
+ inset?: boolean;
459
+ } & react.RefAttributes<HTMLDivElement>>;
460
+ declare const MenubarSubContent: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
461
+ declare const MenubarContent: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
462
+ declare const MenubarItem: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
463
+ inset?: boolean;
464
+ } & react.RefAttributes<HTMLDivElement>>;
465
+ declare const MenubarCheckboxItem: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
466
+ declare const MenubarRadioItem: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
467
+ declare const MenubarLabel: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
468
+ inset?: boolean;
469
+ } & react.RefAttributes<HTMLDivElement>>;
470
+ declare const MenubarSeparator: react.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
471
+ declare const MenubarShortcut: {
472
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
473
+ displayName: string;
474
+ };
475
+
476
+ declare const NavigationMenu: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & react.RefAttributes<HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
477
+ declare const NavigationMenuList: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & react.RefAttributes<HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
478
+ declare const NavigationMenuItem: react.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & react.RefAttributes<HTMLLIElement>>;
479
+ declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
480
+ declare const NavigationMenuTrigger: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
481
+ declare const NavigationMenuContent: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
482
+ declare const NavigationMenuLink: react.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & react.RefAttributes<HTMLAnchorElement>>;
483
+ declare const NavigationMenuViewport: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
484
+ declare const NavigationMenuIndicator: react.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
485
+
486
+ declare const Table: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
487
+ declare const TableHeader: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
488
+ declare const TableBody: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
489
+ declare const TableFooter: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
490
+ declare const TableRow: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
491
+ declare const TableHead: react.ForwardRefExoticComponent<react.ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
492
+ declare const TableCell: react.ForwardRefExoticComponent<react.TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
493
+ declare const TableCaption: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLTableCaptionElement> & react.RefAttributes<HTMLTableCaptionElement>>;
494
+
495
+ declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
496
+ declare const AvatarImage: react.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & react.RefAttributes<HTMLImageElement>, "ref"> & react.RefAttributes<HTMLImageElement>>;
497
+ declare const AvatarFallback: react.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
498
+
499
+ declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
500
+
501
+ declare const Separator: react.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
502
+
503
+ declare const alertVariants: (props?: ({
504
+ variant?: "default" | "destructive" | null | undefined;
505
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
506
+ declare const Alert: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
507
+ variant?: "default" | "destructive" | null | undefined;
508
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLDivElement>>;
509
+ declare const AlertTitle: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLHeadingElement> & react.RefAttributes<HTMLParagraphElement>>;
510
+ declare const AlertDescription: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>;
511
+
512
+ declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
513
+
514
+ declare const ScrollArea: react.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
515
+ declare const ScrollBar: react.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
516
+
517
+ declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof Group>) => react_jsx_runtime.JSX.Element;
518
+ declare const ResizablePanel: typeof Panel;
519
+ declare const ResizableHandle: ({ className, withHandle, ...props }: React.ComponentProps<typeof Separator$1> & {
520
+ withHandle?: boolean;
521
+ }) => react_jsx_runtime.JSX.Element;
522
+
523
+ declare const Collapsible: react.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
524
+ declare const CollapsibleTrigger: react.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
525
+ declare const CollapsibleContent: react.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>>;
526
+
527
+ type CarouselApi = UseEmblaCarouselType[1];
528
+ type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
529
+ type CarouselOptions = UseCarouselParameters[0];
530
+ type CarouselPlugin = UseCarouselParameters[1];
531
+ type CarouselProps = {
532
+ opts?: CarouselOptions;
533
+ orientation?: "horizontal" | "vertical";
534
+ plugins?: CarouselPlugin;
535
+ setApi?: (api: CarouselApi) => void;
536
+ };
537
+ declare const Carousel: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & CarouselProps & react.RefAttributes<HTMLDivElement>>;
538
+ declare const CarouselContent: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
539
+ declare const CarouselItem: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
540
+ declare const CarouselPrevious: react.ForwardRefExoticComponent<Omit<{
541
+ asChild?: boolean;
542
+ } & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
543
+ size?: "default" | "icon" | "lg" | "sm" | null | undefined;
544
+ variant?: "default" | "destructive" | "outline" | "secondary" | "link" | "ghost" | null | undefined;
545
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
546
+ declare const CarouselNext: react.ForwardRefExoticComponent<Omit<{
547
+ asChild?: boolean;
548
+ } & react.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
549
+ size?: "default" | "icon" | "lg" | "sm" | null | undefined;
550
+ variant?: "default" | "destructive" | "outline" | "secondary" | "link" | "ghost" | null | undefined;
551
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
552
+
553
+ type CalendarProps = React.ComponentProps<typeof DayPicker>;
554
+ declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
555
+ declare namespace Calendar {
556
+ var displayName: string;
557
+ }
558
+
559
+ type SpinnerProps = {
560
+ size?: "lg" | "md" | "sm";
561
+ } & React.HTMLAttributes<HTMLDivElement>;
562
+ declare function Spinner({ className, size, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
563
+
564
+ type CodeBlockProps = {
565
+ children: ReactNode;
566
+ className?: string;
567
+ language?: string;
568
+ showLanguage?: boolean;
569
+ };
570
+ declare function CodeBlock({ children, className, language, showLanguage, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
571
+
572
+ type MDXContentProps = {
573
+ components?: Record<string, react__default.ComponentType<any>>;
574
+ content: string;
575
+ enableMDX?: boolean;
576
+ };
577
+ declare function MDXContent({ components, content, enableMDX, }: MDXContentProps): Promise<react_jsx_runtime.JSX.Element>;
578
+
579
+ type NavItem = {
580
+ href: string;
581
+ title: string;
582
+ };
583
+ type NavbarSaasProps = {
584
+ brand?: ReactNode;
585
+ navItems?: NavItem[];
586
+ rightSlot?: ReactNode;
587
+ showMobileMenu?: boolean;
588
+ };
589
+ declare function NavbarSaas({ brand, navItems, rightSlot, showMobileMenu, }: NavbarSaasProps): react_jsx_runtime.JSX.Element;
590
+
591
+ declare function useMobile(): boolean;
592
+
593
+ type SidebarItem = {
594
+ href: string;
595
+ title: string;
596
+ };
597
+ type SidebarSection = {
598
+ collapsible?: boolean;
599
+ defaultOpen?: boolean;
600
+ items: SidebarItem[];
601
+ title?: string;
602
+ };
603
+ type SidebarProps = {
604
+ sections: SidebarSection[];
605
+ };
606
+ declare function Sidebar({ sections }: SidebarProps): react_jsx_runtime.JSX.Element;
607
+
608
+ type SidebarContextType = {
609
+ open: boolean;
610
+ setOpen: (open: boolean) => void;
611
+ };
612
+ declare function useSidebar(): SidebarContextType;
613
+ declare function SidebarProvider({ children }: {
614
+ children: ReactNode;
615
+ }): react_jsx_runtime.JSX.Element;
616
+
617
+ type TableOfContentsProps = {
618
+ sections: {
619
+ id: string;
620
+ title: string;
621
+ }[];
622
+ };
623
+ declare function TableOfContents({ sections }: TableOfContentsProps): react_jsx_runtime.JSX.Element | null;
624
+
625
+ type ContentCardPost = {
626
+ date?: string;
627
+ description: string;
628
+ slug: string;
629
+ tags?: string[];
630
+ title: string;
631
+ };
632
+ type ContentCardProps = {
633
+ formatDate?: (date: string, lang: string) => string;
634
+ getDictValue?: (dict: Record<string, unknown>, path: string) => string;
635
+ href: string;
636
+ lang?: string;
637
+ post: ContentCardPost;
638
+ readMoreLabel?: string;
639
+ showBadge?: boolean;
640
+ showDate?: boolean;
641
+ showReadMore?: boolean;
642
+ };
643
+ declare function ContentCard({ formatDate, href, lang, post, readMoreLabel, showBadge, showDate, showReadMore, }: ContentCardProps): react_jsx_runtime.JSX.Element;
644
+ declare const BlogCard: typeof ContentCard;
645
+
646
+ type CategoryFilterProps = {
647
+ categories: string[];
648
+ lang: string;
649
+ };
650
+ declare function CategoryFilter({ categories, lang }: CategoryFilterProps): react_jsx_runtime.JSX.Element | null;
651
+
652
+ type PaginationProps = {
653
+ baseUrl: string;
654
+ className?: string;
655
+ currentPage: number;
656
+ totalPages: number;
657
+ };
658
+ declare function Pagination({ baseUrl, className, currentPage, totalPages, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
659
+
660
+ type SearchBarProps = {
661
+ className?: string;
662
+ onSearch?: (query: string) => void;
663
+ placeholder?: string;
664
+ };
665
+ declare function SearchBar({ className, onSearch, placeholder, }: SearchBarProps): react_jsx_runtime.JSX.Element;
666
+
667
+ type SharePlatform$1 = "bluesky" | "facebook" | "linkedin" | "mastodon" | "threads" | "x";
668
+ type PlatformConfig = {
669
+ key: SharePlatform$1;
670
+ label: string;
671
+ };
672
+ type ShareSectionProps = {
673
+ buildUrl?: (platform: SharePlatform$1, url: string, title: string) => string;
674
+ platforms?: PlatformConfig[];
675
+ shareOn: string;
676
+ shareTitle: string;
677
+ title: string;
678
+ url: string;
679
+ };
680
+ declare function ShareSection({ buildUrl: buildUrlFunction, platforms, shareOn, shareTitle, title, url, }: ShareSectionProps): react_jsx_runtime.JSX.Element;
681
+
682
+ type SearchItem = {
683
+ description?: string;
684
+ id: string;
685
+ keywords?: string;
686
+ title: string;
687
+ };
688
+ type SearchDialogProps = {
689
+ buttonText?: string;
690
+ buttonTextMobile?: string;
691
+ emptyText?: string;
692
+ enableKeyboardShortcut?: boolean;
693
+ groupHeading?: string;
694
+ items: SearchItem[];
695
+ onSelect: (item: SearchItem) => void;
696
+ searchPlaceholder?: string;
697
+ };
698
+ declare function SearchDialog({ buttonText, buttonTextMobile, emptyText, enableKeyboardShortcut, groupHeading, items, onSelect, searchPlaceholder, }: SearchDialogProps): react_jsx_runtime.JSX.Element;
699
+
700
+ type SupportedLanguage = "en" | "fr";
701
+ declare const LANGUAGE_NAMES: Record<SupportedLanguage, string>;
702
+ declare function getOtherLanguage(lang: SupportedLanguage): SupportedLanguage;
703
+
704
+ type LangProviderProps = {
705
+ defaultLanguage?: SupportedLanguage;
706
+ supportedLanguages?: SupportedLanguage[];
707
+ };
708
+ declare function LangProvider({ defaultLanguage, supportedLanguages, }: LangProviderProps): null;
709
+
710
+ declare function ThemeProvider({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
711
+
712
+ type ThemeToggleProps = {
713
+ dict: {
714
+ theme: {
715
+ dark: string;
716
+ light: string;
717
+ system: string;
718
+ toggle_theme: string;
719
+ };
720
+ };
721
+ };
722
+ declare function ThemeToggle({ dict }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
723
+
724
+ type ProfileDict = {
725
+ profile: {
726
+ name: string;
727
+ tagline: string;
728
+ };
729
+ };
730
+ type SocialLink = {
731
+ href: string;
732
+ label: string;
733
+ };
734
+ type ProfileSectionProps = {
735
+ compact?: boolean;
736
+ dict: ProfileDict;
737
+ imageAlt?: string;
738
+ imageSource?: string;
739
+ socialLinks?: SocialLink[];
740
+ };
741
+ declare function ProfileSection({ compact, dict, imageAlt, imageSource, socialLinks, }: ProfileSectionProps): react_jsx_runtime.JSX.Element;
742
+
743
+ type TLDRSectionProps = {
744
+ children: React.ReactNode;
745
+ label: string;
746
+ };
747
+ declare function TLDRSection({ children, label }: TLDRSectionProps): react_jsx_runtime.JSX.Element;
748
+
749
+ type Datum$2 = {
750
+ label?: string;
751
+ value: number;
752
+ };
753
+ declare const AreaChart: react.ForwardRefExoticComponent<{
754
+ color?: string;
755
+ data: Datum$2[];
756
+ gradientId?: string;
757
+ height?: number;
758
+ strokeWidth?: number;
759
+ width?: number;
760
+ } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
761
+
762
+ type Datum$1 = {
763
+ label?: string;
764
+ value: number;
765
+ };
766
+ declare const BarChart: react.ForwardRefExoticComponent<{
767
+ color?: string;
768
+ data: Datum$1[];
769
+ gap?: number;
770
+ gradientId?: string;
771
+ height?: number;
772
+ width?: number;
773
+ } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
774
+
775
+ type Datum = {
776
+ label?: string;
777
+ value: number;
778
+ };
779
+ declare const LineChart: react.ForwardRefExoticComponent<{
780
+ color?: string;
781
+ data: Datum[];
782
+ gradientId?: string;
783
+ height?: number;
784
+ strokeWidth?: number;
785
+ width?: number;
786
+ } & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
787
+
788
+ type TruncatedTextProps = {
789
+ /**
790
+ * The text content to display
791
+ */
792
+ children: string;
793
+ /**
794
+ * Optional CSS class name
795
+ */
796
+ className?: string;
797
+ /**
798
+ * Max width for the visible container (default: 'calc(100vw - 220px)')
799
+ */
800
+ maxWidth?: string;
801
+ };
802
+ /**
803
+ * TruncatedText component with ellipsis for long text
804
+ *
805
+ * Displays text with ellipsis (...) when content overflows.
806
+ * On mobile, truncates within a constrained container.
807
+ * On desktop (≥640px), displays full text.
808
+ *
809
+ * @example
810
+ * ```tsx
811
+ * <TruncatedText>
812
+ * Production Claude Code Workflows
813
+ * </TruncatedText>
814
+ * ```
815
+ */
816
+ declare function TruncatedText({ children, className, maxWidth, }: TruncatedTextProps): react_jsx_runtime.JSX.Element;
817
+
818
+ type AccordionProps = {
819
+ children: ReactNode;
820
+ className?: string;
821
+ defaultValue?: string | string[];
822
+ type?: "multiple" | "single";
823
+ };
824
+ declare function Accordion({ children, className, defaultValue, type, }: AccordionProps): React.ReactNode;
825
+ declare namespace Accordion {
826
+ var Item: typeof AccordionItem;
827
+ var Trigger: typeof AccordionTrigger;
828
+ var Content: typeof AccordionContent;
829
+ }
830
+ type AccordionItemProps = {
831
+ children: ReactNode;
832
+ className?: string;
833
+ value: string;
834
+ };
835
+ declare function AccordionItem({ children, className, value, }: AccordionItemProps): React.ReactNode;
836
+ type AccordionTriggerProps = {
837
+ children: ReactNode;
838
+ className?: string;
839
+ icon?: ReactNode;
840
+ value: string;
841
+ };
842
+ declare function AccordionTrigger({ children, className, icon, value, }: AccordionTriggerProps): React.ReactNode;
843
+ type AccordionContentProps = {
844
+ children: ReactNode;
845
+ className?: string;
846
+ value: string;
847
+ };
848
+ declare function AccordionContent({ children, className, value, }: AccordionContentProps): React.ReactNode;
849
+
850
+ type CalloutVariant = "danger" | "info" | "note" | "success" | "tip" | "warning";
851
+ type CalloutProps = {
852
+ children: ReactNode;
853
+ className?: string;
854
+ icon?: ReactNode;
855
+ title?: string;
856
+ variant?: CalloutVariant;
857
+ };
858
+ declare function Callout({ children, className, icon, title, variant, }: CalloutProps): React.ReactNode;
859
+
860
+ type ChecklistItem = {
861
+ description?: string;
862
+ id: string;
863
+ label: string;
864
+ };
865
+ type ChecklistProps = {
866
+ className?: string;
867
+ items: ChecklistItem[];
868
+ onComplete?: () => void;
869
+ persistKey?: string;
870
+ title?: string;
871
+ };
872
+ declare function Checklist({ className, items, onComplete, persistKey, title, }: ChecklistProps): React.ReactNode;
873
+
874
+ type CodePlaygroundProps = {
875
+ children: ReactNode;
876
+ description?: string;
877
+ filename?: string;
878
+ highlightLines?: number[];
879
+ language?: string;
880
+ showLineNumbers?: boolean;
881
+ title: string;
882
+ };
883
+ declare function CodePlayground({ children, description, filename, highlightLines, language, showLineNumbers, title, }: CodePlaygroundProps): react_jsx_runtime.JSX.Element;
884
+ type FileTreeProps = {
885
+ children: ReactNode;
886
+ title?: string;
887
+ };
888
+ declare function FileTree({ children, title, }: FileTreeProps): react_jsx_runtime.JSX.Element;
889
+
890
+ type ComparisonSide = {
891
+ items: string[];
892
+ title: string;
893
+ variant?: "bad" | "good" | "neutral";
894
+ };
895
+ type ComparisonProps = {
896
+ after: ComparisonSide;
897
+ before: ComparisonSide;
898
+ title?: string;
899
+ };
900
+ declare function Comparison({ after, before, title }: ComparisonProps): react_jsx_runtime.JSX.Element;
901
+ type BeforeAfterProps = {
902
+ after: ReactNode;
903
+ before: ReactNode;
904
+ title?: string;
905
+ };
906
+ declare function BeforeAfter({ after, before, title }: BeforeAfterProps): react_jsx_runtime.JSX.Element;
907
+
908
+ type ExerciseProps = {
909
+ children: ReactNode;
910
+ difficulty?: "easy" | "hard" | "medium";
911
+ hint?: string;
912
+ solution?: ReactNode;
913
+ title: string;
914
+ };
915
+ declare function Exercise({ children, difficulty, hint, solution, title, }: ExerciseProps): react_jsx_runtime.JSX.Element;
916
+
917
+ type FAQItemProps = {
918
+ children: ReactNode;
919
+ defaultOpen?: boolean;
920
+ question: string;
921
+ };
922
+ declare function FAQItem({ children, defaultOpen, question }: FAQItemProps): react_jsx_runtime.JSX.Element;
923
+ type FAQProps = {
924
+ children: ReactNode;
925
+ title?: string;
926
+ };
927
+ declare function FAQ({ children, title }: FAQProps): react_jsx_runtime.JSX.Element;
928
+ declare namespace FAQ {
929
+ var Item: typeof FAQItem;
930
+ }
931
+
932
+ type KeyConceptProps = {
933
+ children: ReactNode;
934
+ className?: string;
935
+ highlight?: boolean;
936
+ icon?: ReactNode;
937
+ term: string;
938
+ };
939
+ declare function KeyConcept({ children, className, highlight, icon, term, }: KeyConceptProps): React.ReactNode;
940
+ type GlossaryProps = {
941
+ children: ReactNode;
942
+ className?: string;
943
+ icon?: ReactNode;
944
+ title?: string;
945
+ };
946
+ declare function Glossary({ children, className, icon, title, }: GlossaryProps): React.ReactNode;
947
+
948
+ type LearningObjectivesProps = {
949
+ estimatedTime?: string;
950
+ objectives: string[];
951
+ title?: string;
952
+ };
953
+ declare function LearningObjectives({ estimatedTime, objectives, title, }: LearningObjectivesProps): react_jsx_runtime.JSX.Element;
954
+ type PrerequisitesProps = {
955
+ items: string[];
956
+ level?: "advanced" | "beginner" | "intermediate";
957
+ title?: string;
958
+ };
959
+ declare function Prerequisites({ items, level, title, }: PrerequisitesProps): react_jsx_runtime.JSX.Element;
960
+ type SummaryProps = {
961
+ children: ReactNode;
962
+ keyTakeaways?: string[];
963
+ title?: string;
964
+ };
965
+ declare function Summary({ children, keyTakeaways, title, }: SummaryProps): react_jsx_runtime.JSX.Element;
966
+
967
+ type ProgressBarProps = {
968
+ className?: string;
969
+ completedLabel?: string;
970
+ currentLabel?: string;
971
+ isComplete?: boolean;
972
+ isLoading?: boolean;
973
+ max: number;
974
+ showLabels?: boolean;
975
+ value: number;
976
+ };
977
+ declare function ProgressBar({ className, completedLabel, currentLabel, isComplete, isLoading, max, showLabels, value, }: ProgressBarProps): React.ReactNode;
978
+
979
+ type ProTipVariant = "advanced" | "best-practice" | "expert" | "gotcha" | "performance" | "tip";
980
+ type ProTipProps = {
981
+ children: ReactNode;
982
+ className?: string;
983
+ icon?: ReactNode;
984
+ title?: string;
985
+ variant?: ProTipVariant;
986
+ };
987
+ declare function ProTip({ children, className, icon, title, variant, }: ProTipProps): React.ReactNode;
988
+ type CommonMistakeProps = {
989
+ children: ReactNode;
990
+ className?: string;
991
+ fix?: ReactNode;
992
+ fixIcon?: ReactNode;
993
+ icon?: ReactNode;
994
+ title?: string;
995
+ };
996
+ declare function CommonMistake({ children, className, fix, fixIcon, icon, title, }: CommonMistakeProps): React.ReactNode;
997
+
998
+ type QuizOption = {
999
+ correct?: boolean;
1000
+ explanation?: string;
1001
+ label: string;
1002
+ };
1003
+ type QuizProps = {
1004
+ className?: string;
1005
+ explanation?: ReactNode;
1006
+ hint?: string;
1007
+ onAnswer?: (correct: boolean) => void;
1008
+ options: QuizOption[];
1009
+ question: string;
1010
+ };
1011
+ declare function Quiz({ className, explanation, hint, onAnswer, options, question, }: QuizProps): React.ReactNode;
1012
+
1013
+ type StepProps = {
1014
+ children: ReactNode;
1015
+ className?: string;
1016
+ number?: number;
1017
+ title: string;
1018
+ };
1019
+ declare function Step({ children, className, number, title, }: StepProps): React.ReactNode;
1020
+ type StepByStepProps = {
1021
+ children: ReactNode;
1022
+ className?: string;
1023
+ interactive?: boolean;
1024
+ title?: string;
1025
+ };
1026
+ declare function StepByStep({ children, className, interactive, title, }: StepByStepProps): React.ReactNode;
1027
+ declare namespace StepByStep {
1028
+ var Step: typeof Step;
1029
+ }
1030
+
1031
+ type TabsProps = {
1032
+ children: ReactNode;
1033
+ className?: string;
1034
+ defaultValue: string;
1035
+ onValueChange?: (value: string) => void;
1036
+ };
1037
+ declare function Tabs({ children, className, defaultValue, onValueChange, }: TabsProps): React.ReactNode;
1038
+ declare namespace Tabs {
1039
+ var List: typeof TabsList;
1040
+ var Trigger: typeof TabsTrigger;
1041
+ var Content: typeof TabsContent;
1042
+ }
1043
+ type TabsListProps = {
1044
+ children: ReactNode;
1045
+ className?: string;
1046
+ };
1047
+ declare function TabsList({ children, className }: TabsListProps): React.ReactNode;
1048
+ type TabsTriggerProps = {
1049
+ children: ReactNode;
1050
+ className?: string;
1051
+ value: string;
1052
+ };
1053
+ declare function TabsTrigger({ children, className, value, }: TabsTriggerProps): React.ReactNode;
1054
+ type TabsContentProps = {
1055
+ children: ReactNode;
1056
+ className?: string;
1057
+ value: string;
1058
+ };
1059
+ declare function TabsContent({ children, className, value, }: TabsContentProps): React.ReactNode;
1060
+
1061
+ type TerminalLine = {
1062
+ content: string;
1063
+ type: "command" | "comment" | "output";
1064
+ };
1065
+ type TerminalProps = {
1066
+ copyable?: boolean;
1067
+ lines: TerminalLine[];
1068
+ title?: string;
1069
+ };
1070
+ declare function Terminal({ copyable, lines, title, }: TerminalProps): react_jsx_runtime.JSX.Element;
1071
+ type SimpleTerminalProps = {
1072
+ children: string;
1073
+ title?: string;
1074
+ };
1075
+ declare function SimpleTerminal({ children, title, }: SimpleTerminalProps): react_jsx_runtime.JSX.Element;
1076
+
1077
+ type VideoEmbedProps = {
1078
+ aspectRatio?: "1/1" | "4/3" | "16/9";
1079
+ src: string;
1080
+ thumbnail?: string;
1081
+ title: string;
1082
+ type?: "custom" | "vimeo" | "youtube";
1083
+ };
1084
+ declare function VideoEmbed({ aspectRatio, src, thumbnail, title, type, }: VideoEmbedProps): react_jsx_runtime.JSX.Element;
1085
+
1086
+ type TutorialFiltersLabels = {
1087
+ activeFilters: string;
1088
+ clear: string;
1089
+ clearAll: string;
1090
+ difficulty: Record<string, string>;
1091
+ difficultyLabel: string;
1092
+ searchFilter: string;
1093
+ searchLabel: string;
1094
+ searchPlaceholder: string;
1095
+ tagsLabel: string;
1096
+ };
1097
+ type FilterUpdates = {
1098
+ difficulty?: string;
1099
+ search?: string;
1100
+ tags?: string[];
1101
+ };
1102
+ type TutorialFiltersProps = {
1103
+ currentDifficulty: string;
1104
+ currentTags: string[];
1105
+ difficultyOptions?: string[];
1106
+ isPending?: boolean;
1107
+ labels: TutorialFiltersLabels;
1108
+ onFilterChange: (updates: FilterUpdates) => void;
1109
+ searchQuery: string;
1110
+ tags: string[];
1111
+ };
1112
+ declare function TutorialFiltersImpl({ currentDifficulty, currentTags, difficultyOptions, isPending, labels, onFilterChange, searchQuery, tags, }: TutorialFiltersProps): React.ReactNode;
1113
+ declare const TutorialFilters: react.MemoExoticComponent<typeof TutorialFiltersImpl>;
1114
+
1115
+ type TutorialCardProgress = {
1116
+ completedCount: number;
1117
+ totalSections: number;
1118
+ };
1119
+ type TutorialCardMeta = {
1120
+ description: string;
1121
+ difficulty: "advanced" | "beginner" | "intermediate";
1122
+ estimatedTime: string;
1123
+ id: string;
1124
+ sectionCount: number;
1125
+ tags: string[];
1126
+ title: string;
1127
+ };
1128
+ type TutorialCardLabels = {
1129
+ completed: string;
1130
+ difficulty: Record<string, string>;
1131
+ sectionsCount: string;
1132
+ };
1133
+ type TutorialCardProps = {
1134
+ /** Function to get progress (for localStorage etc) */
1135
+ getProgress?: (id: string) => null | TutorialCardProgress;
1136
+ href: string;
1137
+ labels: TutorialCardLabels;
1138
+ /** Link component (e.g., Next.js Link) */
1139
+ linkComponent?: React.ComponentType<{
1140
+ children: ReactNode;
1141
+ className?: string;
1142
+ href: string;
1143
+ }>;
1144
+ tutorial: TutorialCardMeta;
1145
+ };
1146
+ declare function TutorialCardImpl({ getProgress, href, labels, linkComponent: LinkComponent, tutorial, }: TutorialCardProps): React.ReactNode;
1147
+ declare const TutorialCard: react.MemoExoticComponent<typeof TutorialCardImpl>;
1148
+
1149
+ type TutorialCompleteSection = {
1150
+ id: string;
1151
+ title: string;
1152
+ };
1153
+ type TutorialCompleteRelatedContent = {
1154
+ href: string;
1155
+ title: string;
1156
+ type: string;
1157
+ };
1158
+ type TutorialCompleteLabels = {
1159
+ backToTutorials: string;
1160
+ profileName: string;
1161
+ profileTagline: string;
1162
+ relatedContent: string;
1163
+ reviewSections: string;
1164
+ shareOn: string;
1165
+ shareTitle: string;
1166
+ startOver: string;
1167
+ tutorialComplete: string;
1168
+ tutorialFinished: string;
1169
+ youveCompletedAll: string;
1170
+ youveFinishedWith: string;
1171
+ };
1172
+ type TutorialCompleteProps = {
1173
+ backHref: string;
1174
+ completedSections: Set<string>;
1175
+ completionPercent: number;
1176
+ labels: TutorialCompleteLabels;
1177
+ /** Link component (e.g., Next.js Link) */
1178
+ linkComponent?: React.ComponentType<{
1179
+ children: ReactNode;
1180
+ className?: string;
1181
+ href: string;
1182
+ }>;
1183
+ onGoToSection: (index: number) => void;
1184
+ onRestart: () => void;
1185
+ /** Profile config */
1186
+ profile?: {
1187
+ imageSource: string;
1188
+ socialLinks: {
1189
+ href: string;
1190
+ label: string;
1191
+ }[];
1192
+ };
1193
+ relatedContent: TutorialCompleteRelatedContent[];
1194
+ sections: TutorialCompleteSection[];
1195
+ shareUrl: string;
1196
+ title: string;
1197
+ };
1198
+ declare function TutorialCompleteImpl({ backHref, completedSections, completionPercent, labels, linkComponent: LinkComponent, onGoToSection, onRestart, profile, relatedContent, sections, shareUrl, title, }: TutorialCompleteProps): React.ReactNode;
1199
+ declare const TutorialComplete: react.MemoExoticComponent<typeof TutorialCompleteImpl>;
1200
+
1201
+ type TutorialIntroContentProps = {
1202
+ className?: string;
1203
+ content: string;
1204
+ title: string;
1205
+ };
1206
+ declare function TutorialIntroContent({ className, content, title, }: TutorialIntroContentProps): React.ReactNode;
1207
+
1208
+ declare const LazyFlowDiagram: react.LazyExoticComponent<react.NamedExoticComponent<FlowDiagramProps>>;
1209
+ declare function FlowDiagramWithSuspense(props: React.ComponentProps<typeof LazyFlowDiagram>): react_jsx_runtime.JSX.Element;
1210
+ declare const mdxComponents: {
1211
+ Accordion: typeof Accordion;
1212
+ AccordionContent: typeof AccordionContent;
1213
+ AccordionItem: typeof AccordionItem;
1214
+ AccordionTrigger: typeof AccordionTrigger;
1215
+ BeforeAfter: typeof BeforeAfter;
1216
+ Callout: typeof Callout;
1217
+ Checklist: typeof Checklist;
1218
+ CodePlayground: typeof CodePlayground;
1219
+ CommonMistake: typeof CommonMistake;
1220
+ Comparison: typeof Comparison;
1221
+ Exercise: typeof Exercise;
1222
+ FAQ: typeof FAQ;
1223
+ FAQItem: typeof FAQItem;
1224
+ FileTree: typeof FileTree;
1225
+ FlowDiagram: typeof FlowDiagramWithSuspense;
1226
+ Glossary: typeof Glossary;
1227
+ KeyConcept: typeof KeyConcept;
1228
+ LearningObjectives: typeof LearningObjectives;
1229
+ Prerequisites: typeof Prerequisites;
1230
+ ProTip: typeof ProTip;
1231
+ Quiz: typeof Quiz;
1232
+ SimpleTerminal: typeof SimpleTerminal;
1233
+ Step: typeof Step;
1234
+ StepByStep: typeof StepByStep;
1235
+ Summary: typeof Summary;
1236
+ Tabs: typeof Tabs;
1237
+ TabsContent: typeof TabsContent;
1238
+ TabsList: typeof TabsList;
1239
+ TabsTrigger: typeof TabsTrigger;
1240
+ Terminal: typeof Terminal;
1241
+ VideoEmbed: typeof VideoEmbed;
1242
+ };
1243
+ type TutorialMDXProps = {
1244
+ className?: string;
1245
+ content: string;
1246
+ };
1247
+ declare function TutorialMDXImpl({ className, content, }: TutorialMDXProps): React.ReactNode;
1248
+ declare const TutorialMDX: react.MemoExoticComponent<typeof TutorialMDXImpl>;
1249
+
1250
+ type CompletionDialogProps = {
1251
+ cancelLabel?: string;
1252
+ cancelShortcut?: string;
1253
+ className?: string;
1254
+ closeIcon?: ReactNode;
1255
+ confirmLabel?: string;
1256
+ confirmShortcut?: string;
1257
+ description?: ReactNode;
1258
+ isOpen: boolean;
1259
+ onCancel: () => void;
1260
+ onClose: () => void;
1261
+ onConfirm: () => void;
1262
+ title: string;
1263
+ };
1264
+ declare function CompletionDialogImpl({ cancelLabel, cancelShortcut, className, closeIcon, confirmLabel, confirmShortcut, description, isOpen, onCancel, onClose, onConfirm, title, }: CompletionDialogProps): React.ReactNode;
1265
+ declare const CompletionDialog: react.MemoExoticComponent<typeof CompletionDialogImpl>;
1266
+
1267
+ type ContentIntroSection = {
1268
+ id: string;
1269
+ title: string;
1270
+ };
1271
+ type ContentIntroLabels = {
1272
+ continueLabel?: string;
1273
+ startLabel?: string;
1274
+ tableOfContentsLabel?: string;
1275
+ };
1276
+ type ContentIntroProps = {
1277
+ /** Extra content sections (share, profile, etc.) */
1278
+ additionalContent?: ReactNode;
1279
+ /** Completed section IDs */
1280
+ completedSections: Set<string>;
1281
+ /** Estimated time to complete */
1282
+ estimatedTime: string;
1283
+ /** Is loading progress */
1284
+ isLoading?: boolean;
1285
+ /** Labels for i18n */
1286
+ labels?: ContentIntroLabels;
1287
+ /** Callback when navigating to section */
1288
+ onGoToSection: (index: number) => void;
1289
+ /** Callback when starting */
1290
+ onStart: () => void;
1291
+ /** Render function for intro content */
1292
+ renderIntroContent: () => ReactNode;
1293
+ /** Sections for TOC */
1294
+ sections: ContentIntroSection[];
1295
+ /** Intro section title */
1296
+ title: string;
1297
+ };
1298
+ declare function ContentIntroImpl({ additionalContent, completedSections, estimatedTime, isLoading, labels, onGoToSection, onStart, renderIntroContent, sections, title, }: ContentIntroProps): React.ReactNode;
1299
+ declare const ContentIntro: react.MemoExoticComponent<typeof ContentIntroImpl>;
1300
+
1301
+ type FilterOption = {
1302
+ label: string;
1303
+ value: string;
1304
+ };
1305
+ type FilterBarLabels = {
1306
+ activeFilters?: string;
1307
+ clearAll?: string;
1308
+ clearTags?: string;
1309
+ difficultyLabel?: string;
1310
+ searchLabel?: string;
1311
+ searchPlaceholder?: string;
1312
+ tagsLabel?: string;
1313
+ };
1314
+ type FilterBarProps = {
1315
+ className?: string;
1316
+ /** Current active difficulty filter */
1317
+ currentDifficulty: string;
1318
+ /** Current active tags */
1319
+ currentTags: string[];
1320
+ /** Difficulty filter options */
1321
+ difficultyOptions: readonly FilterOption[];
1322
+ /** Labels for i18n */
1323
+ labels?: FilterBarLabels;
1324
+ /** Callback when filters change */
1325
+ onFiltersChange: (filters: {
1326
+ difficulty?: string;
1327
+ search?: string;
1328
+ tags?: string[];
1329
+ }) => void;
1330
+ /** Search query */
1331
+ searchQuery: string;
1332
+ /** Available tags */
1333
+ tags: string[];
1334
+ };
1335
+ declare function FilterBarImpl({ className, currentDifficulty, currentTags, difficultyOptions, labels, onFiltersChange, searchQuery, tags, }: FilterBarProps): React.ReactNode;
1336
+ declare const FilterBar: react.MemoExoticComponent<typeof FilterBarImpl>;
1337
+
1338
+ type FloatingActionButtonProps = {
1339
+ "aria-label": string;
1340
+ children: ReactNode;
1341
+ className?: string;
1342
+ onClick: () => void;
1343
+ position?: "bottom-left" | "bottom-right";
1344
+ };
1345
+ declare function FloatingActionButtonImpl({ "aria-label": ariaLabel, children, className, onClick, position, }: FloatingActionButtonProps): React.ReactNode;
1346
+ declare const FloatingActionButton: react.MemoExoticComponent<typeof FloatingActionButtonImpl>;
1347
+
1348
+ type KeyboardShortcut = {
1349
+ description: string;
1350
+ keys: readonly string[];
1351
+ };
1352
+ type KeyboardShortcutsHelpProps = {
1353
+ className?: string;
1354
+ closeIcon?: ReactNode;
1355
+ footer?: ReactNode;
1356
+ isOpen: boolean;
1357
+ onClose: () => void;
1358
+ shortcuts: readonly KeyboardShortcut[];
1359
+ title?: string;
1360
+ };
1361
+ declare function KeyboardShortcutsHelpImpl({ className, closeIcon, footer, isOpen, onClose, shortcuts, title, }: KeyboardShortcutsHelpProps): React.ReactNode;
1362
+ declare const KeyboardShortcutsHelp: react.MemoExoticComponent<typeof KeyboardShortcutsHelpImpl>;
1363
+
1364
+ type SlideshowSection = {
1365
+ id: string;
1366
+ title: string;
1367
+ };
1368
+ type SlideshowLabels = {
1369
+ closeLabel?: string;
1370
+ closeTocLabel?: string;
1371
+ exitLabel?: string;
1372
+ finishLabel?: string;
1373
+ nextLabel?: string;
1374
+ openTocLabel?: string;
1375
+ prevLabel?: string;
1376
+ sectionsLabel?: string;
1377
+ };
1378
+ type SlideshowProps = {
1379
+ /** Completed section IDs */
1380
+ completedSections: Set<string>;
1381
+ /** Dialog labels */
1382
+ completionDialogTitle?: string;
1383
+ /** Current section index */
1384
+ currentIndex: number;
1385
+ /** Labels for i18n */
1386
+ labels?: SlideshowLabels;
1387
+ /** Callback when tutorial completes */
1388
+ onComplete: () => void;
1389
+ /** Callback to exit slideshow */
1390
+ onExit: () => void;
1391
+ /** Callback to navigate to section */
1392
+ onNavigate: (index: number) => void;
1393
+ /** Callback to toggle section completion */
1394
+ onToggleSection: (sectionId: string) => void;
1395
+ /** Render function for section content */
1396
+ renderContent: (section: SlideshowSection) => ReactNode;
1397
+ /** Sections to display */
1398
+ sections: SlideshowSection[];
1399
+ /** Tutorial title */
1400
+ title: string;
1401
+ };
1402
+ declare function SlideshowImpl({ completedSections, completionDialogTitle, currentIndex, labels, onComplete, onExit, onNavigate, onToggleSection, renderContent, sections, title, }: SlideshowProps): React.ReactNode;
1403
+ declare const Slideshow: react.MemoExoticComponent<typeof SlideshowImpl>;
1404
+
1405
+ type StepNavigationProps = {
1406
+ canNext: boolean;
1407
+ canPrev: boolean;
1408
+ className?: string;
1409
+ currentStep: number;
1410
+ nextIcon?: ReactNode;
1411
+ nextLabel?: string;
1412
+ onNext: () => void;
1413
+ onPrev: () => void;
1414
+ previousIcon?: ReactNode;
1415
+ previousLabel?: string;
1416
+ stepLabel?: string;
1417
+ totalSteps: number;
1418
+ };
1419
+ declare function StepNavigationImpl({ canNext, canPrev, className, currentStep, nextIcon, nextLabel, onNext, onPrev, previousIcon, previousLabel, stepLabel, totalSteps, }: StepNavigationProps): React.ReactNode;
1420
+ declare const StepNavigation: react.MemoExoticComponent<typeof StepNavigationImpl>;
1421
+
1422
+ type TOCSection = {
1423
+ id: string;
1424
+ title: string;
1425
+ };
1426
+ type TableOfContentsPanelProps = {
1427
+ className?: string;
1428
+ closeIcon?: ReactNode;
1429
+ completedSections: Set<string>;
1430
+ completionCount: number;
1431
+ currentSectionIndex: number;
1432
+ isOpen: boolean;
1433
+ onClose: () => void;
1434
+ onReset?: () => void;
1435
+ onSelectSection: (index: number) => void;
1436
+ progressLabel?: string;
1437
+ resetLabel?: string;
1438
+ sections: TOCSection[];
1439
+ title?: string;
1440
+ totalSections: number;
1441
+ };
1442
+ declare function TableOfContentsPanelImpl({ className, closeIcon, completedSections, completionCount, currentSectionIndex, isOpen, onClose, onReset, onSelectSection, progressLabel, resetLabel, sections, title, totalSections, }: TableOfContentsPanelProps): React.ReactNode;
1443
+ declare const TableOfContentsPanel: react.MemoExoticComponent<typeof TableOfContentsPanelImpl>;
1444
+
1445
+ type SharePlatform = {
1446
+ buildUrl: (pageUrl: string, pageTitle: string) => string;
1447
+ key: string;
1448
+ label: string;
1449
+ };
1450
+ type ShareDialogLabels = {
1451
+ copied: string;
1452
+ copyLink: string;
1453
+ };
1454
+ type ShareDialogProps = {
1455
+ /** Function to build the URL for copying (should add UTM params) */
1456
+ buildCopyUrl?: (url: string) => string;
1457
+ description?: string;
1458
+ labels?: ShareDialogLabels;
1459
+ onCopy?: () => void;
1460
+ onOpenChange?: (open: boolean) => void;
1461
+ onShare?: (platformKey: string) => void;
1462
+ open?: boolean;
1463
+ platforms: SharePlatform[];
1464
+ title?: string;
1465
+ };
1466
+ declare function ShareDialog({ buildCopyUrl, description, labels, onCopy, onOpenChange, onShare, open, platforms, title, }: ShareDialogProps): react_jsx_runtime.JSX.Element;
1467
+
1468
+ type SharePlatformConfig = {
1469
+ buildUrl: (pageUrl: string, pageTitle: string) => string;
1470
+ key: string;
1471
+ label: string;
1472
+ };
1473
+ type SocialFabActionConfig = {
1474
+ id: string;
1475
+ label: string;
1476
+ onClick: () => void;
1477
+ };
1478
+ type SocialFabLabels = {
1479
+ close: string;
1480
+ share: string;
1481
+ };
1482
+ type SocialFabProps = {
1483
+ actions: SocialFabActionConfig[];
1484
+ /** Bottom offset in pixels (default: 24) - use higher value to avoid overlapping fixed bars */
1485
+ bottomOffset?: number;
1486
+ /** Hide the FAB (e.g., when footer is visible) */
1487
+ hidden?: boolean;
1488
+ labels: SocialFabLabels;
1489
+ /** Main button text (default: ⋯) */
1490
+ mainText?: string;
1491
+ onAction?: (actionId: string) => void;
1492
+ onClose?: (trigger: string) => void;
1493
+ onOpen?: (trigger: string, device: string) => void;
1494
+ /** Right offset in pixels (default: 24) */
1495
+ rightOffset?: number;
1496
+ sharePlatforms?: SharePlatformConfig[];
1497
+ };
1498
+ declare function SocialFAB({ actions, bottomOffset, hidden, labels, mainText, onAction, onClose, onOpen, rightOffset, sharePlatforms, }: SocialFabProps): react_jsx_runtime.JSX.Element | null;
1499
+
1500
+ type UseSocialFabOptions = {
1501
+ onAction?: (actionId: string) => void;
1502
+ onClose?: (trigger: string) => void;
1503
+ onOpen?: (trigger: string, device: string) => void;
1504
+ };
1505
+ declare function useSocialFab(options?: UseSocialFabOptions): {
1506
+ close: (trigger: string) => void;
1507
+ handleMouseEnter: () => void;
1508
+ handleMouseLeave: () => void;
1509
+ handleShareHover: () => void;
1510
+ handleShareLeave: () => void;
1511
+ handleShareToggle: () => void;
1512
+ handleToggle: () => void;
1513
+ state: {
1514
+ isExpanded: boolean;
1515
+ isMobile: boolean;
1516
+ showShareMenu: boolean;
1517
+ };
1518
+ };
1519
+
1520
+ type FlowDiagramNode = {
1521
+ data: {
1522
+ description?: string;
1523
+ label: string;
1524
+ };
1525
+ } & Node;
1526
+ type FlowDiagramEdge = {
1527
+ animated?: boolean;
1528
+ } & Edge;
1529
+ type FlowDiagramProps = {
1530
+ /** Enable copy to clipboard button */
1531
+ allowCopy?: boolean;
1532
+ /** Enable fullscreen toggle button */
1533
+ allowFullscreen?: boolean;
1534
+ /** CSS class name for container */
1535
+ className?: string;
1536
+ /** Array of edges connecting nodes */
1537
+ edges: FlowDiagramEdge[];
1538
+ /** Auto-fit view on mount */
1539
+ fitView?: boolean;
1540
+ /** Options for fitView behavior */
1541
+ fitViewOptions?: FitViewOptions;
1542
+ /** Container height in pixels or CSS value */
1543
+ height?: number | string;
1544
+ /** Array of nodes to render */
1545
+ nodes: FlowDiagramNode[];
1546
+ /** Node click handler */
1547
+ onNodeClick?: (node: FlowDiagramNode) => void;
1548
+ /** Show zoom/pan/center controls */
1549
+ showControls?: boolean;
1550
+ /** Title displayed above the diagram */
1551
+ title?: string;
1552
+ };
1553
+ type FlowControlsProps = {
1554
+ /** CSS class name */
1555
+ className?: string;
1556
+ /** Current copy operation status */
1557
+ copyStatus?: CopyStatus;
1558
+ /** Callback to copy diagram as image */
1559
+ onCopy?: () => void;
1560
+ /** Callback to fit/center view */
1561
+ onFitView: () => void;
1562
+ /** Callback to toggle fullscreen */
1563
+ onFullscreen?: () => void;
1564
+ /** Callback to zoom in */
1565
+ onZoomIn: () => void;
1566
+ /** Callback to zoom out */
1567
+ onZoomOut: () => void;
1568
+ /** Show copy button */
1569
+ showCopy?: boolean;
1570
+ /** Show fullscreen button */
1571
+ showFullscreen?: boolean;
1572
+ };
1573
+ type FlowFullscreenProps = {
1574
+ /** Children to render in fullscreen */
1575
+ children: React.ReactNode;
1576
+ /** Whether fullscreen is active */
1577
+ isOpen: boolean;
1578
+ /** Callback to close fullscreen */
1579
+ onClose: () => void;
1580
+ };
1581
+ type UseFlowDiagramOptions = {
1582
+ /** Enable copy capability */
1583
+ allowCopy?: boolean;
1584
+ /** Enable fullscreen capability */
1585
+ allowFullscreen?: boolean;
1586
+ /** Initial zoom level */
1587
+ initialZoom?: number;
1588
+ };
1589
+ /** Copy operation status */
1590
+ type CopyStatus = "copying" | "error" | "idle" | "success";
1591
+ type UseFlowDiagramReturn = {
1592
+ /** Close fullscreen */
1593
+ closeFullscreen: () => void;
1594
+ /** Current copy operation status */
1595
+ copyStatus: CopyStatus;
1596
+ /** Copy diagram to clipboard as image */
1597
+ copyToClipboard: () => Promise<void>;
1598
+ /** Fit view handler */
1599
+ fitView: () => void;
1600
+ /** Whether fullscreen is active */
1601
+ isFullscreen: boolean;
1602
+ /** Toggle fullscreen */
1603
+ toggleFullscreen: () => void;
1604
+ /** Current zoom level */
1605
+ zoom: number;
1606
+ /** Zoom in handler */
1607
+ zoomIn: () => void;
1608
+ /** Zoom out handler */
1609
+ zoomOut: () => void;
1610
+ };
1611
+
1612
+ /**
1613
+ * FlowDiagram component for rendering interactive flow diagrams.
1614
+ * Uses @xyflow/react under the hood with error boundary protection.
1615
+ *
1616
+ * @example
1617
+ * ```tsx
1618
+ * <FlowDiagram
1619
+ * nodes={[
1620
+ * { id: '1', data: { label: 'Start' }, position: { x: 0, y: 0 } },
1621
+ * { id: '2', data: { label: 'End' }, position: { x: 200, y: 100 } }
1622
+ * ]}
1623
+ * edges={[{ id: 'e1-2', source: '1', target: '2' }]}
1624
+ * showControls
1625
+ * allowFullscreen
1626
+ * />
1627
+ * ```
1628
+ */
1629
+ declare const FlowDiagram: react.NamedExoticComponent<FlowDiagramProps>;
1630
+
1631
+ declare const FlowControls: react.NamedExoticComponent<FlowControlsProps>;
1632
+
1633
+ type FlowErrorBoundaryProps = {
1634
+ /** Content to render when no error */
1635
+ children: ReactNode;
1636
+ /** CSS class name for error container */
1637
+ className?: string;
1638
+ /** Fallback content when error occurs */
1639
+ fallback?: ReactNode;
1640
+ /** Container height (matches FlowDiagram height prop) */
1641
+ height?: number | string;
1642
+ /** Callback when the boundary catches an error */
1643
+ onError?: (error: Error, errorInfo: ErrorInfo) => void;
1644
+ };
1645
+ type FlowErrorBoundaryState = {
1646
+ error: Error | null;
1647
+ hasError: boolean;
1648
+ };
1649
+ /**
1650
+ * Error boundary specifically for FlowDiagram components.
1651
+ * Catches React Flow library errors and displays a friendly fallback.
1652
+ *
1653
+ * @example
1654
+ * ```tsx
1655
+ * <FlowErrorBoundary onError={(e) => console.error(e)}>
1656
+ * <FlowDiagram nodes={nodes} edges={edges} />
1657
+ * </FlowErrorBoundary>
1658
+ * ```
1659
+ */
1660
+ declare class FlowErrorBoundary extends Component<FlowErrorBoundaryProps, FlowErrorBoundaryState> {
1661
+ constructor(props: FlowErrorBoundaryProps);
1662
+ static getDerivedStateFromError(error: Error): FlowErrorBoundaryState;
1663
+ componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
1664
+ handleRetry: () => void;
1665
+ render(): ReactNode;
1666
+ }
1667
+
1668
+ declare const FlowFullscreen: react.NamedExoticComponent<FlowFullscreenProps>;
1669
+
1670
+ /**
1671
+ * Hook for controlling FlowDiagram behavior.
1672
+ * Provides zoom, fullscreen, and copy-to-clipboard functionality.
1673
+ *
1674
+ * @example
1675
+ * ```tsx
1676
+ * function MyFlowControls() {
1677
+ * const { zoomIn, zoomOut, copyToClipboard, copyStatus } = useFlowDiagram()
1678
+ *
1679
+ * return (
1680
+ * <>
1681
+ * <button onClick={zoomIn}>+</button>
1682
+ * <button onClick={zoomOut}>-</button>
1683
+ * <button onClick={copyToClipboard} disabled={copyStatus === 'copying'}>
1684
+ * {copyStatus === 'copying' ? 'Copying...' : 'Copy'}
1685
+ * </button>
1686
+ * </>
1687
+ * )
1688
+ * }
1689
+ * ```
1690
+ */
1691
+ declare function useFlowDiagram(options?: UseFlowDiagramOptions): UseFlowDiagramReturn;
1692
+
1693
+ type InlineInputProps = {
1694
+ className?: string;
1695
+ /** Called when user presses Escape or blurs without changes. */
1696
+ onCancel?: () => void;
1697
+ /** Called when the input value changes. */
1698
+ onChange: (value: string) => void;
1699
+ /** Called when user presses Enter or blurs with changes. */
1700
+ onCommit: (value: string) => void;
1701
+ /** Current input value. */
1702
+ value: string;
1703
+ };
1704
+ /**
1705
+ * Inline input for editing text with keyboard support.
1706
+ * - Enter: commits the value
1707
+ * - Escape: cancels editing
1708
+ * - Blur: commits the value
1709
+ */
1710
+ declare function InlineInput({ className, onCancel, onChange, onCommit, value, }: InlineInputProps): react_jsx_runtime.JSX.Element;
1711
+
1712
+ /** Model information for the selector. */
1713
+ type ModelInfo = {
1714
+ description?: string;
1715
+ id: string;
1716
+ name: string;
1717
+ pricing?: {
1718
+ input?: number;
1719
+ output?: number;
1720
+ };
1721
+ };
1722
+ type ModelSelectorProps = {
1723
+ models: ModelInfo[];
1724
+ onOpenChange: (open: boolean) => void;
1725
+ onSelectModel: (modelId: string) => void;
1726
+ open: boolean;
1727
+ selectedModelId: string;
1728
+ };
1729
+ /** Model selector dialog with search, filtering, and sorting. */
1730
+ declare function ModelSelector(props: ModelSelectorProps): react_jsx_runtime.JSX.Element;
1731
+
1732
+ type SidebarToggleProps = {
1733
+ className?: string;
1734
+ /** Called when user clicks the toggle. */
1735
+ onToggle: () => void;
1736
+ /** Whether the sidebar is open. */
1737
+ open: boolean;
1738
+ };
1739
+ /** Responsive sidebar toggle button that shows Menu/X icons based on state. */
1740
+ declare function SidebarToggle({ className, onToggle, open, }: SidebarToggleProps): react_jsx_runtime.JSX.Element;
1741
+
1742
+ type ThinkingBlockProps = {
1743
+ className?: string;
1744
+ /** Whether the content is still streaming. */
1745
+ isStreaming?: boolean;
1746
+ /** The thinking text content to display. */
1747
+ thinking: string;
1748
+ };
1749
+ /** Collapsible thinking block with streaming support. */
1750
+ declare function ThinkingBlock({ className, isStreaming, thinking, }: ThinkingBlockProps): react_jsx_runtime.JSX.Element;
1751
+
1752
+ /**
1753
+ * Difficulty levels for educational content
1754
+ */
1755
+ type DifficultyLevel = "advanced" | "beginner" | "intermediate";
1756
+ /**
1757
+ * Generic content section extracted from MDX/Markdown
1758
+ * Used for tutorials, guides, documentation, etc.
1759
+ */
1760
+ type ContentSection = {
1761
+ /** Raw markdown/MDX content for this section */
1762
+ content: string;
1763
+ /** First paragraph excerpt for previews */
1764
+ description: string;
1765
+ /** Line number where section ends (for source mapping) */
1766
+ endLine: number;
1767
+ /** URL-safe slug identifier */
1768
+ id: string;
1769
+ /** 0-based position in content */
1770
+ index: number;
1771
+ /** Line number where section starts (for source mapping) */
1772
+ startLine: number;
1773
+ /** Section heading text */
1774
+ title: string;
1775
+ };
1776
+ /**
1777
+ * Minimal section for UI components (no source mapping)
1778
+ */
1779
+ type ContentSectionMinimal = {
1780
+ id: string;
1781
+ title: string;
1782
+ };
1783
+ /**
1784
+ * Progress tracking for content sections
1785
+ */
1786
+ type ContentProgress = {
1787
+ completedCount: number;
1788
+ totalSections: number;
1789
+ };
1790
+ /**
1791
+ * Generic content metadata for cards/listings
1792
+ */
1793
+ type ContentMeta = {
1794
+ /** Cross-language content identifier */
1795
+ contentId: string;
1796
+ /** Publication date (ISO format) */
1797
+ date: string;
1798
+ /** Short description */
1799
+ description: string;
1800
+ /** Difficulty level */
1801
+ difficulty: DifficultyLevel;
1802
+ /** Estimated completion time (e.g., "45 min") */
1803
+ estimatedTime: string;
1804
+ /** Optional excerpt */
1805
+ excerpt?: string;
1806
+ /** Number of sections */
1807
+ sectionCount: number;
1808
+ /** URL slug */
1809
+ slug: string;
1810
+ /** Content tags */
1811
+ tags: string[];
1812
+ /** Content title */
1813
+ title: string;
1814
+ };
1815
+ /**
1816
+ * Full content with sections
1817
+ */
1818
+ type Content<TSection extends ContentSectionMinimal = ContentSection> = ContentMeta & {
1819
+ /** Full MDX/Markdown content */
1820
+ content: string;
1821
+ /** Extracted sections */
1822
+ sections: TSection[];
1823
+ };
1824
+
1825
+ /**
1826
+ * Custom hook for debouncing a value
1827
+ * @param value - The value to debounce
1828
+ * @param delay - Delay in milliseconds (default: 300ms)
1829
+ * @returns Debounced value
1830
+ */
1831
+ declare function useDebounce<T>(value: T, delay?: number): T;
1832
+
1833
+ declare function cn(...inputs: ClassValue[]): string;
1834
+
1835
+ export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BarChart, BeforeAfter, type BeforeAfterProps, BlogCard, Breadcrumb, type BreadcrumbItem, Button, type ButtonProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilter, Checkbox, Checklist, type ChecklistItem, type ChecklistProps, CodeBlock, CodePlayground, type CodePlaygroundProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommonMistake, type CommonMistakeProps, Comparison, type ComparisonProps, CompletionDialog, type CompletionDialogProps, Content, ContentCard, ContentIntro, type ContentIntroLabels, type ContentIntroProps, type ContentIntroSection, type ContentMeta, type ContentProgress, type ContentSection, type ContentSectionMinimal, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CookieConsent, type CookieConsentProps, type CopyStatus, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DifficultyLevel, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Exercise, type ExerciseProps, FAQ, FAQItem, type FAQItemProps, type FAQProps, FileTree, type FileTreeProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterOption, type FilterUpdates, FloatingActionButton, type FloatingActionButtonProps, FlowControls, type FlowControlsProps, FlowDiagram, type FlowDiagramEdge, type FlowDiagramNode, type FlowDiagramProps, FlowErrorBoundary, FlowFullscreen, type FlowFullscreenProps, Glossary, type GlossaryProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, type InlineInputProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KeyConcept, type KeyConceptProps, type KeyboardShortcut, KeyboardShortcutsHelp, type KeyboardShortcutsHelpProps, LANGUAGE_NAMES, Label, LangProvider, LearningObjectives, type LearningObjectivesProps, LineChart, MDXContent, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type ModelInfo, ModelSelector, type ModelSelectorProps, type NavItem, NavbarSaas, type NavbarSaasProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, type PaginationProps, type PlatformConfig, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Prerequisites, type PrerequisitesProps, ProTip, type ProTipProps, type ProTipVariant, ProfileSection, ProgressBar, type ProgressBarProps, Quiz, type QuizOption, type QuizProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchBar, SearchDialog, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShareDialog, type ShareDialogLabels, type SharePlatform as ShareDialogPlatform, type ShareDialogProps, type SharePlatform$1 as SharePlatform, type SharePlatformConfig, ShareSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarItem, SidebarProvider, type SidebarSection, SidebarToggle, type SidebarToggleProps, SimpleTerminal, type SimpleTerminalProps, Skeleton, Slider, Slideshow, type SlideshowLabels, type SlideshowProps, type SlideshowSection, SocialFAB, type SocialFabActionConfig, type SocialFabLabels, type SocialFabProps, Spinner, type SpinnerProps, Step, StepByStep, type StepByStepProps, StepNavigation, type StepNavigationProps, type StepProps, Summary, type SummaryProps, Switch, TLDRSection, type TOCSection, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableOfContentsPanel, type TableOfContentsPanelProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Terminal, type TerminalLine, type TerminalProps, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, ThinkingBlock, type ThinkingBlockProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextProps, TutorialCard, type TutorialCardLabels, type TutorialCardMeta, type TutorialCardProgress, type TutorialCardProps, TutorialComplete, type TutorialCompleteLabels, type TutorialCompleteProps, type TutorialCompleteRelatedContent, type TutorialCompleteSection, TutorialFilters, type TutorialFiltersLabels, type TutorialFiltersProps, TutorialIntroContent, type TutorialIntroContentProps, TutorialMDX, type TutorialMDXProps, type SupportedLanguage as UISupportedLanguage, type UseFlowDiagramOptions, type UseFlowDiagramReturn, VideoEmbed, type VideoEmbedProps, alertVariants, badgeVariants, buttonVariants, cn, cookieConsentVariants, getOtherLanguage, mdxComponents, navigationMenuTriggerStyle, toggleVariants, useDebounce, useFlowDiagram, useMobile, useSidebar, useSocialFab };