@carefully-built/ui 0.1.15

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.
@@ -0,0 +1,1351 @@
1
+ import * as React$1 from "react";
2
+ import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from "react";
3
+ import { Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, Popover as Popover$1, Select as Select$1, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from "radix-ui";
4
+ import { ClassValue } from "clsx";
5
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
6
+ import { VariantProps } from "class-variance-authority";
7
+ import { LucideIcon } from "lucide-react";
8
+ import { DayPicker } from "react-day-picker";
9
+ import { Drawer as Drawer$1 } from "vaul";
10
+ import * as class_variance_authority_types0 from "class-variance-authority/types";
11
+
12
+ //#region src/primitives/avatar.d.ts
13
+ declare function Avatar({
14
+ className,
15
+ size,
16
+ ...props
17
+ }: React$1.ComponentProps<typeof Avatar$1.Root> & {
18
+ size?: "default" | "sm" | "lg";
19
+ }): react_jsx_runtime0.JSX.Element;
20
+ declare function AvatarImage({
21
+ className,
22
+ ...props
23
+ }: React$1.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime0.JSX.Element;
24
+ declare function AvatarFallback({
25
+ className,
26
+ ...props
27
+ }: React$1.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime0.JSX.Element;
28
+ //#endregion
29
+ //#region src/primitives/button.d.ts
30
+ declare const buttonVariants: (props?: ({
31
+ variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
32
+ size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
33
+ } & class_variance_authority_types0.ClassProp) | undefined) => string;
34
+ type ButtonVariant = "default" | "outline" | "secondary" | "ghost" | "destructive" | "link";
35
+ type ButtonSize = "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
36
+ interface ButtonProps extends React$1.ComponentProps<"button"> {
37
+ readonly asChild?: boolean;
38
+ readonly size?: ButtonSize;
39
+ readonly variant?: ButtonVariant;
40
+ }
41
+ declare function Button({
42
+ className,
43
+ variant,
44
+ size,
45
+ asChild,
46
+ ...props
47
+ }: ButtonProps): react_jsx_runtime0.JSX.Element;
48
+ //#endregion
49
+ //#region src/primitives/calendar.d.ts
50
+ declare function Calendar({
51
+ className,
52
+ classNames,
53
+ showOutsideDays,
54
+ ...props
55
+ }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime0.JSX.Element;
56
+ //#endregion
57
+ //#region src/primitives/card.d.ts
58
+ declare function Card({
59
+ className,
60
+ size,
61
+ ...props
62
+ }: React$1.ComponentProps<"div"> & {
63
+ size?: "default" | "sm";
64
+ }): react_jsx_runtime0.JSX.Element;
65
+ declare function CardHeader({
66
+ className,
67
+ ...props
68
+ }: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
69
+ declare function CardTitle({
70
+ className,
71
+ ...props
72
+ }: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
73
+ declare function CardDescription({
74
+ className,
75
+ ...props
76
+ }: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
77
+ declare function CardContent({
78
+ className,
79
+ ...props
80
+ }: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
81
+ declare function CardFooter({
82
+ className,
83
+ ...props
84
+ }: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
85
+ //#endregion
86
+ //#region src/primitives/chip-utils.d.ts
87
+ declare const CHIP_CLASS_NAMES: {
88
+ readonly default: "inline-flex w-fit max-w-full flex-none items-center gap-1 rounded-md px-1.5 py-[2px] text-xs font-medium leading-4";
89
+ readonly compact: "inline-flex w-fit max-w-full flex-none items-center gap-1 rounded-[4px] px-1.5 py-px text-[10px] font-medium leading-3";
90
+ };
91
+ type ChipSize = keyof typeof CHIP_CLASS_NAMES;
92
+ declare function getChipClassName(size?: ChipSize): string;
93
+ //#endregion
94
+ //#region src/primitives/chip.d.ts
95
+ interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
96
+ readonly children: ReactNode;
97
+ readonly leading?: ReactNode;
98
+ readonly trailing?: ReactNode;
99
+ readonly size?: ChipSize;
100
+ }
101
+ declare function Chip({
102
+ children,
103
+ className,
104
+ leading,
105
+ size,
106
+ trailing,
107
+ ...props
108
+ }: ChipProps): React.ReactElement;
109
+ interface ChipButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
110
+ readonly children: ReactNode;
111
+ readonly leading?: ReactNode;
112
+ readonly trailing?: ReactNode;
113
+ readonly selected?: boolean;
114
+ readonly size?: ChipSize;
115
+ }
116
+ declare function ChipButton({
117
+ children,
118
+ className,
119
+ leading,
120
+ selected,
121
+ size,
122
+ trailing,
123
+ ...props
124
+ }: ChipButtonProps): React.ReactElement;
125
+ //#endregion
126
+ //#region src/primitives/dialog.d.ts
127
+ declare function Dialog({
128
+ ...props
129
+ }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime0.JSX.Element;
130
+ declare function DialogTrigger({
131
+ ...props
132
+ }: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime0.JSX.Element;
133
+ declare function DialogPortal({
134
+ ...props
135
+ }: React$1.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime0.JSX.Element;
136
+ declare function DialogOverlay({
137
+ className,
138
+ ...props
139
+ }: React$1.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime0.JSX.Element;
140
+ declare function DialogContent({
141
+ className,
142
+ children,
143
+ showCloseButton,
144
+ ...props
145
+ }: React$1.ComponentProps<typeof Dialog$1.Content> & {
146
+ showCloseButton?: boolean;
147
+ }): react_jsx_runtime0.JSX.Element;
148
+ declare function DialogHeader({
149
+ className,
150
+ ...props
151
+ }: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
152
+ declare function DialogFooter({
153
+ className,
154
+ showCloseButton,
155
+ children,
156
+ ...props
157
+ }: React$1.ComponentProps<"div"> & {
158
+ showCloseButton?: boolean;
159
+ }): react_jsx_runtime0.JSX.Element;
160
+ declare function DialogTitle({
161
+ className,
162
+ ...props
163
+ }: React$1.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime0.JSX.Element;
164
+ declare function DialogDescription({
165
+ className,
166
+ ...props
167
+ }: React$1.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime0.JSX.Element;
168
+ //#endregion
169
+ //#region src/primitives/dropdown-menu.d.ts
170
+ declare function DropdownMenu({
171
+ modal,
172
+ ...props
173
+ }: React$1.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime0.JSX.Element;
174
+ declare function DropdownMenuTrigger({
175
+ ...props
176
+ }: React$1.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime0.JSX.Element;
177
+ declare function DropdownMenuContent({
178
+ className,
179
+ align,
180
+ sideOffset,
181
+ ...props
182
+ }: React$1.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime0.JSX.Element;
183
+ declare function DropdownMenuItem({
184
+ className,
185
+ inset,
186
+ variant,
187
+ ...props
188
+ }: React$1.ComponentProps<typeof DropdownMenu$1.Item> & {
189
+ inset?: boolean;
190
+ variant?: "default" | "destructive";
191
+ }): react_jsx_runtime0.JSX.Element;
192
+ declare function DropdownMenuCheckboxItem({
193
+ className,
194
+ children,
195
+ checked,
196
+ inset,
197
+ ...props
198
+ }: React$1.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
199
+ inset?: boolean;
200
+ }): react_jsx_runtime0.JSX.Element;
201
+ declare function DropdownMenuLabel({
202
+ className,
203
+ inset,
204
+ ...props
205
+ }: React$1.ComponentProps<typeof DropdownMenu$1.Label> & {
206
+ inset?: boolean;
207
+ }): react_jsx_runtime0.JSX.Element;
208
+ declare function DropdownMenuSeparator({
209
+ className,
210
+ ...props
211
+ }: React$1.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime0.JSX.Element;
212
+ //#endregion
213
+ //#region src/primitives/drawer.d.ts
214
+ declare function Drawer({
215
+ ...props
216
+ }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime0.JSX.Element;
217
+ declare function DrawerPortal({
218
+ ...props
219
+ }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime0.JSX.Element;
220
+ declare function DrawerOverlay({
221
+ className,
222
+ ...props
223
+ }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime0.JSX.Element;
224
+ declare function DrawerContent({
225
+ className,
226
+ children,
227
+ ...props
228
+ }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime0.JSX.Element;
229
+ declare function DrawerHeader({
230
+ className,
231
+ ...props
232
+ }: React$1.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
233
+ declare function DrawerTitle({
234
+ className,
235
+ ...props
236
+ }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime0.JSX.Element;
237
+ declare function DrawerDescription({
238
+ className,
239
+ ...props
240
+ }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime0.JSX.Element;
241
+ //#endregion
242
+ //#region src/utils/date-display.d.ts
243
+ type DateDisplayValue = Date | number | string;
244
+ interface DateDisplayLabels {
245
+ readonly today: string;
246
+ readonly yesterday: string;
247
+ readonly daysAgo: (dayCount: number) => string;
248
+ }
249
+ interface DateDisplayFormatOptions {
250
+ readonly locale?: string;
251
+ readonly labels?: Partial<DateDisplayLabels>;
252
+ }
253
+ declare function formatAbsoluteDate(value: DateDisplayValue, options?: DateDisplayFormatOptions): string;
254
+ declare function formatDisplayDate(value: DateDisplayValue, options?: DateDisplayFormatOptions): string;
255
+ //#endregion
256
+ //#region src/primitives/display-date.d.ts
257
+ interface DisplayDateProps {
258
+ readonly value: DateDisplayValue;
259
+ readonly formatOptions?: DateDisplayFormatOptions;
260
+ readonly className?: string;
261
+ }
262
+ declare function DisplayDate({
263
+ value,
264
+ formatOptions,
265
+ className
266
+ }: DisplayDateProps): React.ReactElement;
267
+ //#endregion
268
+ //#region src/primitives/field-detail-row.d.ts
269
+ interface FieldDetailRowProps {
270
+ readonly icon: LucideIcon;
271
+ readonly label: string;
272
+ readonly value: ReactNode;
273
+ readonly labelColumnClassName?: string;
274
+ }
275
+ declare function FieldDetailRow({
276
+ icon: Icon,
277
+ label,
278
+ value,
279
+ labelColumnClassName
280
+ }: FieldDetailRowProps): React.ReactElement;
281
+ //#endregion
282
+ //#region src/primitives/file-dropzone.d.ts
283
+ interface FileDropzoneProps {
284
+ readonly accept?: string;
285
+ readonly browseLabel?: string;
286
+ readonly browseButtonClassName?: string;
287
+ readonly className?: string;
288
+ readonly currentPreviewUrl?: string | null;
289
+ readonly disabled?: boolean;
290
+ readonly emptyIcon?: React.ReactNode;
291
+ readonly helperText?: string;
292
+ readonly footerText?: string | null;
293
+ readonly inputClassName?: string;
294
+ readonly multiple?: boolean;
295
+ readonly onFileSelect: (file: File) => void;
296
+ readonly onFilesSelect?: (files: File[]) => void;
297
+ readonly onRemove?: () => void;
298
+ readonly previewAlt: string;
299
+ readonly title?: string;
300
+ }
301
+ declare function FileDropzone({
302
+ accept,
303
+ browseLabel,
304
+ browseButtonClassName,
305
+ className,
306
+ currentPreviewUrl,
307
+ disabled,
308
+ emptyIcon,
309
+ helperText,
310
+ footerText,
311
+ inputClassName,
312
+ multiple,
313
+ onFileSelect,
314
+ onFilesSelect,
315
+ onRemove,
316
+ previewAlt,
317
+ title
318
+ }: FileDropzoneProps): React.ReactElement;
319
+ //#endregion
320
+ //#region src/primitives/help-info-button.d.ts
321
+ interface HelpInfoButtonProps {
322
+ readonly ariaLabel: string;
323
+ readonly tooltip: ReactNode;
324
+ readonly title: ReactNode;
325
+ readonly description?: ReactNode;
326
+ readonly children: ReactNode;
327
+ readonly width?: number;
328
+ }
329
+ declare function HelpInfoButton({
330
+ ariaLabel,
331
+ tooltip,
332
+ title,
333
+ description,
334
+ children,
335
+ width
336
+ }: HelpInfoButtonProps): React.ReactElement;
337
+ //#endregion
338
+ //#region src/primitives/input.d.ts
339
+ declare function Input({
340
+ className,
341
+ type,
342
+ ...props
343
+ }: React$1.ComponentProps<'input'>): react_jsx_runtime0.JSX.Element;
344
+ //#endregion
345
+ //#region src/primitives/keyboard-shortcut-hint.d.ts
346
+ declare function KeyboardKeycap({
347
+ children,
348
+ className
349
+ }: {
350
+ readonly children: ReactNode;
351
+ readonly className?: string;
352
+ }): React.ReactElement;
353
+ declare function ShortcutModifierKeycap({
354
+ modifierLabel,
355
+ className
356
+ }: {
357
+ readonly modifierLabel: string;
358
+ readonly className?: string;
359
+ }): React.ReactElement;
360
+ //#endregion
361
+ //#region src/primitives/label.d.ts
362
+ declare function Label({
363
+ className,
364
+ ...props
365
+ }: React$1.ComponentProps<typeof Label$1.Root>): react_jsx_runtime0.JSX.Element;
366
+ //#endregion
367
+ //#region src/primitives/pagination.d.ts
368
+ interface PaginationProps {
369
+ /** Current page (1-indexed) */
370
+ currentPage: number;
371
+ /** Total number of pages */
372
+ totalPages: number;
373
+ /** Total number of items */
374
+ totalItems: number;
375
+ /** Items per page */
376
+ pageSize: number;
377
+ /** Start index of current page items (1-indexed for display) */
378
+ startIndex: number;
379
+ /** End index of current page items */
380
+ endIndex: number;
381
+ /** Go to specific page */
382
+ onPageChange: (page: number) => void;
383
+ /** Optional: page size options */
384
+ pageSizeOptions?: number[];
385
+ /** Optional: callback when page size changes */
386
+ onPageSizeChange?: (size: number) => void;
387
+ /** Optional: custom className */
388
+ className?: string;
389
+ }
390
+ declare function Pagination({
391
+ currentPage,
392
+ totalPages,
393
+ totalItems,
394
+ pageSize,
395
+ startIndex,
396
+ endIndex,
397
+ onPageChange,
398
+ pageSizeOptions,
399
+ onPageSizeChange,
400
+ className
401
+ }: PaginationProps): React.ReactElement | null;
402
+ //#endregion
403
+ //#region src/primitives/popover.d.ts
404
+ declare function Popover({
405
+ ...props
406
+ }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime0.JSX.Element;
407
+ declare function PopoverTrigger({
408
+ ...props
409
+ }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime0.JSX.Element;
410
+ declare function PopoverContent({
411
+ className,
412
+ align,
413
+ sideOffset,
414
+ ...props
415
+ }: React$1.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime0.JSX.Element;
416
+ //#endregion
417
+ //#region src/primitives/scroll-fade-area.d.ts
418
+ type ScrollFadeOrientation = 'horizontal' | 'vertical';
419
+ interface ScrollFadeAreaProps extends React$1.ComponentProps<'div'> {
420
+ readonly fadeSize?: number;
421
+ readonly orientation?: ScrollFadeOrientation;
422
+ readonly scrollbarVisibility?: 'hidden' | 'section-hover';
423
+ readonly viewportClassName?: string;
424
+ }
425
+ declare function ScrollFadeArea({
426
+ children,
427
+ className,
428
+ fadeSize,
429
+ onPointerEnter,
430
+ onPointerLeave,
431
+ onScroll,
432
+ orientation,
433
+ scrollbarVisibility,
434
+ style,
435
+ viewportClassName,
436
+ ...props
437
+ }: ScrollFadeAreaProps): React$1.ReactElement;
438
+ //#endregion
439
+ //#region src/primitives/segmented-toggle.d.ts
440
+ interface SegmentedToggleOption<TValue extends string> {
441
+ readonly value: TValue;
442
+ readonly label: string;
443
+ readonly icon?: ReactNode;
444
+ }
445
+ interface SegmentedToggleProps<TValue extends string> {
446
+ readonly value: TValue;
447
+ readonly onChange: (value: TValue) => void;
448
+ readonly options: readonly SegmentedToggleOption<TValue>[];
449
+ readonly disabled?: boolean;
450
+ readonly className?: string;
451
+ readonly variant?: 'default' | 'primary';
452
+ readonly scrollable?: boolean;
453
+ }
454
+ declare function SegmentedToggle<TValue extends string>({
455
+ value,
456
+ onChange,
457
+ options,
458
+ disabled,
459
+ className,
460
+ variant,
461
+ scrollable
462
+ }: SegmentedToggleProps<TValue>): React.ReactElement;
463
+ //#endregion
464
+ //#region src/primitives/select.d.ts
465
+ declare function Select({
466
+ ...props
467
+ }: React$1.ComponentProps<typeof Select$1.Root>): react_jsx_runtime0.JSX.Element;
468
+ declare function SelectValue({
469
+ ...props
470
+ }: React$1.ComponentProps<typeof Select$1.Value>): react_jsx_runtime0.JSX.Element;
471
+ declare function SelectTrigger({
472
+ className,
473
+ size,
474
+ children,
475
+ ...props
476
+ }: React$1.ComponentProps<typeof Select$1.Trigger> & {
477
+ size?: "sm" | "default";
478
+ }): react_jsx_runtime0.JSX.Element;
479
+ declare function SelectContent({
480
+ className,
481
+ children,
482
+ position,
483
+ align,
484
+ ...props
485
+ }: React$1.ComponentProps<typeof Select$1.Content>): react_jsx_runtime0.JSX.Element;
486
+ declare function SelectItem({
487
+ className,
488
+ children,
489
+ ...props
490
+ }: React$1.ComponentProps<typeof Select$1.Item>): react_jsx_runtime0.JSX.Element;
491
+ declare function SelectScrollUpButton({
492
+ className,
493
+ ...props
494
+ }: React$1.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime0.JSX.Element;
495
+ declare function SelectScrollDownButton({
496
+ className,
497
+ ...props
498
+ }: React$1.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime0.JSX.Element;
499
+ //#endregion
500
+ //#region src/primitives/sheet.d.ts
501
+ declare function Sheet({
502
+ ...props
503
+ }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime0.JSX.Element;
504
+ declare function SheetContent({
505
+ className,
506
+ children,
507
+ side,
508
+ showCloseButton,
509
+ ...props
510
+ }: React$1.ComponentProps<typeof Dialog$1.Content> & {
511
+ side?: 'top' | 'right' | 'bottom' | 'left';
512
+ showCloseButton?: boolean;
513
+ }): react_jsx_runtime0.JSX.Element;
514
+ declare function SheetHeader({
515
+ className,
516
+ ...props
517
+ }: React$1.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
518
+ declare function SheetTitle({
519
+ className,
520
+ ...props
521
+ }: React$1.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime0.JSX.Element;
522
+ declare function SheetDescription({
523
+ className,
524
+ ...props
525
+ }: React$1.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime0.JSX.Element;
526
+ //#endregion
527
+ //#region src/primitives/skeleton.d.ts
528
+ declare function Skeleton({
529
+ className,
530
+ ...props
531
+ }: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
532
+ //#endregion
533
+ //#region src/primitives/switch.d.ts
534
+ declare function Switch({
535
+ className,
536
+ ...props
537
+ }: React$1.ComponentProps<typeof Switch$1.Root>): react_jsx_runtime0.JSX.Element;
538
+ //#endregion
539
+ //#region src/primitives/table.d.ts
540
+ declare function Table({
541
+ className,
542
+ ...props
543
+ }: React$1.ComponentProps<'table'>): react_jsx_runtime0.JSX.Element;
544
+ declare function TableHeader({
545
+ className,
546
+ ...props
547
+ }: React$1.ComponentProps<'thead'>): react_jsx_runtime0.JSX.Element;
548
+ declare function TableBody({
549
+ className,
550
+ ...props
551
+ }: React$1.ComponentProps<'tbody'>): react_jsx_runtime0.JSX.Element;
552
+ declare function TableFooter({
553
+ className,
554
+ ...props
555
+ }: React$1.ComponentProps<'tfoot'>): react_jsx_runtime0.JSX.Element;
556
+ declare function TableRow({
557
+ className,
558
+ ...props
559
+ }: React$1.ComponentProps<'tr'>): react_jsx_runtime0.JSX.Element;
560
+ declare function TableHead({
561
+ className,
562
+ ...props
563
+ }: React$1.ComponentProps<'th'>): react_jsx_runtime0.JSX.Element;
564
+ declare function TableCell({
565
+ className,
566
+ ...props
567
+ }: React$1.ComponentProps<'td'>): react_jsx_runtime0.JSX.Element;
568
+ declare function TableCaption({
569
+ className,
570
+ ...props
571
+ }: React$1.ComponentProps<'caption'>): react_jsx_runtime0.JSX.Element;
572
+ //#endregion
573
+ //#region src/primitives/tabs.d.ts
574
+ declare function Tabs({
575
+ className,
576
+ orientation,
577
+ ...props
578
+ }: React$1.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime0.JSX.Element;
579
+ declare const tabsListVariants: (props?: ({
580
+ variant?: "default" | "line" | null | undefined;
581
+ } & class_variance_authority_types0.ClassProp) | undefined) => string;
582
+ declare function TabsList({
583
+ className,
584
+ variant,
585
+ ...props
586
+ }: React$1.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime0.JSX.Element;
587
+ declare function TabsScrollArea({
588
+ className,
589
+ viewportClassName,
590
+ ...props
591
+ }: React$1.ComponentProps<typeof ScrollFadeArea>): react_jsx_runtime0.JSX.Element;
592
+ declare function TabsTrigger({
593
+ className,
594
+ ...props
595
+ }: React$1.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime0.JSX.Element;
596
+ declare function TabsContent({
597
+ className,
598
+ ...props
599
+ }: React$1.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime0.JSX.Element;
600
+ //#endregion
601
+ //#region src/primitives/textarea.d.ts
602
+ declare function Textarea({
603
+ className,
604
+ ...props
605
+ }: React$1.ComponentProps<'textarea'>): react_jsx_runtime0.JSX.Element;
606
+ //#endregion
607
+ //#region src/primitives/tooltip.d.ts
608
+ declare function TooltipProvider({
609
+ delayDuration,
610
+ ...props
611
+ }: React$1.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime0.JSX.Element;
612
+ declare function Tooltip({
613
+ ...props
614
+ }: React$1.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime0.JSX.Element;
615
+ declare function TooltipTrigger({
616
+ ...props
617
+ }: React$1.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime0.JSX.Element;
618
+ declare function TooltipContent({
619
+ className,
620
+ sideOffset,
621
+ children,
622
+ ...props
623
+ }: React$1.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime0.JSX.Element;
624
+ //#endregion
625
+ //#region src/primitives/user-picker-utils.d.ts
626
+ interface UserPickerOption {
627
+ readonly value: string;
628
+ readonly label?: string | null;
629
+ readonly email?: string | null;
630
+ readonly imageUrl?: string | null;
631
+ readonly archived?: boolean;
632
+ readonly searchText?: string;
633
+ }
634
+ interface UserPickerCopy {
635
+ readonly fallbackName?: string;
636
+ readonly singlePlaceholder?: string;
637
+ readonly multiplePlaceholder?: string;
638
+ readonly searchPlaceholder?: string;
639
+ readonly emptyMessage?: string;
640
+ readonly selectedSingleLabel?: string;
641
+ readonly selectedPluralLabel?: string;
642
+ readonly formatSelectedCount?: (count: number) => string;
643
+ }
644
+ declare function formatUserDisplayName(user: UserPickerOption, fallbackName?: string): string;
645
+ declare function formatSelectedUserSummary(selectedUsers: readonly UserPickerOption[], copy?: UserPickerCopy): string;
646
+ declare function buildUserInitials(user: UserPickerOption, fallbackName?: string): string;
647
+ declare function filterSelectableUsers(users: readonly UserPickerOption[], selectedValues: readonly string[]): UserPickerOption[];
648
+ declare function filterUsersBySearch(users: readonly UserPickerOption[], search: string, fallbackName?: string): UserPickerOption[];
649
+ declare function toggleUserSelection(selectedValues: readonly string[], toggledValue: string): string[];
650
+ //#endregion
651
+ //#region src/primitives/user-picker.d.ts
652
+ interface BaseUserPickerProps {
653
+ readonly options: readonly UserPickerOption[];
654
+ readonly placeholder?: string;
655
+ readonly searchPlaceholder?: string;
656
+ readonly emptyMessage?: string;
657
+ readonly disabled?: boolean;
658
+ readonly className?: string;
659
+ readonly triggerClassName?: string;
660
+ readonly copy?: UserPickerCopy;
661
+ }
662
+ interface SingleUserPickerProps extends BaseUserPickerProps {
663
+ readonly mode: 'single';
664
+ readonly value?: string;
665
+ readonly onValueChange: (value: string | undefined) => void;
666
+ }
667
+ interface MultipleUserPickerProps extends BaseUserPickerProps {
668
+ readonly mode: 'multiple';
669
+ readonly value: readonly string[];
670
+ readonly onValueChange: (value: string[]) => void;
671
+ }
672
+ type UserPickerProps = SingleUserPickerProps | MultipleUserPickerProps;
673
+ declare function UserPicker(props: UserPickerProps): React.ReactElement;
674
+ //#endregion
675
+ //#region src/overlays/responsive-sheet.d.ts
676
+ interface SheetOutsideInteractionGuard {
677
+ readonly selectors: readonly string[];
678
+ }
679
+ interface ResponsiveSheetClassNames {
680
+ readonly desktopContent?: string;
681
+ readonly mobileContent?: string;
682
+ readonly header?: string;
683
+ readonly body?: string;
684
+ readonly footer?: string;
685
+ readonly title?: string;
686
+ readonly description?: string;
687
+ }
688
+ interface ResponsiveSheetProps {
689
+ readonly open: boolean;
690
+ readonly onOpenChange: (open: boolean) => void;
691
+ readonly title: ReactNode;
692
+ readonly description?: ReactNode;
693
+ readonly children: ReactNode;
694
+ readonly footer?: ReactNode;
695
+ readonly onCancel?: () => void;
696
+ readonly cancelLabel?: ReactNode;
697
+ readonly onConfirm?: () => void;
698
+ readonly confirmLabel?: ReactNode;
699
+ readonly confirmDisabled?: boolean;
700
+ readonly confirmLoading?: boolean;
701
+ readonly width?: number;
702
+ readonly modal?: boolean;
703
+ readonly outsideInteractionGuard?: SheetOutsideInteractionGuard;
704
+ readonly enableDesktopConfirmShortcut?: boolean;
705
+ readonly mobileDrawerContentClassName?: string;
706
+ readonly className?: string;
707
+ readonly contentClassName?: string;
708
+ readonly footerClassName?: string;
709
+ readonly classes?: ResponsiveSheetClassNames;
710
+ }
711
+ declare function ResponsiveSheet({
712
+ open,
713
+ onOpenChange,
714
+ title,
715
+ description,
716
+ children,
717
+ footer,
718
+ onCancel,
719
+ cancelLabel,
720
+ onConfirm,
721
+ confirmLabel,
722
+ confirmDisabled,
723
+ confirmLoading,
724
+ width,
725
+ modal,
726
+ outsideInteractionGuard,
727
+ enableDesktopConfirmShortcut,
728
+ mobileDrawerContentClassName,
729
+ className,
730
+ contentClassName,
731
+ footerClassName,
732
+ classes
733
+ }: ResponsiveSheetProps): React.ReactElement;
734
+ //#endregion
735
+ //#region src/overlays/responsive-sheet.footer.d.ts
736
+ declare function DesktopConfirmShortcutHint({
737
+ desktopModifierLabel
738
+ }: {
739
+ readonly desktopModifierLabel: string;
740
+ }): React.ReactElement;
741
+ interface SheetActionFooterProps {
742
+ readonly footer?: ReactNode;
743
+ readonly onCancel?: () => void;
744
+ readonly cancelLabel: ReactNode;
745
+ readonly onConfirm?: () => void;
746
+ readonly confirmLabel: ReactNode;
747
+ readonly confirmDisabled: boolean;
748
+ readonly confirmLoading: boolean;
749
+ readonly desktopConfirmShortcutEnabled?: boolean;
750
+ readonly desktopModifierLabel?: string | null;
751
+ }
752
+ declare function SheetActionFooter({
753
+ footer,
754
+ onCancel,
755
+ cancelLabel,
756
+ onConfirm,
757
+ confirmLabel,
758
+ confirmDisabled,
759
+ confirmLoading,
760
+ desktopConfirmShortcutEnabled,
761
+ desktopModifierLabel
762
+ }: SheetActionFooterProps): React.ReactNode;
763
+ //#endregion
764
+ //#region src/overlays/responsive-sheet.shortcuts.d.ts
765
+ declare function getDesktopShortcutModifierLabel(): string;
766
+ declare function isAllowedConfirmShortcutEvent(event: KeyboardEvent, desktopModifierLabel: string): boolean;
767
+ declare function useDesktopShortcutModifierLabel(enabled: boolean): string | null;
768
+ interface UseDesktopConfirmShortcutOptions {
769
+ readonly open: boolean;
770
+ readonly enabled: boolean;
771
+ readonly confirmDisabled: boolean;
772
+ readonly confirmLoading: boolean;
773
+ readonly onConfirm?: () => void;
774
+ }
775
+ declare function useDesktopConfirmShortcut({
776
+ open,
777
+ enabled,
778
+ confirmDisabled,
779
+ confirmLoading,
780
+ onConfirm
781
+ }: UseDesktopConfirmShortcutOptions): void;
782
+ //#endregion
783
+ //#region src/empty-state/empty-state-card.d.ts
784
+ interface EmptyStateCardProps {
785
+ readonly icon: ReactNode;
786
+ readonly title: string;
787
+ readonly subtitle: string;
788
+ readonly actionLabel?: string;
789
+ readonly onAction?: () => void;
790
+ readonly actionHref?: string;
791
+ readonly actionTarget?: "_blank" | "_self" | "_parent" | "_top";
792
+ readonly actionRel?: string;
793
+ readonly actionDisabled?: boolean;
794
+ readonly actionIcon?: ReactNode;
795
+ readonly className?: string;
796
+ }
797
+ declare function EmptyStateCard({
798
+ icon,
799
+ title,
800
+ subtitle,
801
+ actionLabel,
802
+ onAction,
803
+ actionHref,
804
+ actionTarget,
805
+ actionRel,
806
+ actionDisabled,
807
+ actionIcon,
808
+ className
809
+ }: EmptyStateCardProps): React.ReactElement;
810
+ //#endregion
811
+ //#region src/empty-state/initial-empty-state.d.ts
812
+ interface InitialEmptyStateProps {
813
+ readonly icon?: ReactNode;
814
+ readonly title: string;
815
+ readonly subtitle: string;
816
+ readonly actionLabel?: string;
817
+ readonly onAction?: () => void;
818
+ readonly actionIcon?: ReactNode;
819
+ readonly className?: string;
820
+ }
821
+ declare function InitialEmptyState({
822
+ icon,
823
+ title,
824
+ subtitle,
825
+ actionLabel,
826
+ onAction,
827
+ actionIcon,
828
+ className
829
+ }: InitialEmptyStateProps): React.ReactElement;
830
+ //#endregion
831
+ //#region src/empty-state/no-results-state.d.ts
832
+ interface NoResultsStateProps {
833
+ readonly icon?: ReactNode;
834
+ readonly title?: string;
835
+ readonly subtitle?: string;
836
+ readonly className?: string;
837
+ }
838
+ declare function NoResultsState({
839
+ icon,
840
+ title,
841
+ subtitle,
842
+ className
843
+ }: NoResultsStateProps): React.ReactElement;
844
+ //#endregion
845
+ //#region src/empty-state/collection-empty-state.d.ts
846
+ type CollectionEmptyState = "none" | "initial" | "no-results";
847
+ interface ResolveCollectionEmptyStateOptions {
848
+ readonly totalCount: number;
849
+ readonly filteredCount: number;
850
+ readonly hasSearch?: boolean;
851
+ readonly hasFilters?: boolean;
852
+ }
853
+ declare function resolveCollectionEmptyState({
854
+ totalCount,
855
+ filteredCount,
856
+ hasSearch,
857
+ hasFilters
858
+ }: ResolveCollectionEmptyStateOptions): CollectionEmptyState;
859
+ //#endregion
860
+ //#region src/search/searchable-select.d.ts
861
+ declare const AUTO_SEARCHABLE_SELECT_THRESHOLD = 5;
862
+ interface SearchableSelectOption {
863
+ readonly value: string;
864
+ readonly label: string;
865
+ readonly searchText?: string;
866
+ }
867
+ interface SearchableSelectProps<TOption extends SearchableSelectOption> {
868
+ readonly value: string;
869
+ readonly onValueChange: (value: string) => void;
870
+ readonly options: readonly TOption[];
871
+ readonly placeholder?: string;
872
+ readonly disabled?: boolean;
873
+ readonly className?: string;
874
+ readonly triggerClassName?: string;
875
+ readonly contentClassName?: string;
876
+ readonly ariaLabel?: string;
877
+ readonly searchPlaceholder?: string;
878
+ readonly emptyMessage?: string;
879
+ readonly leadingIcon?: LucideIcon;
880
+ readonly searchThreshold?: number;
881
+ readonly size?: 'sm' | 'default';
882
+ readonly renderOption?: (option: TOption) => React.ReactNode;
883
+ readonly renderValue?: (option: TOption) => React.ReactNode;
884
+ }
885
+ interface SearchableSelectBoundaryElement {
886
+ contains(target: EventTarget | null): boolean;
887
+ }
888
+ interface SearchableSelectPortalAnchor {
889
+ closest(selectors: string): Element | null;
890
+ }
891
+ declare function isSearchableSelectPointerInside(target: EventTarget | null, triggerContainer: SearchableSelectBoundaryElement | null, dropdownContent: SearchableSelectBoundaryElement | null): boolean;
892
+ declare function getSearchableSelectPortalContainer(trigger: SearchableSelectPortalAnchor | null): Element | null;
893
+ declare function SearchableSelect<TOption extends SearchableSelectOption>({
894
+ value,
895
+ onValueChange,
896
+ options,
897
+ placeholder,
898
+ disabled,
899
+ className,
900
+ triggerClassName,
901
+ contentClassName,
902
+ ariaLabel,
903
+ searchPlaceholder,
904
+ emptyMessage,
905
+ leadingIcon: LeadingIcon,
906
+ searchThreshold,
907
+ size,
908
+ renderOption,
909
+ renderValue
910
+ }: SearchableSelectProps<TOption>): React.ReactElement;
911
+ //#endregion
912
+ //#region src/search/searchable-select-position.d.ts
913
+ interface SearchableSelectRect {
914
+ readonly top: number;
915
+ readonly left: number;
916
+ readonly right: number;
917
+ readonly bottom: number;
918
+ readonly width: number;
919
+ readonly height: number;
920
+ }
921
+ interface ResolveSearchableSelectDropdownPositionArgs {
922
+ readonly triggerRect: SearchableSelectRect;
923
+ readonly boundaryRect?: SearchableSelectRect;
924
+ readonly portalRect?: SearchableSelectRect;
925
+ readonly contentWidth: number;
926
+ readonly contentHeight: number;
927
+ readonly viewportWidth: number;
928
+ readonly viewportHeight: number;
929
+ readonly offset?: number;
930
+ readonly padding?: number;
931
+ }
932
+ interface SearchableSelectDropdownPosition {
933
+ readonly top: number;
934
+ readonly left: number;
935
+ readonly width: number;
936
+ readonly maxHeight: number;
937
+ readonly direction: 'up' | 'down';
938
+ }
939
+ declare function resolveSearchableSelectDropdownPosition({
940
+ triggerRect,
941
+ boundaryRect,
942
+ portalRect,
943
+ contentWidth,
944
+ contentHeight,
945
+ viewportWidth,
946
+ viewportHeight,
947
+ offset,
948
+ padding
949
+ }: ResolveSearchableSelectDropdownPositionArgs): SearchableSelectDropdownPosition;
950
+ //#endregion
951
+ //#region src/smart-table/types.d.ts
952
+ type ColumnAlign = 'left' | 'center' | 'right';
953
+ type SortDirection = 'asc' | 'desc';
954
+ type SortValue = string | number | Date | boolean | null | undefined;
955
+ type SortState = {
956
+ key: string;
957
+ direction: SortDirection;
958
+ } | null;
959
+ interface Column<T> {
960
+ /** Column header text */
961
+ header: string;
962
+ /** Optional label override for mobile cards */
963
+ mobileLabel?: string;
964
+ /** Key to access data (supports nested paths like 'user.name') */
965
+ accessor?: keyof T | string;
966
+ /** Column width */
967
+ width?: string | number;
968
+ /** Text alignment */
969
+ align?: ColumnAlign;
970
+ /** Custom render function */
971
+ render?: (value: unknown, row: T) => ReactNode;
972
+ /** Enable header sorting for this column (defaults to true when an accessor or sortKey exists) */
973
+ sortable?: boolean;
974
+ /** Stable sort key when the accessor is not a string */
975
+ sortKey?: string;
976
+ /** Custom value used for sorting */
977
+ sortAccessor?: (row: T) => SortValue;
978
+ /** Enable text truncation wrapper in table cells (default: true) */
979
+ truncate?: boolean;
980
+ /** Hide this column on mobile cards */
981
+ hideOnMobile?: boolean;
982
+ }
983
+ type ActionType = 'view' | 'edit' | 'delete';
984
+ interface ActionHandlers<T> {
985
+ onView?: (item: T) => void;
986
+ onEdit?: (item: T) => void;
987
+ onDelete?: (item: T) => void;
988
+ }
989
+ interface PaginationConfig {
990
+ /** Current page (1-indexed) */
991
+ currentPage: number;
992
+ /** Total number of pages */
993
+ totalPages: number;
994
+ /** Total number of items */
995
+ totalItems: number;
996
+ /** Items per page */
997
+ pageSize: number;
998
+ /** Start index (0-indexed) */
999
+ startIndex: number;
1000
+ /** End index (exclusive) */
1001
+ endIndex: number;
1002
+ /** Go to specific page */
1003
+ onPageChange: (page: number) => void;
1004
+ }
1005
+ interface SmartTableProps<T> {
1006
+ /** Data array to display */
1007
+ data: T[];
1008
+ /** Column definitions */
1009
+ columns: Column<T>[];
1010
+ /** Loading state - shows skeletons */
1011
+ isLoading: boolean;
1012
+ /** Number of skeleton rows to show when loading */
1013
+ skeletonRows?: number;
1014
+ /** Actions to show (will render action buttons) */
1015
+ actions?: ActionType[];
1016
+ /** Action handlers */
1017
+ actionHandlers?: ActionHandlers<T>;
1018
+ /** Custom actions renderer (overrides actions prop) */
1019
+ renderActions?: (item: T) => ReactNode;
1020
+ /** Message when no data */
1021
+ noDataMessage?: string;
1022
+ /** Custom content when no data */
1023
+ noDataContent?: ReactNode;
1024
+ /** Function to get unique key for each row */
1025
+ getRowKey?: (item: T) => string | number;
1026
+ /** Make rows clickable */
1027
+ onRowClick?: (item: T) => void;
1028
+ /** Custom mobile card renderer */
1029
+ renderMobileCard?: (item: T) => ReactNode;
1030
+ /** Enable pagination */
1031
+ pagination?: PaginationConfig;
1032
+ /** Enable sticky header with scrollable body */
1033
+ stickyHeader?: boolean;
1034
+ /** Max height for scrollable table (default: 'calc(100vh - 300px)') */
1035
+ maxHeight?: string;
1036
+ /** Fill remaining height of parent container (requires parent with flex and height set) */
1037
+ fullHeight?: boolean;
1038
+ /** Active sort state for sortable columns */
1039
+ sortState?: SortState;
1040
+ /** Called when a sortable column header is selected */
1041
+ onSortChange?: (state: SortState) => void;
1042
+ }
1043
+ //#endregion
1044
+ //#region src/smart-table/SmartTable.d.ts
1045
+ declare function SmartTable<T>({
1046
+ data,
1047
+ columns,
1048
+ isLoading,
1049
+ skeletonRows,
1050
+ actions,
1051
+ actionHandlers,
1052
+ renderActions,
1053
+ noDataMessage,
1054
+ noDataContent,
1055
+ getRowKey,
1056
+ onRowClick,
1057
+ renderMobileCard,
1058
+ pagination,
1059
+ stickyHeader,
1060
+ maxHeight,
1061
+ fullHeight,
1062
+ sortState,
1063
+ onSortChange
1064
+ }: SmartTableProps<T>): React.ReactElement;
1065
+ //#endregion
1066
+ //#region src/smart-table/SmartTableActions.d.ts
1067
+ interface SmartTableActionsProps<T> {
1068
+ item: T;
1069
+ actions?: ActionType[];
1070
+ actionHandlers?: ActionHandlers<T>;
1071
+ renderActions?: (item: T) => ReactNode;
1072
+ }
1073
+ declare function SmartTableActions<T>({
1074
+ item,
1075
+ actions,
1076
+ actionHandlers,
1077
+ renderActions
1078
+ }: SmartTableActionsProps<T>): React.ReactElement | null;
1079
+ //#endregion
1080
+ //#region src/smart-table/TruncatedContent.d.ts
1081
+ interface TruncatedContentProps {
1082
+ children: ReactNode;
1083
+ tooltip?: string | null;
1084
+ align?: 'left' | 'right' | 'center';
1085
+ className?: string;
1086
+ }
1087
+ declare function TruncatedContent({
1088
+ children,
1089
+ tooltip,
1090
+ align,
1091
+ className
1092
+ }: TruncatedContentProps): React.ReactElement;
1093
+ //#endregion
1094
+ //#region src/smart-table/sorting.d.ts
1095
+ interface UseTableSortingOptions<T> {
1096
+ readonly data: readonly T[];
1097
+ readonly columns: readonly Column<T>[];
1098
+ readonly initialSortState?: SortState;
1099
+ }
1100
+ interface UseTableSortingResult<T> {
1101
+ readonly sortedData: T[];
1102
+ readonly sortState: SortState;
1103
+ readonly setSortState: (state: SortState) => void;
1104
+ }
1105
+ declare function useTableSorting<T>({
1106
+ data,
1107
+ columns,
1108
+ initialSortState
1109
+ }: UseTableSortingOptions<T>): UseTableSortingResult<T>;
1110
+ //#endregion
1111
+ //#region src/table-toolbar/table-toolbar.d.ts
1112
+ interface FilterOption<T extends string = string> {
1113
+ readonly value: T;
1114
+ readonly label: string;
1115
+ }
1116
+ interface FilterDropdownProps<T extends string> {
1117
+ readonly label: string;
1118
+ readonly value: T | 'all';
1119
+ readonly options: readonly FilterOption<T>[];
1120
+ readonly onChange: (value: T | 'all') => void;
1121
+ readonly className?: string;
1122
+ readonly icon?: LucideIcon;
1123
+ readonly allowAll?: boolean;
1124
+ readonly allOptionLabel?: string;
1125
+ }
1126
+ declare function buildAllFilterOptionLabel(label: string, allOptionLabel?: string): string;
1127
+ declare function FilterDropdown<T extends string>({
1128
+ label,
1129
+ value,
1130
+ options,
1131
+ onChange,
1132
+ className,
1133
+ allowAll,
1134
+ allOptionLabel
1135
+ }: FilterDropdownProps<T>): React.ReactElement;
1136
+ interface SearchInputProps {
1137
+ readonly value: string;
1138
+ readonly onChange: (value: string) => void;
1139
+ readonly placeholder?: string;
1140
+ readonly className?: string;
1141
+ }
1142
+ declare function SearchInput({
1143
+ value,
1144
+ onChange,
1145
+ placeholder,
1146
+ className
1147
+ }: SearchInputProps): React.ReactElement;
1148
+ interface FilterConfig<T extends string = string> {
1149
+ readonly key: string;
1150
+ readonly label: string;
1151
+ readonly icon?: LucideIcon;
1152
+ readonly options: readonly FilterOption<T>[];
1153
+ }
1154
+ interface TableToolbarLabels {
1155
+ readonly filtersButtonLabel: string;
1156
+ readonly filtersTitle: ReactNode;
1157
+ readonly filtersDescription?: ReactNode;
1158
+ readonly clearFiltersLabel: ReactNode;
1159
+ readonly showResultsLabel: (resultCount?: number) => ReactNode;
1160
+ readonly rangeMinPlaceholder: string;
1161
+ readonly rangeMaxPlaceholder: string;
1162
+ }
1163
+ type TableToolbarLabelsInput = Partial<TableToolbarLabels>;
1164
+ interface SelectFilter {
1165
+ readonly config: FilterConfig;
1166
+ readonly value: string;
1167
+ readonly onChange: (value: string) => void;
1168
+ readonly allowAll?: boolean;
1169
+ readonly allOptionLabel?: string;
1170
+ readonly clearable?: boolean;
1171
+ }
1172
+ interface TextFilter {
1173
+ readonly key: string;
1174
+ readonly label: string;
1175
+ readonly icon?: LucideIcon;
1176
+ readonly value: string;
1177
+ readonly onChange: (value: string) => void;
1178
+ readonly placeholder?: string;
1179
+ }
1180
+ interface RangeFilter {
1181
+ readonly key: string;
1182
+ readonly label: string;
1183
+ readonly icon?: LucideIcon;
1184
+ readonly minValue: string;
1185
+ readonly maxValue: string;
1186
+ readonly onMinChange: (value: string) => void;
1187
+ readonly onMaxChange: (value: string) => void;
1188
+ readonly minPlaceholder?: string;
1189
+ readonly maxPlaceholder?: string;
1190
+ readonly inputType?: 'text' | 'date';
1191
+ readonly inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
1192
+ }
1193
+ interface CustomTableToolbarFilter {
1194
+ readonly key: string;
1195
+ readonly label: string;
1196
+ readonly icon?: LucideIcon;
1197
+ readonly value: string;
1198
+ readonly clearValue?: string;
1199
+ readonly clearable?: boolean;
1200
+ readonly onChange: (value: string) => void;
1201
+ readonly render: (args: {
1202
+ readonly value: string;
1203
+ readonly setValue: (value: string) => void;
1204
+ }) => ReactNode;
1205
+ }
1206
+ interface TableToolbarProps {
1207
+ readonly search?: {
1208
+ value: string;
1209
+ onChange: (value: string) => void;
1210
+ placeholder?: string;
1211
+ };
1212
+ readonly filters?: SelectFilter[];
1213
+ readonly textFilters?: TextFilter[];
1214
+ readonly customFilters?: CustomTableToolbarFilter[];
1215
+ readonly rangeFilters?: RangeFilter[];
1216
+ readonly renderRangeInput?: (args: {
1217
+ readonly filter: RangeFilter;
1218
+ readonly input: 'min' | 'max';
1219
+ readonly value: string;
1220
+ readonly onChange: (value: string) => void;
1221
+ readonly placeholder: string;
1222
+ }) => ReactNode;
1223
+ readonly inlineControls?: ReactNode;
1224
+ readonly onClearAll?: () => void;
1225
+ readonly getDraftResultCount?: (draftValues: Record<string, string>) => number | undefined;
1226
+ readonly labels?: TableToolbarLabelsInput;
1227
+ readonly children?: ReactNode;
1228
+ }
1229
+ declare function TableToolbar({
1230
+ search,
1231
+ filters,
1232
+ textFilters,
1233
+ customFilters,
1234
+ rangeFilters,
1235
+ renderRangeInput,
1236
+ inlineControls,
1237
+ onClearAll,
1238
+ getDraftResultCount,
1239
+ labels,
1240
+ children
1241
+ }: TableToolbarProps): React.ReactElement;
1242
+ //#endregion
1243
+ //#region src/error-page/error-code.d.ts
1244
+ interface ErrorCodeProps {
1245
+ readonly code: string;
1246
+ readonly reference?: string | null;
1247
+ readonly className?: string;
1248
+ }
1249
+ declare function ErrorCode({
1250
+ code,
1251
+ reference,
1252
+ className
1253
+ }: ErrorCodeProps): React.ReactElement;
1254
+ //#endregion
1255
+ //#region src/error-page/error-page-content.d.ts
1256
+ type ErrorPageKind = "error" | "not-found";
1257
+ interface ErrorPageContent {
1258
+ readonly code: string;
1259
+ readonly title: string;
1260
+ readonly description: string;
1261
+ readonly shouldCapture: boolean;
1262
+ }
1263
+ interface ResolveErrorPageContentOptions {
1264
+ readonly fallbackCode?: string;
1265
+ readonly fallbackTitle?: string;
1266
+ readonly fallbackDescription?: string;
1267
+ }
1268
+ declare function resolveErrorPageContent(error: unknown, options?: ResolveErrorPageContentOptions): ErrorPageContent;
1269
+ declare function getNotFoundPageContent(): ErrorPageContent;
1270
+ //#endregion
1271
+ //#region src/error-page/posthog-error-capture.d.ts
1272
+ interface PostHogErrorCapturePayload {
1273
+ readonly error: unknown;
1274
+ readonly code: string;
1275
+ readonly reference: string;
1276
+ readonly source?: string;
1277
+ readonly metadata?: Record<string, unknown>;
1278
+ }
1279
+ declare function createErrorReference(error: unknown): string;
1280
+ declare function captureErrorToPostHog({
1281
+ error,
1282
+ code,
1283
+ reference,
1284
+ source,
1285
+ metadata
1286
+ }: PostHogErrorCapturePayload): void;
1287
+ //#endregion
1288
+ //#region src/error-page/saas-error-page.d.ts
1289
+ interface SaasErrorPageProps {
1290
+ readonly error?: Error & {
1291
+ readonly digest?: string;
1292
+ };
1293
+ readonly reset?: () => void;
1294
+ readonly homeHref?: string;
1295
+ readonly homeLabel?: string;
1296
+ readonly retryLabel?: string;
1297
+ readonly source?: string;
1298
+ readonly metadata?: Record<string, unknown>;
1299
+ readonly content?: Partial<ErrorPageContent>;
1300
+ readonly className?: string;
1301
+ readonly classes?: SaasErrorPageClassNames;
1302
+ }
1303
+ interface SaasErrorPageClassNames {
1304
+ readonly root?: string;
1305
+ readonly content?: string;
1306
+ readonly code?: string;
1307
+ readonly text?: string;
1308
+ readonly title?: string;
1309
+ readonly description?: string;
1310
+ readonly actions?: string;
1311
+ }
1312
+ declare function SaasErrorPage({
1313
+ error,
1314
+ reset,
1315
+ homeHref,
1316
+ homeLabel,
1317
+ retryLabel,
1318
+ source,
1319
+ metadata,
1320
+ content,
1321
+ className,
1322
+ classes
1323
+ }: SaasErrorPageProps): React.ReactElement;
1324
+ interface SaasNotFoundPageProps extends Omit<SaasErrorPageProps, "error" | "reset" | "content"> {
1325
+ readonly title?: string;
1326
+ readonly description?: string;
1327
+ }
1328
+ declare function SaasNotFoundPage({
1329
+ title,
1330
+ description,
1331
+ ...props
1332
+ }: SaasNotFoundPageProps): React.ReactElement;
1333
+ //#endregion
1334
+ //#region src/utils/cn.d.ts
1335
+ declare function cn(...inputs: ClassValue[]): string;
1336
+ //#endregion
1337
+ //#region src/utils/search.d.ts
1338
+ type SearchTextPart = string | null | undefined | readonly SearchTextPart[];
1339
+ declare function buildSearchText(...parts: SearchTextPart[]): string;
1340
+ declare function scoreFuzzyMatch(query: string, candidate: string): number | null;
1341
+ declare function filterAndRankBySearch<T extends {
1342
+ searchText: string;
1343
+ }>(items: readonly T[], query: string): T[];
1344
+ declare function rankBySearch<T>(items: readonly T[], query: string, getSearchText: (item: T) => string): T[];
1345
+ //#endregion
1346
+ //#region src/utils/use-media-query.d.ts
1347
+ declare function useMediaQuery(query: string, defaultValue?: boolean): boolean;
1348
+ declare function useIsMobile(maxWidth?: number): boolean;
1349
+ //#endregion
1350
+ export { AUTO_SEARCHABLE_SELECT_THRESHOLD, type ActionHandlers, type ActionType, Avatar, AvatarFallback, AvatarImage, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CHIP_CLASS_NAMES, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chip, ChipButton, ChipSize, type CollectionEmptyState, type Column, type ColumnAlign, type CustomTableToolbarFilter, DateDisplayFormatOptions, DateDisplayLabels, DateDisplayValue, DesktopConfirmShortcutHint, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplayDate, DisplayDateProps, Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyStateCard, type EmptyStateCardProps, ErrorCode, ErrorCodeProps, ErrorPageContent, ErrorPageKind, FieldDetailRow, FieldDetailRowProps, FileDropzone, type FilterConfig, FilterDropdown, type FilterOption, HelpInfoButton, HelpInfoButtonProps, InitialEmptyState, type InitialEmptyStateProps, Input, KeyboardKeycap, Label, NoResultsState, type NoResultsStateProps, Pagination, type PaginationConfig, PaginationProps, Popover, PopoverContent, PopoverTrigger, PostHogErrorCapturePayload, type ResolveCollectionEmptyStateOptions, ResolveErrorPageContentOptions, ResponsiveSheet, ResponsiveSheetClassNames, ResponsiveSheetProps, SaasErrorPage, SaasErrorPageProps, SaasNotFoundPage, SaasNotFoundPageProps, ScrollFadeArea, SearchInput, SearchTextPart, SearchableSelect, SearchableSelectOption, SearchableSelectProps, SearchableSelectRect, SegmentedToggle, SegmentedToggleOption, SegmentedToggleProps, Select, SelectContent, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue, Sheet, SheetActionFooter, SheetContent, SheetDescription, SheetHeader, SheetOutsideInteractionGuard, SheetTitle, ShortcutModifierKeycap, Skeleton, SmartTable, SmartTableActions, type SmartTableProps, type SortDirection, type SortState, type SortValue, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarLabels, type TableToolbarLabelsInput, type TableToolbarProps, Tabs, TabsContent, TabsList, TabsScrollArea, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TruncatedContent, UserPicker, UserPickerCopy, UserPickerOption, UserPickerProps, buildAllFilterOptionLabel, buildSearchText, buildUserInitials, buttonVariants, captureErrorToPostHog, cn, createErrorReference, filterAndRankBySearch, filterSelectableUsers, filterUsersBySearch, formatAbsoluteDate, formatDisplayDate, formatSelectedUserSummary, formatUserDisplayName, getChipClassName, getDesktopShortcutModifierLabel, getNotFoundPageContent, getSearchableSelectPortalContainer, isAllowedConfirmShortcutEvent, isSearchableSelectPointerInside, rankBySearch, resolveCollectionEmptyState, resolveErrorPageContent, resolveSearchableSelectDropdownPosition, scoreFuzzyMatch, tabsListVariants, toggleUserSelection, useDesktopConfirmShortcut, useDesktopShortcutModifierLabel, useIsMobile, useMediaQuery, useTableSorting };
1351
+ //# sourceMappingURL=index.d.mts.map