@hilum/ui 3.4.0 → 3.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/{chunk-MAHPAP65.js → chunk-RI6QJR2L.js} +6 -3
- package/dist/chunk-RI6QJR2L.js.map +1 -0
- package/dist/index.d.ts +789 -115
- package/dist/index.js +10404 -1099
- package/dist/index.js.map +1 -1
- package/dist/tokens.css +17 -0
- package/dist/tokens.d.ts +3 -0
- package/dist/tokens.js +1 -1
- package/llms.txt +18 -4
- package/package.json +19 -1
- package/src/components/accordion.tsx +746 -58
- package/src/components/alert-dialog.tsx +11 -5
- package/src/components/ask-user-questions.tsx +1366 -0
- package/src/components/badge.tsx +105 -24
- package/src/components/button.tsx +207 -38
- package/src/components/card.tsx +3 -2
- package/src/components/chat-message.tsx +116 -0
- package/src/components/checkbox-group.tsx +403 -0
- package/src/components/checkbox.tsx +6 -3
- package/src/components/color-input.tsx +3 -1
- package/src/components/color-picker.tsx +1992 -80
- package/src/components/dialog.tsx +141 -81
- package/src/components/dropdown-menu.tsx +21 -13
- package/src/components/dropdown.tsx +245 -0
- package/src/components/file-thumbnail.tsx +156 -0
- package/src/components/hover-card.tsx +2 -0
- package/src/components/input-copy.tsx +307 -0
- package/src/components/input-group.tsx +303 -108
- package/src/components/input-message.tsx +883 -0
- package/src/components/input.tsx +6 -3
- package/src/components/menu-item.tsx +156 -0
- package/src/components/mobile-drawer.tsx +50 -0
- package/src/components/nav-item.tsx +43 -0
- package/src/components/nav-menu.tsx +47 -0
- package/src/components/popover.tsx +3 -1
- package/src/components/radio-group.tsx +381 -35
- package/src/components/scroll-area.tsx +9 -2
- package/src/components/select.tsx +708 -121
- package/src/components/sheet.tsx +15 -6
- package/src/components/slider.tsx +1583 -20
- package/src/components/status-badge.tsx +2 -0
- package/src/components/switch.tsx +245 -28
- package/src/components/table.tsx +191 -77
- package/src/components/tabs-subtle.tsx +411 -0
- package/src/components/tabs.tsx +459 -49
- package/src/components/textarea.tsx +7 -3
- package/src/components/thinking-indicator.tsx +106 -0
- package/src/components/thinking-steps.tsx +382 -0
- package/src/components/tooltip.tsx +158 -33
- package/src/hooks/use-merge-split.tsx +359 -0
- package/src/hooks/use-proximity-hover.ts +208 -0
- package/src/index.ts +14 -0
- package/src/lib/elevated.tsx +52 -0
- package/src/lib/font-weight.ts +18 -0
- package/src/lib/icon-context.tsx +98 -0
- package/src/lib/icon-map.tsx +669 -0
- package/src/lib/interaction.ts +102 -0
- package/src/lib/scroll-fade.tsx +241 -0
- package/src/lib/shape-context.tsx +121 -0
- package/src/lib/springs.ts +30 -0
- package/src/lib/surface-classes.ts +43 -0
- package/src/lib/surface-context.tsx +17 -0
- package/src/tokens/tokens.ts +3 -0
- package/dist/chunk-MAHPAP65.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,22 +1,27 @@
|
|
|
1
1
|
import { ClassValue } from 'clsx';
|
|
2
2
|
import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
+
import { HTMLAttributes, ReactNode, ComponentType, ButtonHTMLAttributes, CSSProperties, ComponentPropsWithoutRef, InputHTMLAttributes, ChangeEventHandler, TextareaHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
4
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
-
import { DropdownMenu,
|
|
6
|
+
import { DropdownMenu, AlertDialog, AspectRatio, Avatar as Avatar$1, Checkbox, Collapsible, ContextMenu, HoverCard, Label as Label$1, Menubar, Dialog as Dialog$1, NavigationMenu, Popover, Progress, ScrollArea, Separator as Separator$1, ToggleGroup, Toggle } from 'radix-ui';
|
|
6
7
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
7
8
|
import { VariantProps } from 'class-variance-authority';
|
|
8
9
|
import { DayPicker } from 'react-day-picker';
|
|
9
10
|
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
10
11
|
import * as RechartsPrimitive from 'recharts';
|
|
11
12
|
export { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Legend, Line, LineChart, Pie, PieChart, Tooltip as RechartsTooltip, TooltipProps as RechartsTooltipProps, XAxis, YAxis } from 'recharts';
|
|
13
|
+
import { HTMLMotionProps, Transition } from 'framer-motion';
|
|
14
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
12
15
|
import { ColumnDef } from '@tanstack/react-table';
|
|
13
16
|
export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
|
|
14
|
-
import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
|
|
15
17
|
import * as vaul from 'vaul';
|
|
18
|
+
import * as pdfjs_dist from 'pdfjs-dist';
|
|
16
19
|
import * as input_otp from 'input-otp';
|
|
17
20
|
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
|
18
21
|
import { SeparatorProps, Panel, GroupProps } from 'react-resizable-panels';
|
|
19
22
|
import { Toaster as Toaster$1 } from 'sonner';
|
|
23
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
24
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
20
25
|
|
|
21
26
|
declare function cn(...inputs: ClassValue[]): string;
|
|
22
27
|
|
|
@@ -64,10 +69,47 @@ interface AccountMenuItemProps extends React.ComponentPropsWithoutRef<typeof Dro
|
|
|
64
69
|
declare const AccountMenuItem: React.ForwardRefExoticComponent<AccountMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
65
70
|
declare const AccountMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
66
71
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
72
|
+
type AccordionGroupSingleProps = {
|
|
73
|
+
type?: "single";
|
|
74
|
+
value?: string;
|
|
75
|
+
defaultValue?: string;
|
|
76
|
+
onValueChange?: (value: string) => void;
|
|
77
|
+
collapsible?: boolean;
|
|
78
|
+
};
|
|
79
|
+
type AccordionGroupMultipleProps = {
|
|
80
|
+
type: "multiple";
|
|
81
|
+
value?: string[];
|
|
82
|
+
defaultValue?: string[];
|
|
83
|
+
onValueChange?: (value: string[]) => void;
|
|
84
|
+
};
|
|
85
|
+
type AccordionGroupProps = HTMLAttributes<HTMLDivElement> & {
|
|
86
|
+
children: ReactNode;
|
|
87
|
+
} & (AccordionGroupSingleProps | AccordionGroupMultipleProps);
|
|
88
|
+
declare const AccordionGroup: React.ForwardRefExoticComponent<AccordionGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
89
|
+
interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
|
|
90
|
+
children: ReactNode;
|
|
91
|
+
type?: "single" | "multiple";
|
|
92
|
+
collapsible?: boolean;
|
|
93
|
+
defaultValue?: string | string[];
|
|
94
|
+
value?: string | string[];
|
|
95
|
+
onValueChange?: ((value: string) => void) | ((value: string[]) => void);
|
|
96
|
+
}
|
|
97
|
+
declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
|
|
98
|
+
interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
99
|
+
value: string;
|
|
100
|
+
index?: number;
|
|
101
|
+
disabled?: boolean;
|
|
102
|
+
children: ReactNode;
|
|
103
|
+
}
|
|
104
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
105
|
+
interface AccordionTriggerProps extends HTMLAttributes<HTMLButtonElement> {
|
|
106
|
+
children: ReactNode;
|
|
107
|
+
}
|
|
108
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
109
|
+
interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
110
|
+
children: ReactNode;
|
|
111
|
+
}
|
|
112
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
71
113
|
|
|
72
114
|
interface ActionPanelAction {
|
|
73
115
|
label: string;
|
|
@@ -142,6 +184,55 @@ declare const AlertDescription: React.ForwardRefExoticComponent<Omit<React.Detai
|
|
|
142
184
|
|
|
143
185
|
declare const AspectRatioRoot: React.ForwardRefExoticComponent<Omit<AspectRatio.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
144
186
|
|
|
187
|
+
interface AskUserOption {
|
|
188
|
+
id?: string;
|
|
189
|
+
title: string;
|
|
190
|
+
description?: string;
|
|
191
|
+
}
|
|
192
|
+
interface AskUserQuestion {
|
|
193
|
+
id?: string;
|
|
194
|
+
title: string;
|
|
195
|
+
options: AskUserOption[];
|
|
196
|
+
multiSelect?: boolean;
|
|
197
|
+
allowOther?: boolean;
|
|
198
|
+
otherPlaceholder?: string;
|
|
199
|
+
skippable?: boolean;
|
|
200
|
+
nextLabel?: string;
|
|
201
|
+
/** Visual layout for each option row.
|
|
202
|
+
* - "inline" (default): title and description on one line.
|
|
203
|
+
* - "stacked": title above, description below — useful when descriptions
|
|
204
|
+
* are long enough to wrap. */
|
|
205
|
+
layout?: "inline" | "stacked";
|
|
206
|
+
/** Which side of the row the numbered chip sits on.
|
|
207
|
+
* - "right" (default): chip on the right; the single-select submit
|
|
208
|
+
* arrow overlays it on hover/focus.
|
|
209
|
+
* - "left": chip on the left, before the body. The submit arrow
|
|
210
|
+
* still appears on the right edge of the row, so the action
|
|
211
|
+
* affordance stays where the eye expects it.
|
|
212
|
+
* Works with every other option (single/multi-select, allowOther,
|
|
213
|
+
* inline/stacked layout). */
|
|
214
|
+
chipPosition?: "left" | "right";
|
|
215
|
+
}
|
|
216
|
+
interface AskUserAnswer {
|
|
217
|
+
questionId: string;
|
|
218
|
+
selectedIds: string[];
|
|
219
|
+
otherText?: string;
|
|
220
|
+
skipped?: boolean;
|
|
221
|
+
}
|
|
222
|
+
interface AskUserQuestionsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
223
|
+
questions: AskUserQuestion[];
|
|
224
|
+
currentIndex?: number;
|
|
225
|
+
defaultCurrentIndex?: number;
|
|
226
|
+
onCurrentIndexChange?: (index: number) => void;
|
|
227
|
+
answers?: Record<string, AskUserAnswer>;
|
|
228
|
+
defaultAnswers?: Record<string, AskUserAnswer>;
|
|
229
|
+
onAnswersChange?: (answers: Record<string, AskUserAnswer>) => void;
|
|
230
|
+
onComplete?: (answers: Record<string, AskUserAnswer>) => void;
|
|
231
|
+
onSkip?: (questionId: string, currentIndex: number) => void;
|
|
232
|
+
skipLabel?: string;
|
|
233
|
+
}
|
|
234
|
+
declare const AskUserQuestions: React.ForwardRefExoticComponent<AskUserQuestionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
235
|
+
|
|
145
236
|
interface AvatarStackItem {
|
|
146
237
|
src?: string;
|
|
147
238
|
name: string;
|
|
@@ -183,15 +274,34 @@ declare const AvatarWithStatus: React.ForwardRefExoticComponent<AvatarWithStatus
|
|
|
183
274
|
children?: React.ReactNode;
|
|
184
275
|
} & React.RefAttributes<HTMLSpanElement>>;
|
|
185
276
|
|
|
277
|
+
declare const badgeColors: {
|
|
278
|
+
readonly gray: "#a3a3a3";
|
|
279
|
+
readonly red: "#ef4444";
|
|
280
|
+
readonly orange: "#f97316";
|
|
281
|
+
readonly amber: "#f59e0b";
|
|
282
|
+
readonly yellow: "#eab308";
|
|
283
|
+
readonly lime: "#84cc16";
|
|
284
|
+
readonly green: "#22c55e";
|
|
285
|
+
readonly emerald: "#10b981";
|
|
286
|
+
readonly teal: "#14b8a6";
|
|
287
|
+
readonly cyan: "#06b6d4";
|
|
288
|
+
readonly blue: "#3b82f6";
|
|
289
|
+
readonly indigo: "#6366f1";
|
|
290
|
+
readonly violet: "#8b5cf6";
|
|
291
|
+
readonly purple: "#a855f7";
|
|
292
|
+
readonly fuchsia: "#d946ef";
|
|
293
|
+
readonly pink: "#ec4899";
|
|
294
|
+
readonly rose: "#f43f5e";
|
|
295
|
+
};
|
|
296
|
+
type BadgeColor = keyof typeof badgeColors;
|
|
186
297
|
declare const badgeVariants: (props?: ({
|
|
187
|
-
variant?: "destructive" | "
|
|
298
|
+
variant?: "destructive" | "dot" | "outline" | "default" | "brand" | "secondary" | "solid" | "success" | "warning" | null | undefined;
|
|
299
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
188
300
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
189
|
-
interface BadgeProps extends
|
|
190
|
-
|
|
191
|
-
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
192
|
-
declare namespace Badge {
|
|
193
|
-
var displayName: string;
|
|
301
|
+
interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeVariants> {
|
|
302
|
+
color?: BadgeColor;
|
|
194
303
|
}
|
|
304
|
+
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
195
305
|
|
|
196
306
|
declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
|
|
197
307
|
separator?: React.ReactNode;
|
|
@@ -225,17 +335,31 @@ declare namespace ButtonGroupItem {
|
|
|
225
335
|
var displayName: string;
|
|
226
336
|
}
|
|
227
337
|
|
|
338
|
+
interface IconComponentProps {
|
|
339
|
+
size?: number;
|
|
340
|
+
strokeWidth?: number;
|
|
341
|
+
className?: string;
|
|
342
|
+
}
|
|
343
|
+
type IconComponent = ComponentType<IconComponentProps>;
|
|
344
|
+
type IconName = "chevron-right" | "chevron-down" | "x" | "copy" | "menu" | "dot" | "monitor" | "sun" | "moon" | "rectangle-horizontal" | "circle" | "square-library" | "clock" | "star" | "settings" | "plus" | "arrow-left" | "arrow-right" | "arrow-up" | "search" | "loader" | "users" | "lock" | "mail" | "bell" | "shield" | "palette" | "lightbulb" | "rocket" | "heart" | "paintbrush" | "brain" | "globe" | "user" | "image" | "link" | "check" | "rotate-ccw" | "play" | "pause" | "pipette" | "home" | "message-circle" | "inbox" | "pencil" | "skip-forward" | "corner-down-right";
|
|
345
|
+
|
|
228
346
|
declare const buttonVariants: (props?: ({
|
|
229
|
-
variant?: "link" | "destructive" | "default" | "
|
|
230
|
-
size?: "xs" | "sm" | "lg" | "icon" | "default" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
347
|
+
variant?: "link" | "destructive" | "outline" | "default" | "primary" | "brand" | "secondary" | "tertiary" | "ghost" | null | undefined;
|
|
348
|
+
size?: "xs" | "sm" | "md" | "lg" | "icon" | "default" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
349
|
+
iconLeft?: boolean | null | undefined;
|
|
350
|
+
iconRight?: boolean | null | undefined;
|
|
231
351
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
232
|
-
interface ButtonProps extends
|
|
352
|
+
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
233
353
|
asChild?: boolean;
|
|
354
|
+
loading?: boolean;
|
|
355
|
+
leadingIcon?: IconComponent;
|
|
356
|
+
trailingIcon?: IconComponent;
|
|
357
|
+
/** Force the visual pressed/held state. Useful when the button drives an
|
|
358
|
+
* external open piece of UI (a popover, dropdown, etc.) so it reads as
|
|
359
|
+
* engaged while the menu is showing. */
|
|
360
|
+
active?: boolean;
|
|
234
361
|
}
|
|
235
|
-
declare
|
|
236
|
-
declare namespace Button {
|
|
237
|
-
var displayName: string;
|
|
238
|
-
}
|
|
362
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
239
363
|
|
|
240
364
|
type CalendarProps = React.ComponentProps<typeof DayPicker>;
|
|
241
365
|
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
@@ -379,8 +503,48 @@ declare namespace ChartLegendContent {
|
|
|
379
503
|
var displayName: string;
|
|
380
504
|
}
|
|
381
505
|
|
|
506
|
+
interface ChatMessageProps extends Omit<HTMLMotionProps<"div">, "children"> {
|
|
507
|
+
/** Who sent the message. Drives alignment and bubble colour:
|
|
508
|
+
* `user` → right-aligned accent bubble, `assistant` → left-aligned plain text. */
|
|
509
|
+
from: "user" | "assistant";
|
|
510
|
+
/** Optional attachments rendered as square thumbnails above the bubble. */
|
|
511
|
+
files?: File[];
|
|
512
|
+
/** Side length of each attachment thumbnail in pixels. Defaults to 64. */
|
|
513
|
+
thumbnailSize?: number;
|
|
514
|
+
/** Timestamp shown in the hover-revealed meta row, before the actions.
|
|
515
|
+
* User-message only — ignored on assistant replies. Caller pre-formats it
|
|
516
|
+
* (e.g. `"Wednesday 6:08 PM"`). */
|
|
517
|
+
time?: ReactNode;
|
|
518
|
+
/** Icon-only action buttons shown in the hover-revealed meta row (e.g. copy,
|
|
519
|
+
* edit, regenerate). Rendered next to the timestamp. */
|
|
520
|
+
actions?: ReactNode;
|
|
521
|
+
/** Message body. When omitted the text bubble is dropped (attachment-only message). */
|
|
522
|
+
children?: ReactNode;
|
|
523
|
+
}
|
|
524
|
+
declare const ChatMessage: React.ForwardRefExoticComponent<Omit<ChatMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
525
|
+
|
|
382
526
|
declare const CheckboxRoot: React.ForwardRefExoticComponent<Omit<Checkbox.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
383
527
|
|
|
528
|
+
interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
529
|
+
children?: ReactNode;
|
|
530
|
+
checkedIndices?: Set<number>;
|
|
531
|
+
options?: Array<{
|
|
532
|
+
value: string;
|
|
533
|
+
label: string;
|
|
534
|
+
disabled?: boolean;
|
|
535
|
+
}>;
|
|
536
|
+
value?: string[];
|
|
537
|
+
onValueChange?: (value: string[]) => void;
|
|
538
|
+
}
|
|
539
|
+
declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
540
|
+
interface CheckboxItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
541
|
+
label: string;
|
|
542
|
+
index: number;
|
|
543
|
+
checked: boolean;
|
|
544
|
+
onToggle: () => void;
|
|
545
|
+
}
|
|
546
|
+
declare const CheckboxItem: React.ForwardRefExoticComponent<CheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
547
|
+
|
|
384
548
|
declare const CollapsibleRoot: React.ForwardRefExoticComponent<Collapsible.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
385
549
|
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Collapsible.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
386
550
|
declare const CollapsibleContent: React.ForwardRefExoticComponent<Collapsible.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -404,20 +568,80 @@ declare namespace ColorInput {
|
|
|
404
568
|
var displayName: string;
|
|
405
569
|
}
|
|
406
570
|
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
571
|
+
type ColorFormat = "hex" | "rgb" | "hsl" | "oklch";
|
|
572
|
+
declare function ColorPickerPortalContainer({ value, children, }: {
|
|
573
|
+
value: HTMLElement | null;
|
|
574
|
+
children: ReactNode;
|
|
575
|
+
}): react_jsx_runtime.JSX.Element;
|
|
576
|
+
interface ParsedColor {
|
|
577
|
+
h: number;
|
|
578
|
+
s: number;
|
|
579
|
+
v: number;
|
|
580
|
+
a: number;
|
|
581
|
+
r: number;
|
|
582
|
+
g: number;
|
|
583
|
+
b: number;
|
|
584
|
+
hex: string;
|
|
585
|
+
rgb: string;
|
|
586
|
+
hsl: string;
|
|
587
|
+
oklch: string;
|
|
588
|
+
}
|
|
589
|
+
interface ColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
|
|
590
|
+
value?: string;
|
|
591
|
+
defaultValue?: string;
|
|
592
|
+
onChange?: (value: string) => void;
|
|
593
|
+
onValueChange?: (value: string, parsed: ParsedColor) => void;
|
|
415
594
|
ariaLabel?: string;
|
|
595
|
+
format?: ColorFormat;
|
|
596
|
+
defaultFormat?: ColorFormat;
|
|
597
|
+
onFormatChange?: (format: ColorFormat) => void;
|
|
598
|
+
swatches?: string[];
|
|
599
|
+
presets?: string[];
|
|
600
|
+
hideEyedropper?: boolean;
|
|
601
|
+
disabled?: boolean;
|
|
602
|
+
/** Controls the format dropdown's open state. When provided, the dropdown
|
|
603
|
+
* is fully controlled and ignores user toggles. */
|
|
604
|
+
formatOpen?: boolean;
|
|
605
|
+
/** Initial open state for the format dropdown (uncontrolled). */
|
|
606
|
+
defaultFormatOpen?: boolean;
|
|
607
|
+
}
|
|
608
|
+
interface ColorPickerPopoverProps extends ColorPickerProps {
|
|
609
|
+
triggerLabel?: string;
|
|
610
|
+
triggerLabelPosition?: "left" | "right";
|
|
611
|
+
triggerShowValue?: boolean;
|
|
612
|
+
triggerShowRemove?: boolean;
|
|
613
|
+
onTriggerRemove?: () => void;
|
|
614
|
+
triggerClassName?: string;
|
|
615
|
+
/** Controls the popover's open state. When provided, the popover is fully
|
|
616
|
+
* controlled and ignores trigger clicks. */
|
|
617
|
+
open?: boolean;
|
|
618
|
+
/** Initial open state for the popover (uncontrolled). */
|
|
619
|
+
defaultOpen?: boolean;
|
|
620
|
+
/** Called when the open state would change (fires even when controlled). */
|
|
621
|
+
onOpenChange?: (open: boolean) => void;
|
|
416
622
|
}
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
623
|
+
interface ColorSwatchProps extends Omit<HTMLAttributes<HTMLButtonElement>, "color"> {
|
|
624
|
+
color: string;
|
|
625
|
+
size?: number;
|
|
626
|
+
selected?: boolean;
|
|
627
|
+
}
|
|
628
|
+
declare function parseColor(input: string): {
|
|
629
|
+
r: number;
|
|
630
|
+
g: number;
|
|
631
|
+
b: number;
|
|
632
|
+
a: number;
|
|
633
|
+
} | null;
|
|
634
|
+
declare function buildParsed(h: number, s: number, v: number, a: number): ParsedColor;
|
|
635
|
+
interface ColorTileProps {
|
|
636
|
+
color: string;
|
|
637
|
+
size?: number;
|
|
638
|
+
className?: string;
|
|
639
|
+
style?: CSSProperties;
|
|
420
640
|
}
|
|
641
|
+
declare function ColorTile({ color, size, className, style }: ColorTileProps): react_jsx_runtime.JSX.Element;
|
|
642
|
+
declare const ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLButtonElement>>;
|
|
643
|
+
declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
644
|
+
declare const ColorPickerPopover: React.ForwardRefExoticComponent<ColorPickerPopoverProps & React.RefAttributes<HTMLDivElement>>;
|
|
421
645
|
|
|
422
646
|
interface ComboboxOption {
|
|
423
647
|
value: string;
|
|
@@ -461,21 +685,23 @@ declare namespace CommandPalette {
|
|
|
461
685
|
var displayName: string;
|
|
462
686
|
}
|
|
463
687
|
|
|
464
|
-
declare
|
|
465
|
-
declare const DialogTrigger: React.ForwardRefExoticComponent<
|
|
466
|
-
declare const DialogClose: React.ForwardRefExoticComponent<
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
}
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
declare
|
|
478
|
-
declare
|
|
688
|
+
declare function Dialog({ children, open: controlledOpen, defaultOpen, onOpenChange, ...props }: DialogPrimitive.DialogProps): react_jsx_runtime.JSX.Element;
|
|
689
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
690
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
691
|
+
interface DialogContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
692
|
+
size?: "sm" | "lg";
|
|
693
|
+
/** Portal target. When set, the overlay and panel render inside this element
|
|
694
|
+
* (positioned `absolute`) instead of covering the viewport (`fixed`). Pair
|
|
695
|
+
* with a `position: relative; overflow: hidden` container — and usually
|
|
696
|
+
* `<Dialog modal={false}>` — to scope a dialog to a bounded region, e.g. a
|
|
697
|
+
* docs preview. Defaults to the document body / full-viewport behaviour. */
|
|
698
|
+
container?: HTMLElement | null;
|
|
699
|
+
}
|
|
700
|
+
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
701
|
+
declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
702
|
+
declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
703
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
704
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
479
705
|
|
|
480
706
|
interface CommandProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
481
707
|
onSelect?: (value: string) => void;
|
|
@@ -503,7 +729,7 @@ declare function CommandShortcut({ className, ...props }: React.HTMLAttributes<H
|
|
|
503
729
|
declare namespace CommandShortcut {
|
|
504
730
|
var displayName: string;
|
|
505
731
|
}
|
|
506
|
-
interface CommandDialogProps extends React.ComponentProps<typeof
|
|
732
|
+
interface CommandDialogProps extends React.ComponentProps<typeof Dialog> {
|
|
507
733
|
title?: string;
|
|
508
734
|
description?: string;
|
|
509
735
|
className?: string;
|
|
@@ -611,11 +837,11 @@ declare namespace DescriptionList {
|
|
|
611
837
|
}
|
|
612
838
|
|
|
613
839
|
declare const DrawerRoot: typeof vaul.Root;
|
|
614
|
-
declare const DrawerTrigger: React.ForwardRefExoticComponent<
|
|
840
|
+
declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
615
841
|
declare const DrawerPortal: typeof vaul.Portal;
|
|
616
|
-
declare const DrawerClose: React.ForwardRefExoticComponent<
|
|
617
|
-
declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<
|
|
618
|
-
declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<
|
|
842
|
+
declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
843
|
+
declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
844
|
+
declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
619
845
|
declare const DrawerHeader: {
|
|
620
846
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
621
847
|
displayName: string;
|
|
@@ -624,8 +850,22 @@ declare const DrawerFooter: {
|
|
|
624
850
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
625
851
|
displayName: string;
|
|
626
852
|
};
|
|
627
|
-
declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<
|
|
628
|
-
declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<
|
|
853
|
+
declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
854
|
+
declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
855
|
+
|
|
856
|
+
interface DropdownContextValue {
|
|
857
|
+
registerItem: (index: number, element: HTMLElement | null) => void;
|
|
858
|
+
activeIndex: number | null;
|
|
859
|
+
checkedIndex?: number;
|
|
860
|
+
}
|
|
861
|
+
declare function useDropdown(): DropdownContextValue;
|
|
862
|
+
interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
|
|
863
|
+
children: ReactNode;
|
|
864
|
+
checkedIndex?: number;
|
|
865
|
+
}
|
|
866
|
+
declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
|
|
867
|
+
declare const DropdownLabel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
868
|
+
declare const DropdownSeparator: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
629
869
|
|
|
630
870
|
interface EmptyStateProps {
|
|
631
871
|
icon?: React.ReactNode;
|
|
@@ -659,6 +899,19 @@ declare namespace Field {
|
|
|
659
899
|
var displayName: string;
|
|
660
900
|
}
|
|
661
901
|
|
|
902
|
+
type PdfjsModule = typeof pdfjs_dist;
|
|
903
|
+
declare function loadPdfjs(): Promise<PdfjsModule>;
|
|
904
|
+
declare function renderPdfFirstPage(file: File, targetWidth: number): Promise<string>;
|
|
905
|
+
interface FileThumbnailProps {
|
|
906
|
+
file?: File;
|
|
907
|
+
name?: string;
|
|
908
|
+
type?: string;
|
|
909
|
+
/** Side length of the square thumbnail in pixels. */
|
|
910
|
+
size?: number | string;
|
|
911
|
+
className?: string;
|
|
912
|
+
}
|
|
913
|
+
declare function FileThumbnail({ file, name, type, size, className }: FileThumbnailProps): react_jsx_runtime.JSX.Element;
|
|
914
|
+
|
|
662
915
|
type FileDropzoneSelectedFile = Pick<File, "name" | "size">;
|
|
663
916
|
interface FileDropzoneProps extends Omit<React.HTMLAttributes<HTMLLabelElement>, "children" | "onChange" | "onDrop" | "onDragOver" | "onDragLeave"> {
|
|
664
917
|
accept?: string;
|
|
@@ -736,19 +989,142 @@ declare const HoverCardRoot: React.FC<HoverCard.HoverCardProps>;
|
|
|
736
989
|
declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCard.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
737
990
|
declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCard.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
738
991
|
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
992
|
+
type InputCopyVariant = "icon" | "button";
|
|
993
|
+
type InputCopyAlign = "right" | "left";
|
|
994
|
+
interface InputCopyProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
995
|
+
/** The value to display and copy to clipboard. */
|
|
996
|
+
value: string;
|
|
997
|
+
/** Optional label displayed above the input. */
|
|
998
|
+
label?: string;
|
|
999
|
+
/** Callback fired after the value is copied. */
|
|
1000
|
+
onCopy?: () => void;
|
|
1001
|
+
/** Whether the component is disabled. */
|
|
1002
|
+
disabled?: boolean;
|
|
1003
|
+
/** Display variant: icon-only with tooltip, or button with label. */
|
|
1004
|
+
variant?: InputCopyVariant;
|
|
1005
|
+
/** Position of the copy action relative to the value. */
|
|
1006
|
+
align?: InputCopyAlign;
|
|
1007
|
+
}
|
|
1008
|
+
declare const InputCopy: React.ForwardRefExoticComponent<InputCopyProps & React.RefAttributes<HTMLDivElement>>;
|
|
1009
|
+
|
|
1010
|
+
interface InputGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1011
|
+
children?: ReactNode;
|
|
1012
|
+
placeholder?: string;
|
|
1013
|
+
value?: string;
|
|
1014
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
1015
|
+
leadingAddon?: ReactNode;
|
|
1016
|
+
trailingAddon?: ReactNode;
|
|
1017
|
+
trailingAction?: ReactNode;
|
|
1018
|
+
leadingIcon?: ReactNode;
|
|
1019
|
+
trailingIcon?: ReactNode;
|
|
1020
|
+
trailingButton?: ReactNode;
|
|
1021
|
+
error?: boolean | string;
|
|
1022
|
+
disabled?: boolean;
|
|
749
1023
|
wrapperClassName?: string;
|
|
1024
|
+
pill?: boolean;
|
|
1025
|
+
type?: InputHTMLAttributes<HTMLInputElement>["type"];
|
|
1026
|
+
defaultValue?: InputHTMLAttributes<HTMLInputElement>["defaultValue"];
|
|
1027
|
+
id?: string;
|
|
1028
|
+
}
|
|
1029
|
+
declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
1030
|
+
interface InputFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "index"> {
|
|
1031
|
+
label: string;
|
|
1032
|
+
placeholder?: string;
|
|
1033
|
+
icon?: IconComponent;
|
|
1034
|
+
index: number;
|
|
1035
|
+
value: string;
|
|
1036
|
+
onChange: (value: string) => void;
|
|
1037
|
+
error?: string;
|
|
1038
|
+
disabled?: boolean;
|
|
1039
|
+
className?: string;
|
|
1040
|
+
}
|
|
1041
|
+
declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLLabelElement>>;
|
|
1042
|
+
|
|
1043
|
+
interface InputMessageSlotContext {
|
|
1044
|
+
/** Opens the native file picker via the hidden `<input type="file">`.
|
|
1045
|
+
* Pass `acceptOverride` (e.g. `"image/*"`) to scope the picker to a
|
|
1046
|
+
* subset of the component's accept types just for this invocation. */
|
|
1047
|
+
openFilePicker: (acceptOverride?: string) => void;
|
|
1048
|
+
/** Currently-attached files (controlled). */
|
|
1049
|
+
files: File[];
|
|
1050
|
+
}
|
|
1051
|
+
type InputMessageSlot = ReactNode | ((ctx: InputMessageSlotContext) => ReactNode);
|
|
1052
|
+
/** A message held in the queue while the assistant is responding. Carries the
|
|
1053
|
+
* trimmed text plus a snapshot of the files attached when it was queued, so
|
|
1054
|
+
* double-click-to-edit can restore both. `id` is a stable key minted on enqueue. */
|
|
1055
|
+
interface QueuedMessage {
|
|
1056
|
+
id: string;
|
|
1057
|
+
text: string;
|
|
1058
|
+
files: File[];
|
|
750
1059
|
}
|
|
751
|
-
|
|
1060
|
+
interface InputMessageProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1061
|
+
/** Controlled textarea value. */
|
|
1062
|
+
value: string;
|
|
1063
|
+
/** Called with the new value on every textarea change. */
|
|
1064
|
+
onValueChange: (value: string) => void;
|
|
1065
|
+
/** Fired when the user submits (Enter or the send button) and when a queued
|
|
1066
|
+
* message auto-dispatches. Receives the trimmed value, the attached files,
|
|
1067
|
+
* and — for auto-dispatched queue items — `meta.queuedId` (the originating
|
|
1068
|
+
* QueuedMessage id), so a consumer can e.g. morph the queued item into the
|
|
1069
|
+
* sent message via a shared-layout (`layoutId`) transition. */
|
|
1070
|
+
onSend?: (value: string, files: File[], meta?: {
|
|
1071
|
+
queuedId?: string;
|
|
1072
|
+
}) => void;
|
|
1073
|
+
/** Placeholder text shown when the value is empty. */
|
|
1074
|
+
placeholder?: string;
|
|
1075
|
+
/** Content rendered in the bottom-left action area. Can be a function that
|
|
1076
|
+
* receives `{ openFilePicker, files }` to wire an attach button. */
|
|
1077
|
+
leftSlot?: InputMessageSlot;
|
|
1078
|
+
/** Content rendered in the bottom-right action area, before the built-in
|
|
1079
|
+
* send button. Same render-fn shape as leftSlot. */
|
|
1080
|
+
rightSlot?: InputMessageSlot;
|
|
1081
|
+
/** Disables the textarea, send button, and drag-and-drop. */
|
|
1082
|
+
disabled?: boolean;
|
|
1083
|
+
/** Minimum visible rows before the textarea grows. */
|
|
1084
|
+
minRows?: number;
|
|
1085
|
+
/** Maximum visible rows before the textarea starts to scroll. */
|
|
1086
|
+
maxRows?: number;
|
|
1087
|
+
/** When false, clicking the surrounding container won't refocus the textarea. */
|
|
1088
|
+
clickToFocus?: boolean;
|
|
1089
|
+
/** Accessible label for the send button. */
|
|
1090
|
+
sendLabel?: string;
|
|
1091
|
+
/** Controlled list of attached files. When undefined, attachment behavior
|
|
1092
|
+
* is disabled (no drag-drop, no file input). */
|
|
1093
|
+
files?: File[];
|
|
1094
|
+
/** Called when files are added (drag-drop or picker) or removed. */
|
|
1095
|
+
onFilesChange?: (files: File[]) => void;
|
|
1096
|
+
/** Accepted MIME types as a comma-separated string. Defaults to PNG / JPEG / PDF. */
|
|
1097
|
+
accept?: string;
|
|
1098
|
+
/** Maximum number of files. Extra files are dropped when the limit is exceeded. */
|
|
1099
|
+
maxFiles?: number;
|
|
1100
|
+
/** Side of each preview tile in pixels. Defaults to 80. */
|
|
1101
|
+
filePreviewSize?: number;
|
|
1102
|
+
/** Extra props forwarded to the underlying textarea. */
|
|
1103
|
+
textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange" | "onKeyDown" | "disabled" | "placeholder">;
|
|
1104
|
+
/** Assistant response state. When `"streaming"`, the send button becomes a
|
|
1105
|
+
* Stop control (empty draft) or a Queue action (non-empty draft); on the
|
|
1106
|
+
* `streaming → idle` edge the next queued message auto-dispatches via `onSend`.
|
|
1107
|
+
* Leave undefined to keep the legacy send-immediately behavior. */
|
|
1108
|
+
status?: "idle" | "streaming";
|
|
1109
|
+
/** Fired when the Stop control is pressed (streaming, empty draft). The
|
|
1110
|
+
* consumer should halt the current response and flip `status` to `"idle"`,
|
|
1111
|
+
* which immediately dispatches the next queued message. */
|
|
1112
|
+
onStop?: () => void;
|
|
1113
|
+
/** Controlled queue of pending messages. Requires `status` to be controlled. */
|
|
1114
|
+
queue?: QueuedMessage[];
|
|
1115
|
+
/** Called when the queue changes (enqueue, edit, delete, reorder, dispatch). */
|
|
1116
|
+
onQueueChange?: (queue: QueuedMessage[]) => void;
|
|
1117
|
+
/** Render the built-in reorderable queue rows above the textarea. Set to
|
|
1118
|
+
* `false` to suppress them and render the queue yourself (e.g. as full-width
|
|
1119
|
+
* rows above the composer) — enqueue + auto-dispatch still run. */
|
|
1120
|
+
showQueue?: boolean;
|
|
1121
|
+
/** Previously-sent messages, oldest first. When the textarea is focused,
|
|
1122
|
+
* ArrowUp (caret on the first line) recalls the previous one and walks
|
|
1123
|
+
* backward through history; ArrowDown (caret on the last line) walks forward
|
|
1124
|
+
* toward the in-progress draft. Editing or sending exits history mode. */
|
|
1125
|
+
history?: string[];
|
|
1126
|
+
}
|
|
1127
|
+
declare const InputMessage: React.ForwardRefExoticComponent<InputMessageProps & React.RefAttributes<HTMLDivElement>>;
|
|
752
1128
|
|
|
753
1129
|
interface InputNumberProps extends Omit<React.ComponentProps<"input">, "type" | "value" | "onChange"> {
|
|
754
1130
|
value: number | null;
|
|
@@ -773,7 +1149,7 @@ interface InputNumberProps extends Omit<React.ComponentProps<"input">, "type" |
|
|
|
773
1149
|
*/
|
|
774
1150
|
declare const InputNumber: React.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
775
1151
|
|
|
776
|
-
declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "
|
|
1152
|
+
declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "textAlign" | "onComplete" | "maxLength" | "containerClassName" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
|
|
777
1153
|
value?: string;
|
|
778
1154
|
onChange?: (newValue: string) => unknown;
|
|
779
1155
|
maxLength: number;
|
|
@@ -786,7 +1162,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
|
|
|
786
1162
|
} & {
|
|
787
1163
|
render: (props: input_otp.RenderProps) => React.ReactNode;
|
|
788
1164
|
children?: never;
|
|
789
|
-
} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "
|
|
1165
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "textAlign" | "onComplete" | "maxLength" | "containerClassName" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
|
|
790
1166
|
value?: string;
|
|
791
1167
|
onChange?: (newValue: string) => unknown;
|
|
792
1168
|
maxLength: number;
|
|
@@ -845,6 +1221,18 @@ declare namespace MediaObject {
|
|
|
845
1221
|
var displayName: string;
|
|
846
1222
|
}
|
|
847
1223
|
|
|
1224
|
+
interface MenuItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
1225
|
+
/** Optional leading icon. When omitted, the row renders text-only with no
|
|
1226
|
+
* reserved icon column. */
|
|
1227
|
+
icon?: IconComponent | ReactNode;
|
|
1228
|
+
label?: string;
|
|
1229
|
+
index?: number;
|
|
1230
|
+
checked?: boolean;
|
|
1231
|
+
onSelect?: () => void;
|
|
1232
|
+
trailing?: ReactNode;
|
|
1233
|
+
}
|
|
1234
|
+
declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
1235
|
+
|
|
848
1236
|
declare const MenubarRoot: React.ForwardRefExoticComponent<Omit<Menubar.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
849
1237
|
declare const MenubarMenu: {
|
|
850
1238
|
(props: Menubar.MenubarMenuProps & {
|
|
@@ -875,10 +1263,63 @@ declare namespace MenubarShortcut {
|
|
|
875
1263
|
var displayName: string;
|
|
876
1264
|
}
|
|
877
1265
|
|
|
1266
|
+
declare const SheetRoot: React.FC<Dialog$1.DialogProps>;
|
|
1267
|
+
declare const SheetTrigger: React.ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1268
|
+
declare const SheetClose: React.ForwardRefExoticComponent<Dialog$1.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1269
|
+
declare const sheetContentVariants: (props?: ({
|
|
1270
|
+
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
1271
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1272
|
+
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof Dialog$1.Content>, VariantProps<typeof sheetContentVariants> {
|
|
1273
|
+
}
|
|
1274
|
+
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
1275
|
+
declare function SheetHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1276
|
+
declare namespace SheetHeader {
|
|
1277
|
+
var displayName: string;
|
|
1278
|
+
}
|
|
1279
|
+
declare function SheetFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1280
|
+
declare namespace SheetFooter {
|
|
1281
|
+
var displayName: string;
|
|
1282
|
+
}
|
|
1283
|
+
declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Dialog$1.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
1284
|
+
declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Dialog$1.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
1285
|
+
|
|
1286
|
+
interface MobileDrawerProps extends React.ComponentProps<typeof SheetRoot> {
|
|
1287
|
+
title: React.ReactNode;
|
|
1288
|
+
description?: React.ReactNode;
|
|
1289
|
+
triggerLabel?: string;
|
|
1290
|
+
children: React.ReactNode;
|
|
1291
|
+
}
|
|
1292
|
+
declare function MobileDrawer({ title, description, triggerLabel, children, ...props }: MobileDrawerProps): react_jsx_runtime.JSX.Element;
|
|
1293
|
+
declare namespace MobileDrawer {
|
|
1294
|
+
var displayName: string;
|
|
1295
|
+
}
|
|
1296
|
+
|
|
878
1297
|
declare const NativeSelect: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
|
|
879
1298
|
declare const NativeSelectOption: React.ForwardRefExoticComponent<React.OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
|
|
880
1299
|
declare const NativeSelectOptGroup: React.ForwardRefExoticComponent<React.OptgroupHTMLAttributes<HTMLOptGroupElement> & React.RefAttributes<HTMLOptGroupElement>>;
|
|
881
1300
|
|
|
1301
|
+
interface NavItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
1302
|
+
icon?: React.ReactNode;
|
|
1303
|
+
active?: boolean;
|
|
1304
|
+
trailing?: React.ReactNode;
|
|
1305
|
+
}
|
|
1306
|
+
declare const NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
1307
|
+
|
|
1308
|
+
interface NavMenuItem {
|
|
1309
|
+
href: string;
|
|
1310
|
+
label: React.ReactNode;
|
|
1311
|
+
icon?: React.ReactNode;
|
|
1312
|
+
active?: boolean;
|
|
1313
|
+
trailing?: React.ReactNode;
|
|
1314
|
+
}
|
|
1315
|
+
interface NavMenuProps extends React.HTMLAttributes<HTMLElement> {
|
|
1316
|
+
items: NavMenuItem[];
|
|
1317
|
+
}
|
|
1318
|
+
declare function NavMenu({ items, className, ...props }: NavMenuProps): react_jsx_runtime.JSX.Element;
|
|
1319
|
+
declare namespace NavMenu {
|
|
1320
|
+
var displayName: string;
|
|
1321
|
+
}
|
|
1322
|
+
|
|
882
1323
|
declare const NavigationMenuRoot: React.ForwardRefExoticComponent<Omit<NavigationMenu.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
883
1324
|
declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenu.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
884
1325
|
declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenu.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
@@ -1015,8 +1456,23 @@ declare namespace RadioCards {
|
|
|
1015
1456
|
var displayName: string;
|
|
1016
1457
|
}
|
|
1017
1458
|
|
|
1018
|
-
|
|
1019
|
-
|
|
1459
|
+
interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
1460
|
+
children: ReactNode;
|
|
1461
|
+
selectedIndex?: number;
|
|
1462
|
+
value?: string;
|
|
1463
|
+
defaultValue?: string;
|
|
1464
|
+
onValueChange?: (value: string) => void;
|
|
1465
|
+
}
|
|
1466
|
+
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
1467
|
+
interface RadioItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
1468
|
+
label?: string;
|
|
1469
|
+
index?: number;
|
|
1470
|
+
selected?: boolean;
|
|
1471
|
+
onSelect?: () => void;
|
|
1472
|
+
value?: string;
|
|
1473
|
+
}
|
|
1474
|
+
declare const RadioItem: React.ForwardRefExoticComponent<RadioItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
1475
|
+
declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
1020
1476
|
|
|
1021
1477
|
type ResizablePanelGroupProps = Omit<GroupProps, "orientation"> & {
|
|
1022
1478
|
/** Alias for `orientation` — matches the common shadcn/ui API. */
|
|
@@ -1120,36 +1576,58 @@ declare function SearchableTable<T extends {
|
|
|
1120
1576
|
id: string | number;
|
|
1121
1577
|
}>({ data, columns, searchPlaceholder, searchTerm, onSearchChange, filters, emptyState, actions, mobileCard, tableClassName, pagination, }: SearchableTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
1122
1578
|
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
declare
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
declare const
|
|
1137
|
-
|
|
1138
|
-
side?: "top" | "right" | "bottom" | "left" | null | undefined;
|
|
1579
|
+
interface SelectProps {
|
|
1580
|
+
children: ReactNode;
|
|
1581
|
+
value?: string;
|
|
1582
|
+
defaultValue?: string;
|
|
1583
|
+
onValueChange?: (value: string) => void;
|
|
1584
|
+
disabled?: boolean;
|
|
1585
|
+
name?: string;
|
|
1586
|
+
required?: boolean;
|
|
1587
|
+
}
|
|
1588
|
+
declare function Select({ children, value, defaultValue, onValueChange, disabled, name, required, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
1589
|
+
declare namespace Select {
|
|
1590
|
+
var displayName: string;
|
|
1591
|
+
}
|
|
1592
|
+
declare const triggerVariants: (props?: ({
|
|
1593
|
+
variant?: "bordered" | "borderless" | null | undefined;
|
|
1139
1594
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1140
|
-
interface
|
|
1595
|
+
interface SelectTriggerProps extends HTMLAttributes<HTMLButtonElement>, VariantProps<typeof triggerVariants> {
|
|
1596
|
+
icon?: IconComponent;
|
|
1597
|
+
placeholder?: string;
|
|
1598
|
+
error?: string;
|
|
1141
1599
|
}
|
|
1142
|
-
declare const
|
|
1143
|
-
|
|
1144
|
-
|
|
1600
|
+
declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1601
|
+
interface SelectContentProps {
|
|
1602
|
+
className?: string;
|
|
1603
|
+
children: ReactNode;
|
|
1604
|
+
/** Show a fade + chevron cue at the scroll edges when the list overflows its
|
|
1605
|
+
* max-height, signalling there's more to scroll. Auto-activates on overflow;
|
|
1606
|
+
* set to `false` to disable. Defaults to `true`. */
|
|
1607
|
+
scrollFade?: boolean;
|
|
1608
|
+
}
|
|
1609
|
+
declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
1610
|
+
interface SelectItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
1611
|
+
icon?: IconComponent;
|
|
1612
|
+
index?: number;
|
|
1613
|
+
value: string;
|
|
1614
|
+
disabled?: boolean;
|
|
1615
|
+
}
|
|
1616
|
+
declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
1617
|
+
declare function SelectGroup({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1618
|
+
declare namespace SelectGroup {
|
|
1145
1619
|
var displayName: string;
|
|
1146
1620
|
}
|
|
1147
|
-
declare
|
|
1148
|
-
declare
|
|
1621
|
+
declare const SelectLabel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
1622
|
+
declare const SelectSeparator: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
1623
|
+
declare function SelectValue({ placeholder }: {
|
|
1624
|
+
placeholder?: string;
|
|
1625
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1626
|
+
declare namespace SelectValue {
|
|
1149
1627
|
var displayName: string;
|
|
1150
1628
|
}
|
|
1151
|
-
|
|
1152
|
-
declare const
|
|
1629
|
+
|
|
1630
|
+
declare const Separator: React.ForwardRefExoticComponent<Omit<Separator$1.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1153
1631
|
|
|
1154
1632
|
declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
|
|
1155
1633
|
declare const SIDEBAR_COOKIE_MAX_AGE: number;
|
|
@@ -1224,7 +1702,44 @@ declare function SidebarMenuSubButton({ asChild, isActive, className, ...props }
|
|
|
1224
1702
|
|
|
1225
1703
|
declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
1226
1704
|
|
|
1227
|
-
|
|
1705
|
+
type SliderValue = number | [number, number];
|
|
1706
|
+
type ValuePosition = "left" | "right" | "top" | "bottom" | "tooltip";
|
|
1707
|
+
interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
|
|
1708
|
+
value?: SliderValue | number[];
|
|
1709
|
+
defaultValue?: number[];
|
|
1710
|
+
onChange?: (value: SliderValue) => void;
|
|
1711
|
+
onValueChange?: (value: number[]) => void;
|
|
1712
|
+
min?: number;
|
|
1713
|
+
max?: number;
|
|
1714
|
+
step?: number;
|
|
1715
|
+
showSteps?: boolean;
|
|
1716
|
+
showValue?: boolean;
|
|
1717
|
+
valuePosition?: ValuePosition;
|
|
1718
|
+
formatValue?: (v: number) => string;
|
|
1719
|
+
label?: string;
|
|
1720
|
+
disabled?: boolean;
|
|
1721
|
+
trackClassName?: string;
|
|
1722
|
+
trackStyle?: CSSProperties;
|
|
1723
|
+
fillClassName?: string;
|
|
1724
|
+
fillStyle?: CSSProperties;
|
|
1725
|
+
hideFill?: boolean;
|
|
1726
|
+
thumbColor?: string;
|
|
1727
|
+
thumbBorderColor?: string;
|
|
1728
|
+
}
|
|
1729
|
+
declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
|
|
1730
|
+
interface SliderComfortableProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragOver" | "onAnimationStart"> {
|
|
1731
|
+
value: number;
|
|
1732
|
+
onChange: (value: number) => void;
|
|
1733
|
+
min?: number;
|
|
1734
|
+
max?: number;
|
|
1735
|
+
step?: number;
|
|
1736
|
+
variant?: "pips" | "scrubber";
|
|
1737
|
+
label?: string;
|
|
1738
|
+
formatValue?: (v: number) => string;
|
|
1739
|
+
disabled?: boolean;
|
|
1740
|
+
}
|
|
1741
|
+
declare const SliderComfortable: React.ForwardRefExoticComponent<SliderComfortableProps & React.RefAttributes<HTMLDivElement>>;
|
|
1742
|
+
declare const SliderControl: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
|
|
1228
1743
|
|
|
1229
1744
|
type ToasterProps = React.ComponentProps<typeof Toaster$1>;
|
|
1230
1745
|
declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1333,26 +1848,166 @@ declare namespace Steps {
|
|
|
1333
1848
|
var displayName: string;
|
|
1334
1849
|
}
|
|
1335
1850
|
|
|
1336
|
-
|
|
1851
|
+
interface SwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, "onToggle"> {
|
|
1852
|
+
label?: string;
|
|
1853
|
+
checked?: boolean;
|
|
1854
|
+
defaultChecked?: boolean;
|
|
1855
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
1856
|
+
onToggle?: (checked: boolean) => void;
|
|
1857
|
+
disabled?: boolean;
|
|
1858
|
+
thumbTransition?: Transition;
|
|
1859
|
+
}
|
|
1860
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;
|
|
1337
1861
|
|
|
1338
|
-
|
|
1862
|
+
interface TableProps extends HTMLAttributes<HTMLTableElement> {
|
|
1863
|
+
children: ReactNode;
|
|
1339
1864
|
containerClassName?: string;
|
|
1340
|
-
}
|
|
1341
|
-
declare const
|
|
1342
|
-
declare const
|
|
1343
|
-
declare const
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
declare const
|
|
1348
|
-
|
|
1349
|
-
declare const
|
|
1350
|
-
declare const
|
|
1351
|
-
declare const
|
|
1352
|
-
|
|
1865
|
+
}
|
|
1866
|
+
declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
|
|
1867
|
+
declare const TableHeader: React.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
1868
|
+
declare const TableBody: React.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
1869
|
+
interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
|
|
1870
|
+
index?: number;
|
|
1871
|
+
}
|
|
1872
|
+
declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
|
|
1873
|
+
declare const TableHead: React.ForwardRefExoticComponent<ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
1874
|
+
declare const TableCell: React.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
1875
|
+
declare const TableFooter: React.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
1876
|
+
declare const TableCaption: React.ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
1877
|
+
|
|
1878
|
+
interface TabsProps extends Omit<ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "onValueChange" | "onSelect"> {
|
|
1879
|
+
/** Controlled value (takes precedence over selectedIndex). */
|
|
1880
|
+
value?: string;
|
|
1881
|
+
/** Called when the active tab changes. */
|
|
1882
|
+
onValueChange?: (value: string) => void;
|
|
1883
|
+
/** Index-based controlled alternative. */
|
|
1884
|
+
selectedIndex?: number;
|
|
1885
|
+
/** Called with the new index when the active tab changes. */
|
|
1886
|
+
onSelect?: (index: number) => void;
|
|
1887
|
+
}
|
|
1888
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
1889
|
+
type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
|
|
1890
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1891
|
+
interface TabItemProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {
|
|
1892
|
+
/** Unique value for this tab. */
|
|
1893
|
+
value: string;
|
|
1894
|
+
/** Optional leading icon. */
|
|
1895
|
+
icon?: IconComponent;
|
|
1896
|
+
/** Text label. */
|
|
1897
|
+
label?: string;
|
|
1898
|
+
/** @internal Auto-assigned by TabsList. */
|
|
1899
|
+
_index?: number;
|
|
1900
|
+
}
|
|
1901
|
+
declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1902
|
+
interface TabPanelProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
|
|
1903
|
+
/** Must match a TabItem value. */
|
|
1904
|
+
value: string;
|
|
1905
|
+
}
|
|
1906
|
+
declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
1907
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1908
|
+
declare const TabsContent: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
1909
|
+
|
|
1910
|
+
interface TabsSubtleProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
1911
|
+
children: ReactNode;
|
|
1912
|
+
selectedIndex: number;
|
|
1913
|
+
onSelect: (index: number) => void;
|
|
1914
|
+
idPrefix?: string;
|
|
1915
|
+
/** When true, only the selected tab shows its text label. Requires icons on tabs. */
|
|
1916
|
+
activeLabel?: boolean;
|
|
1917
|
+
}
|
|
1918
|
+
declare const TabsSubtle: React.ForwardRefExoticComponent<TabsSubtleProps & React.RefAttributes<HTMLDivElement>>;
|
|
1919
|
+
interface TabsSubtleItemProps extends HTMLAttributes<HTMLButtonElement> {
|
|
1920
|
+
icon?: IconComponent;
|
|
1921
|
+
label: string;
|
|
1922
|
+
index: number;
|
|
1923
|
+
}
|
|
1924
|
+
declare const TabsSubtleItem: React.ForwardRefExoticComponent<TabsSubtleItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1925
|
+
interface TabsSubtlePanelProps extends HTMLAttributes<HTMLDivElement> {
|
|
1926
|
+
index: number;
|
|
1927
|
+
selectedIndex: number;
|
|
1928
|
+
idPrefix: string;
|
|
1929
|
+
children: ReactNode;
|
|
1930
|
+
}
|
|
1931
|
+
declare const TabsSubtlePanel: React.ForwardRefExoticComponent<TabsSubtlePanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
1353
1932
|
|
|
1354
1933
|
declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
|
|
1355
1934
|
|
|
1935
|
+
interface ThinkingIndicatorProps extends HTMLAttributes<HTMLDivElement> {
|
|
1936
|
+
label?: string;
|
|
1937
|
+
/** Show the morphing circle⇄infinity glyph before the label. Set to `false`
|
|
1938
|
+
* for a text-only indicator (e.g. inline before a streamed reply). */
|
|
1939
|
+
showIcon?: boolean;
|
|
1940
|
+
}
|
|
1941
|
+
declare const ThinkingIndicator: React.ForwardRefExoticComponent<ThinkingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
1942
|
+
|
|
1943
|
+
interface ThinkingStepsProps extends HTMLAttributes<HTMLDivElement> {
|
|
1944
|
+
defaultOpen?: boolean;
|
|
1945
|
+
open?: boolean;
|
|
1946
|
+
onOpenChange?: (open: boolean) => void;
|
|
1947
|
+
children?: ReactNode;
|
|
1948
|
+
steps?: Array<{
|
|
1949
|
+
label: string;
|
|
1950
|
+
status?: ThinkingStepStatus | "current";
|
|
1951
|
+
description?: string;
|
|
1952
|
+
}>;
|
|
1953
|
+
}
|
|
1954
|
+
declare const ThinkingSteps: React.ForwardRefExoticComponent<ThinkingStepsProps & React.RefAttributes<HTMLDivElement>>;
|
|
1955
|
+
interface ThinkingStepsHeaderProps extends HTMLAttributes<HTMLButtonElement> {
|
|
1956
|
+
children?: ReactNode;
|
|
1957
|
+
}
|
|
1958
|
+
declare const ThinkingStepsHeader: React.ForwardRefExoticComponent<ThinkingStepsHeaderProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1959
|
+
interface ThinkingStepsContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
1960
|
+
children: ReactNode;
|
|
1961
|
+
}
|
|
1962
|
+
declare const ThinkingStepsContent: React.ForwardRefExoticComponent<ThinkingStepsContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
1963
|
+
type ThinkingStepStatus = "complete" | "active" | "pending";
|
|
1964
|
+
interface ThinkingStepProps {
|
|
1965
|
+
icon?: IconName;
|
|
1966
|
+
showIcon?: boolean;
|
|
1967
|
+
label: string;
|
|
1968
|
+
description?: string;
|
|
1969
|
+
status?: ThinkingStepStatus;
|
|
1970
|
+
index: number;
|
|
1971
|
+
delay?: number;
|
|
1972
|
+
isLast?: boolean;
|
|
1973
|
+
children?: ReactNode;
|
|
1974
|
+
className?: string;
|
|
1975
|
+
}
|
|
1976
|
+
declare function ThinkingStep({ icon, showIcon, label, description, status, index, delay, isLast, children, className, }: ThinkingStepProps): react_jsx_runtime.JSX.Element | null;
|
|
1977
|
+
interface ThinkingStepDetailsProps {
|
|
1978
|
+
summary: string;
|
|
1979
|
+
details?: string[];
|
|
1980
|
+
defaultOpen?: boolean;
|
|
1981
|
+
children?: ReactNode;
|
|
1982
|
+
className?: string;
|
|
1983
|
+
}
|
|
1984
|
+
declare function ThinkingStepDetails({ summary, details, defaultOpen, children, className, }: ThinkingStepDetailsProps): react_jsx_runtime.JSX.Element;
|
|
1985
|
+
interface ThinkingStepSourcesProps extends HTMLAttributes<HTMLDivElement> {
|
|
1986
|
+
children: ReactNode;
|
|
1987
|
+
}
|
|
1988
|
+
declare const ThinkingStepSources: React.ForwardRefExoticComponent<ThinkingStepSourcesProps & React.RefAttributes<HTMLDivElement>>;
|
|
1989
|
+
interface ThinkingStepSourceProps {
|
|
1990
|
+
color?: BadgeColor;
|
|
1991
|
+
delay?: number;
|
|
1992
|
+
children: ReactNode;
|
|
1993
|
+
className?: string;
|
|
1994
|
+
}
|
|
1995
|
+
declare function ThinkingStepSource({ color, delay, children, className, }: ThinkingStepSourceProps): react_jsx_runtime.JSX.Element;
|
|
1996
|
+
declare namespace ThinkingStepSource {
|
|
1997
|
+
var displayName: string;
|
|
1998
|
+
}
|
|
1999
|
+
interface ThinkingStepImageProps {
|
|
2000
|
+
src: string;
|
|
2001
|
+
alt?: string;
|
|
2002
|
+
caption?: string;
|
|
2003
|
+
delay?: number;
|
|
2004
|
+
className?: string;
|
|
2005
|
+
}
|
|
2006
|
+
declare function ThinkingStepImage({ src, alt, caption, delay, className, }: ThinkingStepImageProps): react_jsx_runtime.JSX.Element;
|
|
2007
|
+
declare namespace ThinkingStepImage {
|
|
2008
|
+
var displayName: string;
|
|
2009
|
+
}
|
|
2010
|
+
|
|
1356
2011
|
interface TitledCardProps {
|
|
1357
2012
|
title?: string;
|
|
1358
2013
|
subtitle?: string;
|
|
@@ -1372,26 +2027,45 @@ declare namespace TitledCard {
|
|
|
1372
2027
|
}
|
|
1373
2028
|
|
|
1374
2029
|
declare const ToggleGroupRoot: React.ForwardRefExoticComponent<((Omit<ToggleGroup.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroup.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
|
|
1375
|
-
variant?: "
|
|
2030
|
+
variant?: "outline" | "default" | "brand" | null | undefined;
|
|
1376
2031
|
size?: "sm" | "lg" | "icon" | "default" | "icon-sm" | "icon-lg" | null | undefined;
|
|
1377
2032
|
} & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
|
|
1378
2033
|
declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroup.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
1379
|
-
variant?: "
|
|
2034
|
+
variant?: "outline" | "default" | "brand" | null | undefined;
|
|
1380
2035
|
size?: "sm" | "lg" | "icon" | "default" | "icon-sm" | "icon-lg" | null | undefined;
|
|
1381
2036
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
1382
2037
|
|
|
1383
2038
|
declare const toggleVariants: (props?: ({
|
|
1384
|
-
variant?: "
|
|
2039
|
+
variant?: "outline" | "default" | "brand" | null | undefined;
|
|
1385
2040
|
size?: "sm" | "lg" | "icon" | "default" | "icon-sm" | "icon-lg" | null | undefined;
|
|
1386
2041
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1387
2042
|
interface ToggleProps extends React.ComponentPropsWithoutRef<typeof Toggle.Root>, VariantProps<typeof toggleVariants> {
|
|
1388
2043
|
}
|
|
1389
2044
|
declare const ToggleRoot: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1390
2045
|
|
|
1391
|
-
declare function
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
2046
|
+
declare function TooltipPortalContainer({ value, children, }: {
|
|
2047
|
+
value: HTMLElement | null;
|
|
2048
|
+
children: ReactNode;
|
|
2049
|
+
}): react_jsx_runtime.JSX.Element;
|
|
2050
|
+
type TooltipSide = "top" | "right" | "bottom" | "left";
|
|
2051
|
+
interface TooltipProps {
|
|
2052
|
+
content?: ReactNode;
|
|
2053
|
+
children: ReactNode;
|
|
2054
|
+
side?: TooltipSide;
|
|
2055
|
+
sideOffset?: number;
|
|
2056
|
+
delayDuration?: number;
|
|
2057
|
+
className?: string;
|
|
2058
|
+
open?: boolean | undefined;
|
|
2059
|
+
/** When true, forces the tooltip open. When false, forces it closed. When undefined, uses default hover/focus behavior. */
|
|
2060
|
+
forceOpen?: boolean | undefined;
|
|
2061
|
+
/** Called when the tooltip's internal open state changes (before forceOpen is applied). */
|
|
2062
|
+
onOpenChange?: (open: boolean) => void;
|
|
2063
|
+
}
|
|
2064
|
+
declare function Tooltip({ content, children, side, sideOffset, delayDuration, className, open: openProp, forceOpen, onOpenChange: onOpenChangeProp, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
2065
|
+
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
2066
|
+
declare const TooltipRoot: React.FC<TooltipPrimitive.TooltipProps>;
|
|
2067
|
+
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
2068
|
+
declare const TooltipContent: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
1395
2069
|
|
|
1396
2070
|
declare function normalizeUrlHandle(value: string): string;
|
|
1397
2071
|
declare function urlResourcePath(prefix: string, handle: string): string;
|
|
@@ -1412,4 +2086,4 @@ declare namespace UrlRedirectPrompt {
|
|
|
1412
2086
|
var displayName: string;
|
|
1413
2087
|
}
|
|
1414
2088
|
|
|
1415
|
-
export {
|
|
2089
|
+
export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AccountMenuContent, AccountMenuHeader, AccountMenuItem, AccountMenuSection, AccountMenuSeparator, ActionPanel, ActivityFeed, Alert, AlertDescription, AlertDialogRoot as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AskUserAnswer, type AskUserOption, type AskUserQuestion, AskUserQuestions, type AskUserQuestionsProps, AspectRatioRoot as AspectRatio, Avatar, AvatarFallback, AvatarImage, AvatarStack, type AvatarStackItem, AvatarWithStatus, Badge, type BadgeColor, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, type ButtonProps, CHART_COLORS, Calendar, type CalendarProps, Callout, type CalloutProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardMedia, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatMessage, type ChatMessageProps, CheckboxRoot as Checkbox, CheckboxGroup, CheckboxItem, CollapsibleRoot as Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorFormat, ColorInput, type ColorInputProps, ColorPicker, ColorPickerPopover, type ColorPickerPopoverProps, ColorPickerPortalContainer, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, ColorTile, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, type CommandPaletteItem, CommandSeparator, CommandShortcut, ContextMenuRoot as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTransferAction, DataTransferControls, type DataTransferControlsProps, type DataTransferScopeOption, DatePicker, type DescriptionItem, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DrawerRoot as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownLabel, DropdownMenuRoot as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownSeparator, EmptyState, type FeedEvent, Field, FileDropzone, type FileDropzoneProps, type FileDropzoneSelectedFile, FileThumbnail, type FileThumbnailProps, GridList, GridListAccentCard, GridListCard, HelpTooltip, type HelpTooltipProps, HoverCardRoot as HoverCard, HoverCardContent, HoverCardTrigger, Input, InputCopy, type InputCopyProps, InputField, InputGroup, InputMessage, type InputMessageProps, type InputMessageSlotContext, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, Label, MediaAssetCard, type MediaAssetCardProps, MediaObject, MenuItem, MenubarRoot as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MobileDrawer, type MobileDrawerProps, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavItem, type NavItemProps, NavMenu, type NavMenuItem, type NavMenuProps, NavigationMenuRoot as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, PageHeading, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type ParsedColor, PopoverRoot as Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressRoot as Progress, PropertyRow, type PropertyRowProps, type QueuedMessage, type RadioCardOption, RadioCards, RadioGroup, RadioGroupItem, RadioItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, type RichTextEditorProps, type RichTextImageUrlHandler, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollAreaRoot as ScrollArea, SearchableTable, type SearchableTableColumn, type SearchableTableFilterOption, type SearchableTableProps, SectionHeading, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, SheetRoot as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderComfortable, type SliderComfortableProps, SliderControl, type SliderProps, type SliderValue, Spinner, StackedList, StackedListItem, StatCard, StatCardGrid, type StatCardGridProps, type StatCardProps, StatCardSlot, type StatCardSlotProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, type Step, type StepStatus, Steps, Switch, type SwitchProps, TabItem, type TabItemProps, TabPanel, type TabPanelProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, type TabsProps, TabsSubtle, TabsSubtleItem, TabsSubtlePanel, TabsTrigger, Textarea, ThinkingIndicator, type ThinkingIndicatorProps, ThinkingStep, ThinkingStepDetails, type ThinkingStepDetailsProps, ThinkingStepImage, type ThinkingStepImageProps, type ThinkingStepProps, ThinkingStepSource, type ThinkingStepSourceProps, ThinkingStepSources, type ThinkingStepSourcesProps, type ThinkingStepStatus, ThinkingSteps, ThinkingStepsContent, type ThinkingStepsContentProps, ThinkingStepsHeader, type ThinkingStepsHeaderProps, type ThinkingStepsProps, TitledCard, type TitledCardProps, Toaster, ToggleRoot as Toggle, ToggleGroupRoot as ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortalContainer, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipSide, TooltipTrigger, UrlRedirectPrompt, type UrlRedirectPromptProps, type ValuePosition, badgeColors, badgeVariants, buildParsed, buttonVariants, cardVariants, cn, formatDate, formatFileSize, hasUrlHandleChanged, loadPdfjs, navigationMenuTriggerStyle, normalizeUrlHandle, parseColor, renderPdfFirstPage, spinnerVariants, statusBadgeVariantFor, statusLabel, toggleVariants, triggerVariants, urlResourcePath, useDropdown, useOptionalSidebar, useSidebar };
|