@assure-one/design-system 0.1.1

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,956 @@
1
+ export { ColorName, ReferenceTokens, SystemTokens, colors, radii, reference, shadows, spacing, surfaces, systemTokens, typography } from './tokens/index.js';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
+ import * as react from 'react';
4
+ import { ClassValue } from 'clsx';
5
+
6
+ interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
7
+ type?: "single" | "multiple";
8
+ defaultValue?: string[];
9
+ value?: string[];
10
+ onValueChange?: (value: string[]) => void;
11
+ }
12
+ declare function Accordion({ type, defaultValue, value: controlledValue, onValueChange, children, className, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
13
+ interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
14
+ value: string;
15
+ }
16
+ declare function AccordionItem({ value, children, className, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
17
+ type AccordionTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
18
+ declare function AccordionTrigger({ children, className, ...props }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
19
+ type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>;
20
+ declare function AccordionContent({ children, className, ...props }: AccordionContentProps): react_jsx_runtime.JSX.Element;
21
+
22
+ interface AlertDialogProps {
23
+ children: React.ReactNode;
24
+ open?: boolean;
25
+ onOpenChange?: (open: boolean) => void;
26
+ }
27
+ declare function AlertDialog({ children, open: controlledOpen, onOpenChange, }: AlertDialogProps): react_jsx_runtime.JSX.Element;
28
+ type AlertDialogTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
29
+ declare function AlertDialogTrigger({ children, className, ...props }: AlertDialogTriggerProps): react_jsx_runtime.JSX.Element;
30
+ type AlertDialogContentProps = React.HTMLAttributes<HTMLDivElement>;
31
+ declare function AlertDialogContent({ children, className, ...props }: AlertDialogContentProps): react.ReactPortal | null;
32
+ type AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
33
+ declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
34
+ type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
35
+ declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
36
+ type AlertDialogDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
37
+ declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
38
+ type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
39
+ declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
40
+ type AlertDialogActionProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
41
+ declare function AlertDialogAction({ children, className, ...props }: AlertDialogActionProps): react_jsx_runtime.JSX.Element;
42
+ type AlertDialogCancelProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
43
+ declare function AlertDialogCancel({ children, className, ...props }: AlertDialogCancelProps): react_jsx_runtime.JSX.Element;
44
+
45
+ declare const variantStyles$4: {
46
+ readonly info: "border-blue-200 bg-blue-50 text-blue-link [&_svg]:text-blue-link";
47
+ readonly success: "border-green-light-border bg-green-lighter-bg text-green-action [&_svg]:text-green-action";
48
+ readonly warning: "border-yellow-200 bg-amber-50 text-amber-dark [&_svg]:text-amber-dark";
49
+ readonly destructive: "border-red-200 bg-red-50 text-red-action [&_svg]:text-red-action";
50
+ };
51
+ interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
52
+ variant?: keyof typeof variantStyles$4;
53
+ }
54
+ declare function Alert({ variant, children, className, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
55
+ type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
56
+ declare function AlertTitle({ className, ...props }: AlertTitleProps): react_jsx_runtime.JSX.Element;
57
+ type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
58
+ declare function AlertDescription({ className, ...props }: AlertDescriptionProps): react_jsx_runtime.JSX.Element;
59
+
60
+ interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
61
+ ratio?: number;
62
+ children: React.ReactNode;
63
+ }
64
+ declare function AspectRatio({ ratio, children, className, ...props }: AspectRatioProps): react_jsx_runtime.JSX.Element;
65
+
66
+ declare const sizeStyles$5: {
67
+ readonly xs: "size-5 text-[10px]";
68
+ readonly sm: "size-8 text-xs";
69
+ readonly md: "size-10 text-sm";
70
+ readonly lg: "size-14 text-base";
71
+ };
72
+ declare const statusStyles: {
73
+ readonly online: "bg-success";
74
+ readonly offline: "bg-app-gray-400";
75
+ readonly busy: "bg-destructive";
76
+ };
77
+ interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
78
+ src?: string | null;
79
+ alt?: string;
80
+ name?: string;
81
+ size?: keyof typeof sizeStyles$5;
82
+ status?: keyof typeof statusStyles;
83
+ }
84
+ declare function Avatar({ src, alt, name, size, status, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
85
+
86
+ declare const variantStyles$3: {
87
+ readonly default: "bg-primary text-primary-foreground";
88
+ readonly secondary: "bg-secondary text-secondary-foreground";
89
+ readonly destructive: "bg-destructive/10 text-destructive";
90
+ readonly success: "bg-green-badge-bg text-green-action";
91
+ readonly warning: "bg-amber-50 text-amber-dark";
92
+ readonly info: "bg-blue-50 text-blue-link";
93
+ readonly outline: "border border-border bg-transparent text-foreground";
94
+ };
95
+ declare const sizeStyles$4: {
96
+ readonly sm: "px-2 py-0.5 text-xs";
97
+ readonly md: "px-2.5 py-0.5 text-sm";
98
+ };
99
+ interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
100
+ variant?: keyof typeof variantStyles$3;
101
+ size?: keyof typeof sizeStyles$4;
102
+ dot?: boolean;
103
+ icon?: React.ReactNode;
104
+ }
105
+ declare function Badge({ variant, size, dot, icon, children, className, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
106
+
107
+ interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {
108
+ author?: string;
109
+ role?: string;
110
+ }
111
+ declare function Blockquote({ children, author, role: authorRole, className, ...props }: BlockquoteProps): react_jsx_runtime.JSX.Element;
112
+
113
+ type BreadcrumbProps = React.HTMLAttributes<HTMLElement>;
114
+ declare function Breadcrumb({ className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
115
+ type BreadcrumbListProps = React.HTMLAttributes<HTMLOListElement>;
116
+ declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): react_jsx_runtime.JSX.Element;
117
+ type BreadcrumbItemProps = React.HTMLAttributes<HTMLLIElement>;
118
+ declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
119
+ type BreadcrumbLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
120
+ declare function BreadcrumbLink({ className, ...props }: BreadcrumbLinkProps): react_jsx_runtime.JSX.Element;
121
+ type BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;
122
+ declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): react_jsx_runtime.JSX.Element;
123
+ type BreadcrumbSeparatorProps = React.HTMLAttributes<HTMLSpanElement>;
124
+ declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
125
+
126
+ declare const variantStyles$2: {
127
+ readonly primary: "bg-primary text-primary-foreground hover:bg-primary/90";
128
+ readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80";
129
+ readonly destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90";
130
+ readonly success: "bg-green-action text-success-foreground hover:bg-green-dark";
131
+ readonly ghost: "hover:bg-accent hover:text-accent-foreground";
132
+ readonly outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground";
133
+ readonly link: "text-primary underline-offset-4 hover:underline";
134
+ };
135
+ declare const sizeStyles$3: {
136
+ readonly sm: "h-8 px-3 text-sm gap-1.5";
137
+ readonly md: "h-10 px-4 text-sm gap-2";
138
+ readonly lg: "h-12 px-6 text-base gap-2";
139
+ readonly icon: "size-10";
140
+ };
141
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
142
+ variant?: keyof typeof variantStyles$2;
143
+ size?: keyof typeof sizeStyles$3;
144
+ loading?: boolean;
145
+ iconLeft?: React.ReactNode;
146
+ iconRight?: React.ReactNode;
147
+ }
148
+ declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
149
+
150
+ interface CalendarHighlight {
151
+ date: Date;
152
+ color?: "primary" | "success" | "warning" | "destructive";
153
+ }
154
+ interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
155
+ selected?: Date | null;
156
+ onSelect?: (date: Date) => void;
157
+ highlights?: CalendarHighlight[];
158
+ minDate?: Date;
159
+ maxDate?: Date;
160
+ }
161
+ declare function Calendar({ selected, onSelect, highlights, minDate, maxDate, className, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
162
+
163
+ type CardProps = React.HTMLAttributes<HTMLDivElement>;
164
+ declare function Card({ className, ...props }: CardProps): react_jsx_runtime.JSX.Element;
165
+ type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
166
+ declare function CardHeader({ className, ...props }: CardHeaderProps): react_jsx_runtime.JSX.Element;
167
+ type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
168
+ declare function CardTitle({ className, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
169
+ type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
170
+ declare function CardDescription({ className, ...props }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
171
+ type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
172
+ declare function CardContent({ className, ...props }: CardContentProps): react_jsx_runtime.JSX.Element;
173
+ type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
174
+ declare function CardFooter({ className, ...props }: CardFooterProps): react_jsx_runtime.JSX.Element;
175
+ type CardActionProps = React.HTMLAttributes<HTMLDivElement>;
176
+ declare function CardAction({ className, ...props }: CardActionProps): react_jsx_runtime.JSX.Element;
177
+
178
+ interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
179
+ label?: string;
180
+ indeterminate?: boolean;
181
+ }
182
+ declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
183
+
184
+ type ClientSelectOption = {
185
+ id: string;
186
+ label: string;
187
+ email?: string;
188
+ };
189
+ interface ClientSelectProps {
190
+ clients: ClientSelectOption[];
191
+ value: string | null;
192
+ onChange: (clientId: string | null) => void;
193
+ name?: string;
194
+ error?: string;
195
+ className?: string;
196
+ placeholder?: string;
197
+ }
198
+ declare function ClientSelect({ clients, value, onChange, name, error, className, placeholder, }: ClientSelectProps): react_jsx_runtime.JSX.Element;
199
+
200
+ interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
201
+ open?: boolean;
202
+ defaultOpen?: boolean;
203
+ onOpenChange?: (open: boolean) => void;
204
+ }
205
+ declare function Collapsible({ open: controlledOpen, defaultOpen, onOpenChange, children, className, ...props }: CollapsibleProps): react_jsx_runtime.JSX.Element;
206
+ type CollapsibleTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
207
+ declare function CollapsibleTrigger({ children, className, ...props }: CollapsibleTriggerProps): react_jsx_runtime.JSX.Element;
208
+ type CollapsibleContentProps = React.HTMLAttributes<HTMLDivElement>;
209
+ declare function CollapsibleContent({ children, className, ...props }: CollapsibleContentProps): react_jsx_runtime.JSX.Element;
210
+
211
+ interface ComingSoonProps extends React.HTMLAttributes<HTMLDivElement> {
212
+ icon: React.ReactNode;
213
+ title: string;
214
+ description: string;
215
+ features: string[];
216
+ }
217
+ declare function ComingSoon({ icon, title, description, features, className, ...props }: ComingSoonProps): react_jsx_runtime.JSX.Element;
218
+
219
+ interface CommandItem {
220
+ id: string;
221
+ label: string;
222
+ description?: string;
223
+ group?: string;
224
+ icon?: React.ReactNode;
225
+ shortcut?: string;
226
+ onSelect: () => void;
227
+ keywords?: string[];
228
+ }
229
+ interface CommandPaletteProps {
230
+ items: CommandItem[];
231
+ open?: boolean;
232
+ onOpenChange?: (open: boolean) => void;
233
+ placeholder?: string;
234
+ }
235
+
236
+ declare function CommandPalette({ items, open: controlledOpen, onOpenChange, placeholder, }: CommandPaletteProps): react.ReactPortal | null;
237
+
238
+ interface ContextMenuProps {
239
+ children: React.ReactNode;
240
+ }
241
+ declare function ContextMenu({ children }: ContextMenuProps): react_jsx_runtime.JSX.Element;
242
+ interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {
243
+ children: React.ReactNode;
244
+ }
245
+ declare function ContextMenuTrigger({ children, className, onContextMenu, ...rest }: ContextMenuTriggerProps): react_jsx_runtime.JSX.Element;
246
+ interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
247
+ children: React.ReactNode;
248
+ }
249
+ declare function ContextMenuContent({ children, className, ...props }: ContextMenuContentProps): react_jsx_runtime.JSX.Element | null;
250
+ interface ContextMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
251
+ destructive?: boolean;
252
+ }
253
+ declare function ContextMenuItem({ destructive, children, className, onClick, ...rest }: ContextMenuItemProps): react_jsx_runtime.JSX.Element;
254
+ type ContextMenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
255
+ declare function ContextMenuSeparator({ className, ...props }: ContextMenuSeparatorProps): react_jsx_runtime.JSX.Element;
256
+
257
+ interface CopyButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
258
+ value: string;
259
+ feedbackDuration?: number;
260
+ }
261
+ declare function CopyButton({ value, feedbackDuration, className, children, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
262
+
263
+ /**
264
+ * Single shared date picker. Displays MM/DD/YYYY everywhere; reads & emits
265
+ * ISO YYYY-MM-DD via `value` / `onChange` / hidden form input so it is a
266
+ * drop-in replacement for the previous native `<input type="date">`.
267
+ */
268
+ interface DatePickerProps {
269
+ value?: string;
270
+ defaultValue?: string;
271
+ onChange?: (event: {
272
+ target: {
273
+ name?: string;
274
+ value: string;
275
+ };
276
+ }) => void;
277
+ name?: string;
278
+ id?: string;
279
+ label?: string;
280
+ error?: string;
281
+ disabled?: boolean;
282
+ required?: boolean;
283
+ autoFocus?: boolean;
284
+ placeholder?: string;
285
+ className?: string;
286
+ min?: string;
287
+ max?: string;
288
+ "aria-label"?: string;
289
+ }
290
+ declare const DATE_DISPLAY_PLACEHOLDER = "MM/DD/YYYY";
291
+ declare function isoToDisplay(iso: string | undefined | null): string;
292
+ declare function displayToIso(display: string): string;
293
+ declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
294
+
295
+ interface DialogProps {
296
+ children: React.ReactNode;
297
+ open?: boolean;
298
+ onOpenChange?: (open: boolean) => void;
299
+ }
300
+ declare function Dialog({ children, open: controlledOpen, onOpenChange, }: DialogProps): react_jsx_runtime.JSX.Element;
301
+ type DialogTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
302
+ declare function DialogTrigger({ children, className, ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
303
+ declare const sizeStyles$2: {
304
+ readonly sm: "max-w-sm";
305
+ readonly md: "max-w-lg";
306
+ readonly lg: "max-w-2xl";
307
+ readonly full: "max-w-[calc(100vw-2rem)]";
308
+ };
309
+ interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
310
+ size?: keyof typeof sizeStyles$2;
311
+ }
312
+ declare function DialogContent({ size, children, className, ...props }: DialogContentProps): react.ReactPortal | null;
313
+ type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
314
+ declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
315
+ type DialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
316
+ declare function DialogTitle({ className, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
317
+ type DialogDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
318
+ declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
319
+ type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
320
+ declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
321
+ type DialogCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
322
+ declare function DialogClose({ children, className, ...props }: DialogCloseProps): react_jsx_runtime.JSX.Element;
323
+
324
+ interface DropdownMenuProps {
325
+ children: React.ReactNode;
326
+ open?: boolean;
327
+ onOpenChange?: (open: boolean) => void;
328
+ }
329
+ declare function DropdownMenu({ children, open: controlledOpen, onOpenChange, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
330
+ type DropdownMenuTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
331
+ declare function DropdownMenuTrigger({ children, className, onClick, ...rest }: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
332
+ interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
333
+ align?: "start" | "center" | "end";
334
+ side?: "bottom" | "top";
335
+ }
336
+ declare function DropdownMenuContent({ align, side, children, className, ...props }: DropdownMenuContentProps): react.ReactPortal | null;
337
+ interface DropdownMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
338
+ destructive?: boolean;
339
+ }
340
+ declare function DropdownMenuItem({ destructive, children, className, onClick, ...rest }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
341
+ type DropdownMenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
342
+ declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): react_jsx_runtime.JSX.Element;
343
+ type DropdownMenuLabelProps = React.HTMLAttributes<HTMLDivElement>;
344
+ declare function DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps): react_jsx_runtime.JSX.Element;
345
+ type DropdownMenuGroupProps = React.HTMLAttributes<HTMLDivElement>;
346
+ declare function DropdownMenuGroup({ className, ...props }: DropdownMenuGroupProps): react_jsx_runtime.JSX.Element;
347
+
348
+ interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
349
+ icon?: React.ReactNode;
350
+ title: string;
351
+ description?: string;
352
+ action?: React.ReactNode;
353
+ }
354
+ declare function EmptyState({ icon, title, description, action, className, ...props }: EmptyStateProps): react_jsx_runtime.JSX.Element;
355
+
356
+ interface FileUploadProps extends React.HTMLAttributes<HTMLDivElement> {
357
+ accept?: string;
358
+ maxSize?: number;
359
+ multiple?: boolean;
360
+ onFilesSelected?: (files: File[]) => void;
361
+ disabled?: boolean;
362
+ }
363
+ declare function FileUpload({ accept, maxSize, multiple, onFilesSelected, disabled, className, children, ...props }: FileUploadProps): react_jsx_runtime.JSX.Element;
364
+
365
+ interface FormErrorProps extends React.HTMLAttributes<HTMLParagraphElement> {
366
+ children: React.ReactNode;
367
+ }
368
+ declare function FormError({ children, className, ...props }: FormErrorProps): react_jsx_runtime.JSX.Element;
369
+ interface FormSuccessProps extends React.HTMLAttributes<HTMLParagraphElement> {
370
+ children: React.ReactNode;
371
+ }
372
+ declare function FormSuccess({ children, className, ...props }: FormSuccessProps): react_jsx_runtime.JSX.Element;
373
+
374
+ interface HoverCardProps {
375
+ children: React.ReactNode;
376
+ openDelay?: number;
377
+ closeDelay?: number;
378
+ }
379
+ declare function HoverCard({ children, openDelay, closeDelay, }: HoverCardProps): react_jsx_runtime.JSX.Element;
380
+ type HoverCardTriggerProps = React.HTMLAttributes<HTMLSpanElement>;
381
+ declare function HoverCardTrigger({ children, className, ...props }: HoverCardTriggerProps): react_jsx_runtime.JSX.Element;
382
+ interface HoverCardContentProps extends React.HTMLAttributes<HTMLDivElement> {
383
+ side?: "top" | "bottom";
384
+ align?: "start" | "center" | "end";
385
+ }
386
+ declare function HoverCardContent({ side, align, children, className, ...props }: HoverCardContentProps): react_jsx_runtime.JSX.Element | null;
387
+
388
+ interface IconProps extends React.SVGAttributes<SVGElement> {
389
+ size?: number;
390
+ }
391
+ declare function DocumentIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
392
+ declare function ArrowRightIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
393
+ declare function StarIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
394
+ declare function SparkleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
395
+ declare function ChatBubbleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
396
+ declare function LightningIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
397
+ declare function UsersIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
398
+ declare function FileTextIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
399
+ declare function ShieldIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
400
+ declare function MenuIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
401
+ declare function CloseIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
402
+ declare function CheckIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
403
+ declare function LayoutDashboardIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
404
+ declare function BuildingIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
405
+ declare function MapPinIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
406
+ declare function FileReturnIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
407
+ declare function ClipboardCheckIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
408
+ declare function FolderOpenIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
409
+ declare function ReceiptIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
410
+ declare function CalendarIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
411
+ declare function BarChartIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
412
+ declare function SettingsIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
413
+ declare function PanelLeftIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
414
+ declare function PanelLeftCloseIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
415
+ declare function SunIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
416
+ declare function TeamIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
417
+ declare function MoonIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
418
+ declare function PaletteIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
419
+ declare function MailIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
420
+ declare function GlobeIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
421
+ declare function BellIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
422
+ declare function WorkflowIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
423
+ declare function LinkIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
424
+ declare function KeyIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
425
+ declare function SearchIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
426
+ declare function LogOutIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
427
+ declare function TagIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
428
+ declare function SendIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
429
+ declare function TrashIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
430
+ declare function Link2Icon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
431
+ declare function ChevronUpIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
432
+ declare function ChevronDownIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
433
+ declare function PlusIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
434
+ declare function UserCircleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
435
+ declare function PencilIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
436
+ declare function PhoneIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
437
+ declare function FolderClosedIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
438
+ declare function UploadIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
439
+ declare function DownloadIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
440
+ declare function MoreHorizontalIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
441
+ declare function ChevronRightIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
442
+ declare function ChevronLeftIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
443
+ declare function FileIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
444
+ declare function RotateCcwIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
445
+ declare function EyeIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
446
+ declare function ClockIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
447
+ declare function LayoutListIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
448
+ declare function LayoutGridIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
449
+ declare function LockIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
450
+ declare function FolderPlusIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
451
+ declare function MoveIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
452
+ declare function LockKeyholeIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
453
+ declare function PaperclipIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
454
+ declare function AtSignIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
455
+ declare function ZoomInIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
456
+ declare function ZoomOutIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
457
+ declare function XIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
458
+ declare function MessageCircleWarningIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
459
+ declare function FlagIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
460
+ declare function LockOpenIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
461
+ declare function MessageCircleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
462
+ declare function PenSignIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
463
+ declare function CopyIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
464
+ declare function MonitorIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
465
+ declare function SmartphoneIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
466
+ declare function AlertTriangleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
467
+ declare function ArrowRightSmallIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
468
+ declare function ArrowLeftIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
469
+ declare function CreditCardIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
470
+
471
+ interface InputProps$1 extends React.InputHTMLAttributes<HTMLInputElement> {
472
+ label?: string;
473
+ error?: string;
474
+ prefixIcon?: React.ReactNode;
475
+ suffixIcon?: React.ReactNode;
476
+ }
477
+ declare const Input: react.ForwardRefExoticComponent<InputProps$1 & react.RefAttributes<HTMLInputElement>>;
478
+
479
+ declare function KeyboardShortcutsDialog(): react.ReactPortal | null;
480
+
481
+ interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
482
+ required?: boolean;
483
+ }
484
+ declare function Label({ children, required, className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
485
+
486
+ declare const variantStyles$1: {
487
+ readonly primary: "bg-primary text-primary-foreground hover:bg-primary/90";
488
+ readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80";
489
+ readonly destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90";
490
+ readonly ghost: "hover:bg-accent hover:text-accent-foreground";
491
+ readonly outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground";
492
+ readonly link: "text-primary underline-offset-4 hover:underline";
493
+ };
494
+ declare const sizeStyles$1: {
495
+ readonly sm: "h-8 px-3 text-sm gap-1.5";
496
+ readonly md: "h-10 px-4 text-sm gap-2";
497
+ readonly lg: "h-12 px-6 text-base gap-2";
498
+ };
499
+ interface LinkButtonProps {
500
+ href: string;
501
+ variant?: keyof typeof variantStyles$1;
502
+ size?: keyof typeof sizeStyles$1;
503
+ iconLeft?: React.ReactNode;
504
+ iconRight?: React.ReactNode;
505
+ children: React.ReactNode;
506
+ className?: string;
507
+ onClick?: React.MouseEventHandler<HTMLAnchorElement>;
508
+ }
509
+ declare function LinkButton({ href, variant, size, iconLeft, iconRight, children, className, ...props }: LinkButtonProps): react_jsx_runtime.JSX.Element;
510
+
511
+ declare const sizeStyles: {
512
+ readonly sm: {
513
+ readonly icon: 24;
514
+ readonly text: "text-sm";
515
+ };
516
+ readonly md: {
517
+ readonly icon: 32;
518
+ readonly text: "text-lg";
519
+ };
520
+ readonly lg: {
521
+ readonly icon: 40;
522
+ readonly text: "text-xl";
523
+ };
524
+ };
525
+ interface LogoProps {
526
+ size?: keyof typeof sizeStyles;
527
+ href?: string;
528
+ showText?: boolean;
529
+ className?: string;
530
+ iconClassName?: string;
531
+ textClassName?: string;
532
+ /** Render wordmark for dark/brand surfaces: white "Light" + gold "Taxes". */
533
+ inverted?: boolean;
534
+ }
535
+ declare function Logo({ size, href, showText, className, iconClassName, textClassName, inverted, }: LogoProps): react_jsx_runtime.JSX.Element;
536
+
537
+ interface MultiFilterPillProps {
538
+ label: string;
539
+ icon?: React.ReactNode;
540
+ selected: Set<string>;
541
+ options: {
542
+ key: string;
543
+ label: string;
544
+ dot?: string;
545
+ }[];
546
+ onToggle: (key: string) => void;
547
+ onClear: () => void;
548
+ }
549
+ declare function MultiFilterPill({ label, icon, selected, options, onToggle, onClear, }: MultiFilterPillProps): react_jsx_runtime.JSX.Element;
550
+
551
+ interface MultiSelectFieldProps {
552
+ label: string;
553
+ options: string[];
554
+ value: string;
555
+ onChange: (value: string) => void;
556
+ className?: string;
557
+ }
558
+ declare function MultiSelectField({ label, options, value, onChange, className, }: MultiSelectFieldProps): react_jsx_runtime.JSX.Element;
559
+
560
+ interface OTPInputProps {
561
+ name: string;
562
+ length?: number;
563
+ error?: string;
564
+ autoFocus?: boolean;
565
+ className?: string;
566
+ defaultValue?: string;
567
+ }
568
+ declare function OTPInput({ name, length, error, autoFocus, className, defaultValue, }: OTPInputProps): react_jsx_runtime.JSX.Element;
569
+
570
+ interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
571
+ currentPage: number;
572
+ totalPages: number;
573
+ onPageChange: (page: number) => void;
574
+ siblingCount?: number;
575
+ /** Total item count — enables "Showing X–Y of Z" label */
576
+ totalItems?: number;
577
+ /** Items per page — used with totalItems for range display */
578
+ pageSize?: number;
579
+ }
580
+ declare function Pagination({ currentPage, totalPages, onPageChange, siblingCount, totalItems, pageSize, className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element | null;
581
+
582
+ type InputProps = React.ComponentProps<typeof Input>;
583
+ interface PhoneInputProps extends Omit<InputProps, "type" | "onChange" | "value" | "defaultValue"> {
584
+ value?: string;
585
+ defaultValue?: string;
586
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
587
+ }
588
+ declare function PhoneInput({ value, defaultValue, onChange, name, ...props }: PhoneInputProps): react_jsx_runtime.JSX.Element;
589
+
590
+ type Side$2 = "top" | "bottom" | "left" | "right";
591
+ type Align = "start" | "center" | "end";
592
+ interface PopoverProps {
593
+ children: React.ReactNode;
594
+ open?: boolean;
595
+ onOpenChange?: (open: boolean) => void;
596
+ }
597
+ declare function Popover({ children, open: controlledOpen, onOpenChange }: PopoverProps): react_jsx_runtime.JSX.Element;
598
+ type PopoverTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
599
+ declare function PopoverTrigger({ children, className, ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
600
+ interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {
601
+ side?: Side$2;
602
+ align?: Align;
603
+ }
604
+ declare function PopoverContent({ side, align, children, className, ...props }: PopoverContentProps): react.ReactPortal | null;
605
+
606
+ declare const variantStyles: {
607
+ readonly default: "bg-primary";
608
+ readonly success: "bg-success";
609
+ readonly warning: "bg-warning";
610
+ readonly destructive: "bg-destructive";
611
+ readonly info: "bg-info";
612
+ };
613
+ interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
614
+ value: number;
615
+ max?: number;
616
+ label?: string;
617
+ showPercentage?: boolean;
618
+ variant?: keyof typeof variantStyles;
619
+ }
620
+ declare function ProgressBar({ value, max, label, showPercentage, variant, className, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
621
+
622
+ interface ProgressRingProps extends React.HTMLAttributes<HTMLDivElement> {
623
+ value: number;
624
+ max?: number;
625
+ size?: number;
626
+ strokeWidth?: number;
627
+ label?: string;
628
+ sublabel?: string;
629
+ }
630
+ declare function ProgressRing({ value, max, size, strokeWidth, label, sublabel, className, ...props }: ProgressRingProps): react_jsx_runtime.JSX.Element;
631
+
632
+ interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
633
+ value?: string;
634
+ defaultValue?: string;
635
+ onValueChange?: (value: string) => void;
636
+ name?: string;
637
+ }
638
+ declare function RadioGroup({ value: controlledValue, defaultValue, onValueChange, name: providedName, children, className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
639
+ interface RadioGroupItemProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
640
+ value: string;
641
+ label?: string;
642
+ }
643
+ declare function RadioGroupItem({ value, label, className, id: providedId, ...props }: RadioGroupItemProps): react_jsx_runtime.JSX.Element;
644
+
645
+ interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
646
+ children: React.ReactNode;
647
+ }
648
+ declare function ScrollArea({ children, className, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
649
+
650
+ interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
651
+ value: string;
652
+ onValueChange: (value: string) => void;
653
+ onSearch?: (value: string) => void;
654
+ debounceMs?: number;
655
+ }
656
+ declare function SearchInput({ value, onValueChange, onSearch, debounceMs, className, placeholder, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
657
+
658
+ interface SearchSelectOption {
659
+ id: string;
660
+ label: string;
661
+ }
662
+ interface SearchSelectProps {
663
+ options: SearchSelectOption[];
664
+ selected: SearchSelectOption[];
665
+ onSelect: (option: SearchSelectOption) => void;
666
+ onRemove: (option: SearchSelectOption) => void;
667
+ onCreate?: (name: string) => void;
668
+ placeholder?: string;
669
+ className?: string;
670
+ disabled?: boolean;
671
+ }
672
+ declare function SearchSelect({ options, selected, onSelect, onRemove, onCreate, placeholder, className, disabled, }: SearchSelectProps): react_jsx_runtime.JSX.Element;
673
+
674
+ interface SectionHeaderProps {
675
+ title: string;
676
+ description?: string;
677
+ align?: "left" | "center";
678
+ className?: string;
679
+ }
680
+ declare function SectionHeader({ title, description, align, className, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
681
+
682
+ declare const maxWidthStyles: {
683
+ readonly sm: "max-w-3xl";
684
+ readonly md: "max-w-4xl";
685
+ readonly lg: "max-w-5xl";
686
+ readonly xl: "max-w-6xl";
687
+ };
688
+ interface SectionProps extends React.HTMLAttributes<HTMLElement> {
689
+ maxWidth?: keyof typeof maxWidthStyles;
690
+ as?: "section" | "div";
691
+ }
692
+ declare function Section({ maxWidth, as: Tag, children, className, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
693
+
694
+ interface SelectOption {
695
+ value: string;
696
+ label: string;
697
+ disabled?: boolean;
698
+ labelSuffix?: React.ReactNode;
699
+ }
700
+ interface SelectProps {
701
+ children?: React.ReactNode;
702
+ value?: string;
703
+ defaultValue?: string;
704
+ onValueChange?: (value: string) => void;
705
+ options: SelectOption[];
706
+ placeholder?: string;
707
+ searchable?: boolean;
708
+ }
709
+ declare function Select({ children, value: controlledValue, defaultValue, onValueChange, options, placeholder, searchable, }: SelectProps): react_jsx_runtime.JSX.Element;
710
+ type SelectTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
711
+ declare function SelectTrigger({ className, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
712
+ type SelectContentProps = React.HTMLAttributes<HTMLDivElement> & {
713
+ position?: "bottom" | "top";
714
+ };
715
+ declare function SelectContent({ className, position, ...props }: SelectContentProps): react_jsx_runtime.JSX.Element | null;
716
+
717
+ interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
718
+ orientation?: "horizontal" | "vertical";
719
+ decorative?: boolean;
720
+ }
721
+ declare function Separator({ orientation, decorative, className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
722
+
723
+ type Side$1 = "right" | "left" | "bottom";
724
+ interface SheetProps {
725
+ children: React.ReactNode;
726
+ open?: boolean;
727
+ onOpenChange?: (open: boolean) => void;
728
+ side?: Side$1;
729
+ }
730
+ declare function Sheet({ children, open: controlledOpen, onOpenChange, side, }: SheetProps): react_jsx_runtime.JSX.Element;
731
+ type SheetTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
732
+ declare function SheetTrigger({ children, className, ...props }: SheetTriggerProps): react_jsx_runtime.JSX.Element;
733
+ interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {
734
+ showCloseButton?: boolean;
735
+ }
736
+ declare function SheetContent({ children, className, showCloseButton, ...props }: SheetContentProps): react.ReactPortal | null;
737
+ type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
738
+ declare function SheetHeader({ className, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
739
+ type SheetTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
740
+ declare function SheetTitle({ className, ...props }: SheetTitleProps): react_jsx_runtime.JSX.Element;
741
+ type SheetDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
742
+ declare function SheetDescription({ className, ...props }: SheetDescriptionProps): react_jsx_runtime.JSX.Element;
743
+ type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
744
+ declare function SheetFooter({ className, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
745
+ type SheetCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
746
+ declare function SheetClose({ children, className, ...props }: SheetCloseProps): react_jsx_runtime.JSX.Element;
747
+
748
+ interface SideDrawerProps {
749
+ open: boolean;
750
+ onClose: () => void;
751
+ width?: "sm" | "md" | "lg";
752
+ side?: "right" | "left";
753
+ children: React.ReactNode;
754
+ }
755
+ declare function SideDrawer({ open, onClose, width, side, children, }: SideDrawerProps): react_jsx_runtime.JSX.Element;
756
+ declare namespace SideDrawer {
757
+ var Header: typeof SideDrawerHeader;
758
+ var Body: typeof SideDrawerBody;
759
+ var Footer: typeof SideDrawerFooter;
760
+ }
761
+ interface SideDrawerHeaderProps {
762
+ title: string;
763
+ subtitle?: string;
764
+ onClose?: () => void;
765
+ className?: string;
766
+ }
767
+ declare function SideDrawerHeader({ title, subtitle, onClose, className }: SideDrawerHeaderProps): react_jsx_runtime.JSX.Element;
768
+ interface SideDrawerBodyProps {
769
+ children: React.ReactNode;
770
+ className?: string;
771
+ }
772
+ declare function SideDrawerBody({ children, className }: SideDrawerBodyProps): react_jsx_runtime.JSX.Element;
773
+ interface SideDrawerFooterProps {
774
+ children: React.ReactNode;
775
+ className?: string;
776
+ }
777
+ declare function SideDrawerFooter({ children, className }: SideDrawerFooterProps): react_jsx_runtime.JSX.Element;
778
+
779
+ interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
780
+ className?: string;
781
+ }
782
+ declare function Skeleton({ className, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
783
+ interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {
784
+ lines?: number;
785
+ }
786
+ declare function SkeletonText({ lines, className, ...props }: SkeletonTextProps): react_jsx_runtime.JSX.Element;
787
+ interface SkeletonCircleProps extends React.HTMLAttributes<HTMLDivElement> {
788
+ size?: number;
789
+ }
790
+ declare function SkeletonCircle({ size, className, ...props }: SkeletonCircleProps): react_jsx_runtime.JSX.Element;
791
+
792
+ interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
793
+ label?: string;
794
+ showValue?: boolean;
795
+ }
796
+ declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLInputElement>>;
797
+
798
+ interface StarRatingProps {
799
+ rating: number;
800
+ max?: number;
801
+ size?: number;
802
+ className?: string;
803
+ }
804
+ declare function StarRating({ rating, max, size, className, }: StarRatingProps): react_jsx_runtime.JSX.Element;
805
+
806
+ interface StatProps extends React.HTMLAttributes<HTMLDivElement> {
807
+ value: string;
808
+ label: string;
809
+ }
810
+ declare function Stat({ value, label, className, ...props }: StatProps): react_jsx_runtime.JSX.Element;
811
+
812
+ interface Step {
813
+ label: string;
814
+ description?: string;
815
+ }
816
+ interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
817
+ steps: Step[];
818
+ currentStep: number;
819
+ }
820
+ declare function Stepper({ steps, currentStep, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
821
+
822
+ interface SubmitButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
823
+ pendingText?: string;
824
+ children: React.ReactNode;
825
+ }
826
+ declare function SubmitButton({ pendingText, children, className, ...props }: SubmitButtonProps): react_jsx_runtime.JSX.Element;
827
+
828
+ declare const sizeConfig: {
829
+ readonly sm: {
830
+ readonly track: "h-5 w-9";
831
+ readonly thumb: "size-3.5";
832
+ readonly translate: "translate-x-4";
833
+ };
834
+ readonly md: {
835
+ readonly track: "h-6 w-11";
836
+ readonly thumb: "size-4.5";
837
+ readonly translate: "translate-x-5";
838
+ };
839
+ };
840
+ interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
841
+ checked?: boolean;
842
+ defaultChecked?: boolean;
843
+ onCheckedChange?: (checked: boolean) => void;
844
+ label?: string;
845
+ size?: keyof typeof sizeConfig;
846
+ }
847
+ declare function Switch({ checked: controlledChecked, defaultChecked, onCheckedChange, label, size, className, id: providedId, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
848
+
849
+ interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
850
+ wrapperClassName?: string;
851
+ }
852
+ declare function Table({ className, wrapperClassName, ...props }: TableProps): react_jsx_runtime.JSX.Element;
853
+ type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
854
+ declare function TableHeader({ className, ...props }: TableHeaderProps): react_jsx_runtime.JSX.Element;
855
+ type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
856
+ declare function TableBody({ className, ...props }: TableBodyProps): react_jsx_runtime.JSX.Element;
857
+ type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
858
+ declare function TableRow({ className, ...props }: TableRowProps): react_jsx_runtime.JSX.Element;
859
+ type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;
860
+ declare function TableHead({ className, ...props }: TableHeadProps): react_jsx_runtime.JSX.Element;
861
+ type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
862
+ declare function TableCell({ className, ...props }: TableCellProps): react_jsx_runtime.JSX.Element;
863
+ type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
864
+ declare function TableCaption({ className, ...props }: TableCaptionProps): react_jsx_runtime.JSX.Element;
865
+
866
+ interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
867
+ value?: string;
868
+ defaultValue?: string;
869
+ onValueChange?: (value: string) => void;
870
+ }
871
+ declare function Tabs({ value: controlledValue, defaultValue, onValueChange, children, className, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
872
+ type TabsListProps = React.HTMLAttributes<HTMLDivElement>;
873
+ declare function TabsList({ children, className, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
874
+ interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
875
+ value: string;
876
+ variant?: "pill" | "underline";
877
+ }
878
+ declare function TabsTrigger({ value, variant, children, className, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
879
+ interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
880
+ value: string;
881
+ }
882
+ declare function TabsContent({ value, children, className, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
883
+
884
+ interface TeamMember {
885
+ id: string;
886
+ fullName: string;
887
+ }
888
+ interface TeamMemberSelectProps {
889
+ teamMembers: TeamMember[];
890
+ currentUserId?: string | null;
891
+ value: string;
892
+ onValueChange: (value: string) => void;
893
+ includeUnassigned?: boolean;
894
+ placeholder?: string;
895
+ }
896
+ declare function TeamMemberSelect({ teamMembers, currentUserId, value, onValueChange, includeUnassigned, placeholder, }: TeamMemberSelectProps): react_jsx_runtime.JSX.Element;
897
+
898
+ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
899
+ label?: string;
900
+ error?: string;
901
+ showCount?: boolean;
902
+ autoResize?: boolean;
903
+ }
904
+ declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
905
+
906
+ type ToastVariant = "default" | "success" | "destructive" | "warning";
907
+ interface Toast {
908
+ id: string;
909
+ title: string;
910
+ description?: string;
911
+ variant?: ToastVariant;
912
+ duration?: number;
913
+ }
914
+ interface ToastContextValue {
915
+ toast: (options: Omit<Toast, "id">) => void;
916
+ }
917
+ declare function useToast(): ToastContextValue;
918
+ interface ToastProviderProps {
919
+ children: React.ReactNode;
920
+ }
921
+ declare function ToastProvider({ children }: ToastProviderProps): react_jsx_runtime.JSX.Element;
922
+
923
+ interface ToggleGroupProps extends React.HTMLAttributes<HTMLDivElement> {
924
+ type?: "single" | "multiple";
925
+ value?: string[];
926
+ defaultValue?: string[];
927
+ onValueChange?: (value: string[]) => void;
928
+ variant?: "default" | "outline";
929
+ }
930
+ declare function ToggleGroup({ type, value: controlledValue, defaultValue, onValueChange, variant, children, className, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
931
+ interface ToggleGroupItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
932
+ value: string;
933
+ }
934
+ declare function ToggleGroupItem({ value, children, className, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
935
+
936
+ type Side = "top" | "right" | "bottom" | "left";
937
+ interface TooltipProps {
938
+ children: React.ReactNode;
939
+ delayMs?: number;
940
+ }
941
+ declare function Tooltip({ children, delayMs }: TooltipProps): react_jsx_runtime.JSX.Element;
942
+ type TooltipTriggerProps = React.HTMLAttributes<HTMLSpanElement>;
943
+ declare function TooltipTrigger({ children, className, ...props }: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
944
+ interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
945
+ side?: Side;
946
+ }
947
+ declare function TooltipContent({ side, children, className, ...props }: TooltipContentProps): react.ReactPortal | null;
948
+
949
+ interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLSpanElement> {
950
+ children: React.ReactNode;
951
+ }
952
+ declare function VisuallyHidden({ children, className, ...props }: VisuallyHiddenProps): react_jsx_runtime.JSX.Element;
953
+
954
+ declare function cn(...inputs: ClassValue[]): string;
955
+
956
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, AspectRatio, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BuildingIcon, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClientSelect, type ClientSelectOption, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, type CommandItem, CommandPalette, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CopyButton, CopyIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DocumentIcon, DownloadIcon, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, EyeIcon, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSuccess, GlobeIcon, HoverCard, HoverCardContent, HoverCardTrigger, Input, KeyIcon, KeyboardShortcutsDialog, Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkButton, LinkIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, MapPinIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, OTPInput, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverContent, PopoverTrigger, ProgressBar, ProgressRing, RadioGroup, RadioGroupItem, ReceiptIcon, RotateCcwIcon, ScrollArea, SearchIcon, SearchInput, SearchSelect, type SearchSelectOption, Section, SectionHeader, Select, SelectContent, SelectTrigger, SendIcon, Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShieldIcon, SideDrawer, Skeleton, SkeletonCircle, SkeletonText, Slider, SmartphoneIcon, SparkleIcon, StarIcon, StarRating, Stat, Stepper, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, ToastProvider, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, UploadIcon, UserCircleIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XIcon, ZoomInIcon, ZoomOutIcon, cn, displayToIso, isoToDisplay, useToast };