@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.
- package/README.md +148 -0
- package/dist/index.d.mts +1351 -0
- package/dist/index.d.mts.map +1 -0
- package/dist/index.mjs +3489 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +70 -0
package/dist/index.d.mts
ADDED
|
@@ -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
|