@timbal-ai/timbal-react 1.2.0 → 1.4.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/CHANGELOG.md +38 -0
- package/LICENSE +201 -0
- package/README.md +17 -4
- package/dist/app.cjs +1299 -1137
- package/dist/app.d.cts +21 -5
- package/dist/app.d.ts +21 -5
- package/dist/app.esm.js +17 -7
- package/dist/{chart-artifact-E58ve76I.d.cts → chart-artifact-C8-Py6lc.d.cts} +97 -27
- package/dist/{chart-artifact-_PEJgCpQ.d.ts → chart-artifact-CMnDys2t.d.ts} +97 -27
- package/dist/chat.esm.js +3 -3
- package/dist/{chunk-UY7AKWJL.esm.js → chunk-GQBYZRD7.esm.js} +1 -1
- package/dist/{chunk-AGJKK6R7.esm.js → chunk-OFWC4MIY.esm.js} +2 -2
- package/dist/{chunk-4VULP3CJ.esm.js → chunk-OH23AX2V.esm.js} +757 -56
- package/dist/{chunk-BMXFXLVV.esm.js → chunk-QU7ET55D.esm.js} +0 -1
- package/dist/{chunk-MTYXREHK.esm.js → chunk-THBA27QY.esm.js} +4 -4
- package/dist/{chunk-FEYZUVBM.esm.js → chunk-UCGVL7ZY.esm.js} +1 -1
- package/dist/{chunk-XDIY2WSL.esm.js → chunk-VOWNCS3F.esm.js} +649 -494
- package/dist/{chunk-NAMKO2MU.esm.js → chunk-VXMM2HX7.esm.js} +1 -1
- package/dist/{pill-segmented-tabs-BsIOW1Lo.d.ts → circular-progress-Ci8L-Hfa.d.cts} +199 -3
- package/dist/{pill-segmented-tabs-BsIOW1Lo.d.cts → circular-progress-Ci8L-Hfa.d.ts} +199 -3
- package/dist/index.cjs +1797 -938
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +28 -10
- package/dist/studio.esm.js +5 -5
- package/dist/ui.cjs +758 -49
- package/dist/ui.d.cts +1 -1
- package/dist/ui.d.ts +1 -1
- package/dist/ui.esm.js +24 -4
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { ElementType, ReactNode, FC } from 'react';
|
|
|
4
4
|
import { Tooltip as Tooltip$1, Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Popover as Popover$1, Select as Select$1, Label as Label$1, Checkbox as Checkbox$1, Switch as Switch$1, RadioGroup as RadioGroup$1, Form as Form$1, AspectRatio as AspectRatio$1, Toolbar as Toolbar$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, unstable_OneTimePasswordField, Accordion as Accordion$1, Separator as Separator$1, Slider as Slider$1, Progress as Progress$1, AlertDialog as AlertDialog$1, Collapsible as Collapsible$1, ScrollArea as ScrollArea$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, HoverCard as HoverCard$1, ContextMenu as ContextMenu$1, Toast as Toast$1 } from 'radix-ui';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
6
|
import { Command as Command$1 } from 'cmdk';
|
|
7
|
-
import { DayPicker,
|
|
7
|
+
import { DayPicker, DayButton } from 'react-day-picker';
|
|
8
8
|
import { VariantProps } from 'class-variance-authority';
|
|
9
9
|
|
|
10
10
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
@@ -300,8 +300,17 @@ declare function CommandSeparator({ className, ...props }: React.ComponentProps<
|
|
|
300
300
|
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
|
|
301
301
|
declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
302
302
|
|
|
303
|
+
/**
|
|
304
|
+
* Calendar — `react-day-picker` v10 on semantic tokens.
|
|
305
|
+
*
|
|
306
|
+
* v10 renders the month as a real `<table>` (weekdays = `<thead>`, week = `<tr>`,
|
|
307
|
+
* day = `<td>`), so we keep the native table layout and size the cells directly
|
|
308
|
+
* instead of forcing flex onto table rows (the previous build mixed v8-era flex
|
|
309
|
+
* classes onto v10's table, which broke alignment). Cells are a roomy `size-10`
|
|
310
|
+
* with spaced rows so the grid reads open rather than condensed.
|
|
311
|
+
*/
|
|
303
312
|
declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
|
|
304
|
-
declare function CalendarDayButton({ className, day, modifiers, ...props }:
|
|
313
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
|
|
305
314
|
|
|
306
315
|
/** Searchable select — `Popover` (`variant="list"`) + `Command`. */
|
|
307
316
|
declare function Combobox({ ...props }: React.ComponentProps<typeof Popover>): react_jsx_runtime.JSX.Element;
|
|
@@ -525,4 +534,191 @@ interface PillSegmentedTabsProps {
|
|
|
525
534
|
declare const PillSegmentedTabs: FC<PillSegmentedTabsProps>;
|
|
526
535
|
declare const MemoPillSegmentedTabs: React.NamedExoticComponent<PillSegmentedTabsProps>;
|
|
527
536
|
|
|
528
|
-
|
|
537
|
+
interface AvatarGroupProps extends React.ComponentProps<"div"> {
|
|
538
|
+
/**
|
|
539
|
+
* Collapse avatars beyond this count into a trailing "+N" chip. Omit to show
|
|
540
|
+
* every child.
|
|
541
|
+
*/
|
|
542
|
+
max?: number;
|
|
543
|
+
/** Overlap amount between avatars. Default: `"sm"`. */
|
|
544
|
+
spacing?: "sm" | "md";
|
|
545
|
+
}
|
|
546
|
+
/**
|
|
547
|
+
* Overlapping stack of `Avatar`s with an optional "+N" overflow chip. Each
|
|
548
|
+
* child gets a ring in the background color so the stack reads cleanly on any
|
|
549
|
+
* surface.
|
|
550
|
+
*/
|
|
551
|
+
declare function AvatarGroup({ className, children, max, spacing, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
552
|
+
|
|
553
|
+
interface StepperStep {
|
|
554
|
+
id: string;
|
|
555
|
+
label: React.ReactNode;
|
|
556
|
+
description?: React.ReactNode;
|
|
557
|
+
}
|
|
558
|
+
interface StepperProps extends Omit<React.ComponentProps<"ol">, "children"> {
|
|
559
|
+
steps: StepperStep[];
|
|
560
|
+
/** Index of the active step (0-based). Steps before it render as complete. */
|
|
561
|
+
current: number;
|
|
562
|
+
orientation?: "horizontal" | "vertical";
|
|
563
|
+
}
|
|
564
|
+
/**
|
|
565
|
+
* Linear progress through an ordered set of steps (wizards, onboarding). Past
|
|
566
|
+
* steps show a check, the current step is emphasized, and future steps are
|
|
567
|
+
* muted. Connector lines fill up to the current step.
|
|
568
|
+
*/
|
|
569
|
+
declare function Stepper({ steps, current, orientation, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
|
|
570
|
+
|
|
571
|
+
type TimelineTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
572
|
+
interface TimelineItem {
|
|
573
|
+
id: string;
|
|
574
|
+
title: React.ReactNode;
|
|
575
|
+
description?: React.ReactNode;
|
|
576
|
+
/** Right-aligned timestamp / meta. */
|
|
577
|
+
meta?: React.ReactNode;
|
|
578
|
+
tone?: TimelineTone;
|
|
579
|
+
/** Custom node inside the marker (e.g. an icon). */
|
|
580
|
+
icon?: React.ReactNode;
|
|
581
|
+
}
|
|
582
|
+
interface TimelineProps extends Omit<React.ComponentProps<"ol">, "children"> {
|
|
583
|
+
items: TimelineItem[];
|
|
584
|
+
}
|
|
585
|
+
/**
|
|
586
|
+
* Vertical event log — a marker rail with a title, optional description, and
|
|
587
|
+
* trailing meta per entry. Presentational; pass already-formatted timestamps.
|
|
588
|
+
*/
|
|
589
|
+
declare function Timeline({ items, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
590
|
+
|
|
591
|
+
interface RatingProps {
|
|
592
|
+
/** Controlled value (number of filled units). */
|
|
593
|
+
value?: number;
|
|
594
|
+
/** Uncontrolled initial value. Default: `0`. */
|
|
595
|
+
defaultValue?: number;
|
|
596
|
+
onChange?: (value: number) => void;
|
|
597
|
+
/** Total number of units. Default: `5`. */
|
|
598
|
+
max?: number;
|
|
599
|
+
/** Render-only, no interaction. */
|
|
600
|
+
readOnly?: boolean;
|
|
601
|
+
disabled?: boolean;
|
|
602
|
+
size?: "sm" | "md" | "lg";
|
|
603
|
+
/** Accessible group label. Default: `"Rating"`. */
|
|
604
|
+
label?: string;
|
|
605
|
+
className?: string;
|
|
606
|
+
}
|
|
607
|
+
/**
|
|
608
|
+
* Star rating — interactive (keyboard + hover preview) or read-only. Controlled
|
|
609
|
+
* via `value`/`onChange` or uncontrolled with `defaultValue`.
|
|
610
|
+
*/
|
|
611
|
+
declare function Rating({ value: valueProp, defaultValue, onChange, max, readOnly, disabled, size, label, className, }: RatingProps): react_jsx_runtime.JSX.Element;
|
|
612
|
+
|
|
613
|
+
interface NumberFieldProps extends Omit<React.ComponentProps<"input">, "value" | "defaultValue" | "onChange" | "size" | "type"> {
|
|
614
|
+
value?: number;
|
|
615
|
+
defaultValue?: number;
|
|
616
|
+
onValueChange?: (value: number) => void;
|
|
617
|
+
min?: number;
|
|
618
|
+
max?: number;
|
|
619
|
+
step?: number;
|
|
620
|
+
size?: "sm" | "default";
|
|
621
|
+
/** Accessible label (the spinbutton has no visible label). */
|
|
622
|
+
ariaLabel?: string;
|
|
623
|
+
}
|
|
624
|
+
/**
|
|
625
|
+
* Numeric input with decrement / increment controls on the shared control
|
|
626
|
+
* surface. Controlled via `value`/`onValueChange` or uncontrolled with
|
|
627
|
+
* `defaultValue`; clamps to `min`/`max` and steps by `step`.
|
|
628
|
+
*/
|
|
629
|
+
declare function NumberField({ value: valueProp, defaultValue, onValueChange, min, max, step, size, disabled, ariaLabel, className, ...inputProps }: NumberFieldProps): react_jsx_runtime.JSX.Element;
|
|
630
|
+
|
|
631
|
+
interface TagInputProps {
|
|
632
|
+
/** Controlled tags. */
|
|
633
|
+
value?: string[];
|
|
634
|
+
/** Uncontrolled initial tags. */
|
|
635
|
+
defaultValue?: string[];
|
|
636
|
+
onChange?: (tags: string[]) => void;
|
|
637
|
+
placeholder?: string;
|
|
638
|
+
/** Keys that commit the current text as a tag. Default: Enter + comma. */
|
|
639
|
+
separators?: string[];
|
|
640
|
+
/** Reject duplicates (case-insensitive). Default: `true`. */
|
|
641
|
+
dedupe?: boolean;
|
|
642
|
+
max?: number;
|
|
643
|
+
disabled?: boolean;
|
|
644
|
+
ariaLabel?: string;
|
|
645
|
+
className?: string;
|
|
646
|
+
inputClassName?: string;
|
|
647
|
+
}
|
|
648
|
+
/**
|
|
649
|
+
* Token / chips input on the shared control surface. Commits on Enter or comma,
|
|
650
|
+
* removes the last tag on Backspace when empty, and each chip has its own
|
|
651
|
+
* remove button. Controlled via `value`/`onChange` or uncontrolled.
|
|
652
|
+
*/
|
|
653
|
+
declare function TagInput({ value: valueProp, defaultValue, onChange, placeholder, separators, dedupe, max, disabled, ariaLabel, className, inputClassName, }: TagInputProps): react_jsx_runtime.JSX.Element;
|
|
654
|
+
|
|
655
|
+
type BannerTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
656
|
+
interface BannerProps extends Omit<React.ComponentProps<"div">, "title"> {
|
|
657
|
+
tone?: BannerTone;
|
|
658
|
+
icon?: React.ReactNode;
|
|
659
|
+
title?: React.ReactNode;
|
|
660
|
+
/** Right-aligned actions (buttons, links). */
|
|
661
|
+
actions?: React.ReactNode;
|
|
662
|
+
/** Show a dismiss button; fires `onDismiss`. */
|
|
663
|
+
onDismiss?: () => void;
|
|
664
|
+
}
|
|
665
|
+
/**
|
|
666
|
+
* Page-level announcement bar — a full-width, dismissible notice with a tone, an
|
|
667
|
+
* optional leading icon, message, and trailing actions. For in-flow form/field
|
|
668
|
+
* messages use `Alert` instead.
|
|
669
|
+
*/
|
|
670
|
+
declare function Banner({ tone, icon, title, actions, onDismiss, className, children, ...props }: BannerProps): react_jsx_runtime.JSX.Element;
|
|
671
|
+
|
|
672
|
+
interface CopyButtonProps extends Omit<React.ComponentProps<"button">, "value" | "children"> {
|
|
673
|
+
/** Text to write to the clipboard. */
|
|
674
|
+
value: string;
|
|
675
|
+
/** How long the success state lasts, in ms. Default: `1500`. */
|
|
676
|
+
timeout?: number;
|
|
677
|
+
onCopied?: (value: string) => void;
|
|
678
|
+
/** Optional label rendered next to the icon. */
|
|
679
|
+
children?: React.ReactNode;
|
|
680
|
+
}
|
|
681
|
+
/**
|
|
682
|
+
* Click-to-copy button with a transient check confirmation. Icon-only by
|
|
683
|
+
* default; pass children to show a label. Falls back gracefully if the
|
|
684
|
+
* Clipboard API is unavailable.
|
|
685
|
+
*/
|
|
686
|
+
declare function CopyButton({ value, timeout, onCopied, className, children, onClick, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
|
|
687
|
+
|
|
688
|
+
interface SnippetProps extends Omit<React.ComponentProps<"div">, "children"> {
|
|
689
|
+
/** Code / command to display and copy. */
|
|
690
|
+
children: string;
|
|
691
|
+
/** Leading prompt symbol for command snippets (e.g. `"$"`). */
|
|
692
|
+
symbol?: string;
|
|
693
|
+
/** Hide the copy button. */
|
|
694
|
+
hideCopy?: boolean;
|
|
695
|
+
}
|
|
696
|
+
/**
|
|
697
|
+
* Inline code / command block on the elevated surface with a built-in copy
|
|
698
|
+
* button. Single-line and monospaced; for multi-line code blocks render a
|
|
699
|
+
* `<pre>` yourself and drop a `CopyButton` in the corner.
|
|
700
|
+
*/
|
|
701
|
+
declare function Snippet({ children, symbol, hideCopy, className, ...props }: SnippetProps): react_jsx_runtime.JSX.Element;
|
|
702
|
+
|
|
703
|
+
interface CircularProgressProps extends Omit<React.ComponentProps<"div">, "children"> {
|
|
704
|
+
/** Current value. Omit (or pass `null`) for an indeterminate spinner ring. */
|
|
705
|
+
value?: number | null;
|
|
706
|
+
max?: number;
|
|
707
|
+
/** Diameter in px. Default: `40`. */
|
|
708
|
+
size?: number;
|
|
709
|
+
/** Stroke width in px. Default: `4`. */
|
|
710
|
+
thickness?: number;
|
|
711
|
+
/** Render the percentage (or custom node) in the center. */
|
|
712
|
+
showLabel?: boolean;
|
|
713
|
+
label?: React.ReactNode;
|
|
714
|
+
/** Track + indicator tone. Default: `"primary"`. */
|
|
715
|
+
tone?: "primary" | "success" | "warn" | "danger";
|
|
716
|
+
}
|
|
717
|
+
/**
|
|
718
|
+
* Lightweight SVG progress ring — determinate (with optional center label) or
|
|
719
|
+
* indeterminate (spinning). Dependency-free; for data-driven radial charts use
|
|
720
|
+
* the chart `RadialChart` instead.
|
|
721
|
+
*/
|
|
722
|
+
declare function CircularProgress({ value, max, size, thickness, showLabel, label, tone, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
|
|
723
|
+
|
|
724
|
+
export { ComboboxContent as $, AVATAR_PRIMARY_FALLBACK_CLASS as A, Badge as B, Breadcrumb as C, BreadcrumbEllipsis as D, BreadcrumbItem as E, BreadcrumbLink as F, BreadcrumbList as G, BreadcrumbPage as H, BreadcrumbSeparator as I, CONTROL_SIZE as J, Calendar as K, CalendarDayButton as L, Card as M, CardContent as N, CardDescription as O, CardFooter as P, CardHeader as Q, CardTitle as R, Checkbox as S, CircularProgress as T, type CircularProgressProps as U, Collapsible as V, CollapsibleContent as W, CollapsibleTrigger as X, Combobox as Y, ComboboxAnchor as Z, ComboboxCommand as _, Accordion as a, DropdownMenuSubTrigger as a$, ComboboxEmpty as a0, ComboboxGroup as a1, ComboboxInput as a2, ComboboxItem as a3, ComboboxList as a4, ComboboxSeparator as a5, ComboboxShortcut as a6, ComboboxTrigger as a7, Command as a8, CommandDialog as a9, DatePicker as aA, DatePickerButton as aB, DatePickerCalendar as aC, DatePickerContent as aD, DatePickerTrigger as aE, Dialog as aF, DialogClose as aG, DialogContent as aH, DialogDescription as aI, DialogFooter as aJ, DialogHeader as aK, DialogOverlay as aL, DialogPortal as aM, DialogTitle as aN, DialogTrigger as aO, DropdownMenu as aP, DropdownMenuCheckboxItem as aQ, DropdownMenuContent as aR, DropdownMenuGroup as aS, DropdownMenuItem as aT, DropdownMenuLabel as aU, DropdownMenuRadioGroup as aV, DropdownMenuRadioItem as aW, DropdownMenuSeparator as aX, DropdownMenuShortcut as aY, DropdownMenuSub as aZ, DropdownMenuSubContent as a_, CommandEmpty as aa, CommandGroup as ab, CommandInput as ac, CommandItem as ad, CommandList as ae, CommandSeparator as af, CommandShortcut as ag, ContextMenu as ah, ContextMenuCheckboxItem as ai, ContextMenuContent as aj, ContextMenuGroup as ak, ContextMenuItem as al, ContextMenuLabel as am, ContextMenuRadioGroup as an, ContextMenuRadioItem as ao, ContextMenuSeparator as ap, ContextMenuShortcut as aq, ContextMenuSub as ar, ContextMenuSubContent as as, ContextMenuSubTrigger as at, ContextMenuTrigger as au, type ControlClassOptions as av, type ControlShape as aw, type ControlSize as ax, CopyButton as ay, type CopyButtonProps as az, AccordionContent as b, Progress as b$, DropdownMenuTrigger as b0, Form as b1, FormControl as b2, FormField as b3, FormItem as b4, FormLabel as b5, FormMessage as b6, FormSubmit as b7, HoverCard as b8, HoverCardContent as b9, MenubarSubContent as bA, MenubarSubTrigger as bB, MenubarTrigger as bC, NavigationMenu as bD, NavigationMenuContent as bE, NavigationMenuIndicator as bF, NavigationMenuItem as bG, NavigationMenuLink as bH, NavigationMenuList as bI, NavigationMenuTrigger as bJ, NavigationMenuViewport as bK, NumberField as bL, type NumberFieldProps as bM, Pagination as bN, PaginationContent as bO, PaginationEllipsis as bP, PaginationItem as bQ, PaginationLink as bR, PaginationNext as bS, PaginationPrevious as bT, type PillSegmentedTab as bU, PillSegmentedTabs as bV, type PillSegmentedTabsProps as bW, Popover as bX, PopoverAnchor as bY, PopoverContent as bZ, PopoverTrigger as b_, HoverCardTrigger as ba, Input as bb, InputGroup as bc, InputGroupAddon as bd, InputGroupInput as be, InputGroupText as bf, InputOTP as bg, InputOTPGroup as bh, InputOTPHiddenInput as bi, InputOTPSeparator as bj, InputOTPSlot as bk, Kbd as bl, KbdGroup as bm, Label as bn, MemoPillSegmentedTabs as bo, Menubar as bp, MenubarCheckboxItem as bq, MenubarContent as br, MenubarItem as bs, MenubarLabel as bt, MenubarMenu as bu, MenubarRadioGroup as bv, MenubarRadioItem as bw, MenubarSeparator as bx, MenubarShortcut as by, MenubarSub as bz, AccordionItem as c, ToolbarButton as c$, RadioGroup as c0, RadioGroupItem as c1, Rating as c2, type RatingProps as c3, ScrollArea as c4, ScrollBar as c5, Select as c6, SelectContent as c7, SelectGroup as c8, SelectItem as c9, TableBody as cA, TableCaption as cB, TableCell as cC, TableFooter as cD, TableHead as cE, TableHeader as cF, TableRow as cG, TagInput as cH, type TagInputProps as cI, type TextShimmerProps as cJ, Textarea as cK, Timeline as cL, type TimelineItem as cM, type TimelineProps as cN, Toast as cO, ToastAction as cP, ToastClose as cQ, ToastDescription as cR, type ToastProps as cS, ToastProvider as cT, ToastTitle as cU, ToastViewport as cV, Toaster as cW, Toggle as cX, ToggleGroup as cY, ToggleGroupItem as cZ, Toolbar as c_, SelectLabel as ca, SelectScrollDownButton as cb, SelectScrollUpButton as cc, SelectSeparator as cd, SelectTrigger as ce, SelectValue as cf, Separator as cg, Sheet as ch, SheetClose as ci, SheetContent as cj, SheetDescription as ck, SheetFooter as cl, SheetHeader as cm, SheetTitle as cn, SheetTrigger as co, Shimmer as cp, Skeleton as cq, Slider as cr, Snippet as cs, type SnippetProps as ct, Spinner as cu, Stepper as cv, type StepperProps as cw, type StepperStep as cx, Switch as cy, Table as cz, AccordionTrigger as d, ToolbarLink as d0, ToolbarSeparator as d1, ToolbarToggleGroup as d2, ToolbarToggleItem as d3, Tooltip as d4, TooltipContent as d5, TooltipProvider as d6, TooltipTrigger as d7, alertVariants as d8, avatarChartVariantClass as d9, badgeVariants as da, controlClass as db, controlSurfaceClass as dc, formatPickerDate as dd, navigationMenuTriggerStyle as de, overlayAnimationClass as df, overlayItemClass as dg, overlayListPanelClass as dh, overlaySurfaceClass as di, toast as dj, toggleVariants as dk, useToast as dl, Alert as e, AlertDescription as f, AlertDialog as g, AlertDialogAction as h, AlertDialogCancel as i, AlertDialogContent as j, AlertDialogDescription as k, AlertDialogFooter as l, AlertDialogHeader as m, AlertDialogOverlay as n, AlertDialogPortal as o, AlertDialogTitle as p, AlertDialogTrigger as q, AlertTitle as r, AspectRatio as s, Avatar as t, AvatarFallback as u, AvatarGroup as v, type AvatarGroupProps as w, AvatarImage as x, Banner as y, type BannerProps as z };
|
|
@@ -4,7 +4,7 @@ import { ElementType, ReactNode, FC } from 'react';
|
|
|
4
4
|
import { Tooltip as Tooltip$1, Avatar as Avatar$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Popover as Popover$1, Select as Select$1, Label as Label$1, Checkbox as Checkbox$1, Switch as Switch$1, RadioGroup as RadioGroup$1, Form as Form$1, AspectRatio as AspectRatio$1, Toolbar as Toolbar$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, unstable_OneTimePasswordField, Accordion as Accordion$1, Separator as Separator$1, Slider as Slider$1, Progress as Progress$1, AlertDialog as AlertDialog$1, Collapsible as Collapsible$1, ScrollArea as ScrollArea$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, HoverCard as HoverCard$1, ContextMenu as ContextMenu$1, Toast as Toast$1 } from 'radix-ui';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
6
|
import { Command as Command$1 } from 'cmdk';
|
|
7
|
-
import { DayPicker,
|
|
7
|
+
import { DayPicker, DayButton } from 'react-day-picker';
|
|
8
8
|
import { VariantProps } from 'class-variance-authority';
|
|
9
9
|
|
|
10
10
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
@@ -300,8 +300,17 @@ declare function CommandSeparator({ className, ...props }: React.ComponentProps<
|
|
|
300
300
|
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
|
|
301
301
|
declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
302
302
|
|
|
303
|
+
/**
|
|
304
|
+
* Calendar — `react-day-picker` v10 on semantic tokens.
|
|
305
|
+
*
|
|
306
|
+
* v10 renders the month as a real `<table>` (weekdays = `<thead>`, week = `<tr>`,
|
|
307
|
+
* day = `<td>`), so we keep the native table layout and size the cells directly
|
|
308
|
+
* instead of forcing flex onto table rows (the previous build mixed v8-era flex
|
|
309
|
+
* classes onto v10's table, which broke alignment). Cells are a roomy `size-10`
|
|
310
|
+
* with spaced rows so the grid reads open rather than condensed.
|
|
311
|
+
*/
|
|
303
312
|
declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
|
|
304
|
-
declare function CalendarDayButton({ className, day, modifiers, ...props }:
|
|
313
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
|
|
305
314
|
|
|
306
315
|
/** Searchable select — `Popover` (`variant="list"`) + `Command`. */
|
|
307
316
|
declare function Combobox({ ...props }: React.ComponentProps<typeof Popover>): react_jsx_runtime.JSX.Element;
|
|
@@ -525,4 +534,191 @@ interface PillSegmentedTabsProps {
|
|
|
525
534
|
declare const PillSegmentedTabs: FC<PillSegmentedTabsProps>;
|
|
526
535
|
declare const MemoPillSegmentedTabs: React.NamedExoticComponent<PillSegmentedTabsProps>;
|
|
527
536
|
|
|
528
|
-
|
|
537
|
+
interface AvatarGroupProps extends React.ComponentProps<"div"> {
|
|
538
|
+
/**
|
|
539
|
+
* Collapse avatars beyond this count into a trailing "+N" chip. Omit to show
|
|
540
|
+
* every child.
|
|
541
|
+
*/
|
|
542
|
+
max?: number;
|
|
543
|
+
/** Overlap amount between avatars. Default: `"sm"`. */
|
|
544
|
+
spacing?: "sm" | "md";
|
|
545
|
+
}
|
|
546
|
+
/**
|
|
547
|
+
* Overlapping stack of `Avatar`s with an optional "+N" overflow chip. Each
|
|
548
|
+
* child gets a ring in the background color so the stack reads cleanly on any
|
|
549
|
+
* surface.
|
|
550
|
+
*/
|
|
551
|
+
declare function AvatarGroup({ className, children, max, spacing, ...props }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
552
|
+
|
|
553
|
+
interface StepperStep {
|
|
554
|
+
id: string;
|
|
555
|
+
label: React.ReactNode;
|
|
556
|
+
description?: React.ReactNode;
|
|
557
|
+
}
|
|
558
|
+
interface StepperProps extends Omit<React.ComponentProps<"ol">, "children"> {
|
|
559
|
+
steps: StepperStep[];
|
|
560
|
+
/** Index of the active step (0-based). Steps before it render as complete. */
|
|
561
|
+
current: number;
|
|
562
|
+
orientation?: "horizontal" | "vertical";
|
|
563
|
+
}
|
|
564
|
+
/**
|
|
565
|
+
* Linear progress through an ordered set of steps (wizards, onboarding). Past
|
|
566
|
+
* steps show a check, the current step is emphasized, and future steps are
|
|
567
|
+
* muted. Connector lines fill up to the current step.
|
|
568
|
+
*/
|
|
569
|
+
declare function Stepper({ steps, current, orientation, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
|
|
570
|
+
|
|
571
|
+
type TimelineTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
572
|
+
interface TimelineItem {
|
|
573
|
+
id: string;
|
|
574
|
+
title: React.ReactNode;
|
|
575
|
+
description?: React.ReactNode;
|
|
576
|
+
/** Right-aligned timestamp / meta. */
|
|
577
|
+
meta?: React.ReactNode;
|
|
578
|
+
tone?: TimelineTone;
|
|
579
|
+
/** Custom node inside the marker (e.g. an icon). */
|
|
580
|
+
icon?: React.ReactNode;
|
|
581
|
+
}
|
|
582
|
+
interface TimelineProps extends Omit<React.ComponentProps<"ol">, "children"> {
|
|
583
|
+
items: TimelineItem[];
|
|
584
|
+
}
|
|
585
|
+
/**
|
|
586
|
+
* Vertical event log — a marker rail with a title, optional description, and
|
|
587
|
+
* trailing meta per entry. Presentational; pass already-formatted timestamps.
|
|
588
|
+
*/
|
|
589
|
+
declare function Timeline({ items, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
590
|
+
|
|
591
|
+
interface RatingProps {
|
|
592
|
+
/** Controlled value (number of filled units). */
|
|
593
|
+
value?: number;
|
|
594
|
+
/** Uncontrolled initial value. Default: `0`. */
|
|
595
|
+
defaultValue?: number;
|
|
596
|
+
onChange?: (value: number) => void;
|
|
597
|
+
/** Total number of units. Default: `5`. */
|
|
598
|
+
max?: number;
|
|
599
|
+
/** Render-only, no interaction. */
|
|
600
|
+
readOnly?: boolean;
|
|
601
|
+
disabled?: boolean;
|
|
602
|
+
size?: "sm" | "md" | "lg";
|
|
603
|
+
/** Accessible group label. Default: `"Rating"`. */
|
|
604
|
+
label?: string;
|
|
605
|
+
className?: string;
|
|
606
|
+
}
|
|
607
|
+
/**
|
|
608
|
+
* Star rating — interactive (keyboard + hover preview) or read-only. Controlled
|
|
609
|
+
* via `value`/`onChange` or uncontrolled with `defaultValue`.
|
|
610
|
+
*/
|
|
611
|
+
declare function Rating({ value: valueProp, defaultValue, onChange, max, readOnly, disabled, size, label, className, }: RatingProps): react_jsx_runtime.JSX.Element;
|
|
612
|
+
|
|
613
|
+
interface NumberFieldProps extends Omit<React.ComponentProps<"input">, "value" | "defaultValue" | "onChange" | "size" | "type"> {
|
|
614
|
+
value?: number;
|
|
615
|
+
defaultValue?: number;
|
|
616
|
+
onValueChange?: (value: number) => void;
|
|
617
|
+
min?: number;
|
|
618
|
+
max?: number;
|
|
619
|
+
step?: number;
|
|
620
|
+
size?: "sm" | "default";
|
|
621
|
+
/** Accessible label (the spinbutton has no visible label). */
|
|
622
|
+
ariaLabel?: string;
|
|
623
|
+
}
|
|
624
|
+
/**
|
|
625
|
+
* Numeric input with decrement / increment controls on the shared control
|
|
626
|
+
* surface. Controlled via `value`/`onValueChange` or uncontrolled with
|
|
627
|
+
* `defaultValue`; clamps to `min`/`max` and steps by `step`.
|
|
628
|
+
*/
|
|
629
|
+
declare function NumberField({ value: valueProp, defaultValue, onValueChange, min, max, step, size, disabled, ariaLabel, className, ...inputProps }: NumberFieldProps): react_jsx_runtime.JSX.Element;
|
|
630
|
+
|
|
631
|
+
interface TagInputProps {
|
|
632
|
+
/** Controlled tags. */
|
|
633
|
+
value?: string[];
|
|
634
|
+
/** Uncontrolled initial tags. */
|
|
635
|
+
defaultValue?: string[];
|
|
636
|
+
onChange?: (tags: string[]) => void;
|
|
637
|
+
placeholder?: string;
|
|
638
|
+
/** Keys that commit the current text as a tag. Default: Enter + comma. */
|
|
639
|
+
separators?: string[];
|
|
640
|
+
/** Reject duplicates (case-insensitive). Default: `true`. */
|
|
641
|
+
dedupe?: boolean;
|
|
642
|
+
max?: number;
|
|
643
|
+
disabled?: boolean;
|
|
644
|
+
ariaLabel?: string;
|
|
645
|
+
className?: string;
|
|
646
|
+
inputClassName?: string;
|
|
647
|
+
}
|
|
648
|
+
/**
|
|
649
|
+
* Token / chips input on the shared control surface. Commits on Enter or comma,
|
|
650
|
+
* removes the last tag on Backspace when empty, and each chip has its own
|
|
651
|
+
* remove button. Controlled via `value`/`onChange` or uncontrolled.
|
|
652
|
+
*/
|
|
653
|
+
declare function TagInput({ value: valueProp, defaultValue, onChange, placeholder, separators, dedupe, max, disabled, ariaLabel, className, inputClassName, }: TagInputProps): react_jsx_runtime.JSX.Element;
|
|
654
|
+
|
|
655
|
+
type BannerTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
656
|
+
interface BannerProps extends Omit<React.ComponentProps<"div">, "title"> {
|
|
657
|
+
tone?: BannerTone;
|
|
658
|
+
icon?: React.ReactNode;
|
|
659
|
+
title?: React.ReactNode;
|
|
660
|
+
/** Right-aligned actions (buttons, links). */
|
|
661
|
+
actions?: React.ReactNode;
|
|
662
|
+
/** Show a dismiss button; fires `onDismiss`. */
|
|
663
|
+
onDismiss?: () => void;
|
|
664
|
+
}
|
|
665
|
+
/**
|
|
666
|
+
* Page-level announcement bar — a full-width, dismissible notice with a tone, an
|
|
667
|
+
* optional leading icon, message, and trailing actions. For in-flow form/field
|
|
668
|
+
* messages use `Alert` instead.
|
|
669
|
+
*/
|
|
670
|
+
declare function Banner({ tone, icon, title, actions, onDismiss, className, children, ...props }: BannerProps): react_jsx_runtime.JSX.Element;
|
|
671
|
+
|
|
672
|
+
interface CopyButtonProps extends Omit<React.ComponentProps<"button">, "value" | "children"> {
|
|
673
|
+
/** Text to write to the clipboard. */
|
|
674
|
+
value: string;
|
|
675
|
+
/** How long the success state lasts, in ms. Default: `1500`. */
|
|
676
|
+
timeout?: number;
|
|
677
|
+
onCopied?: (value: string) => void;
|
|
678
|
+
/** Optional label rendered next to the icon. */
|
|
679
|
+
children?: React.ReactNode;
|
|
680
|
+
}
|
|
681
|
+
/**
|
|
682
|
+
* Click-to-copy button with a transient check confirmation. Icon-only by
|
|
683
|
+
* default; pass children to show a label. Falls back gracefully if the
|
|
684
|
+
* Clipboard API is unavailable.
|
|
685
|
+
*/
|
|
686
|
+
declare function CopyButton({ value, timeout, onCopied, className, children, onClick, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
|
|
687
|
+
|
|
688
|
+
interface SnippetProps extends Omit<React.ComponentProps<"div">, "children"> {
|
|
689
|
+
/** Code / command to display and copy. */
|
|
690
|
+
children: string;
|
|
691
|
+
/** Leading prompt symbol for command snippets (e.g. `"$"`). */
|
|
692
|
+
symbol?: string;
|
|
693
|
+
/** Hide the copy button. */
|
|
694
|
+
hideCopy?: boolean;
|
|
695
|
+
}
|
|
696
|
+
/**
|
|
697
|
+
* Inline code / command block on the elevated surface with a built-in copy
|
|
698
|
+
* button. Single-line and monospaced; for multi-line code blocks render a
|
|
699
|
+
* `<pre>` yourself and drop a `CopyButton` in the corner.
|
|
700
|
+
*/
|
|
701
|
+
declare function Snippet({ children, symbol, hideCopy, className, ...props }: SnippetProps): react_jsx_runtime.JSX.Element;
|
|
702
|
+
|
|
703
|
+
interface CircularProgressProps extends Omit<React.ComponentProps<"div">, "children"> {
|
|
704
|
+
/** Current value. Omit (or pass `null`) for an indeterminate spinner ring. */
|
|
705
|
+
value?: number | null;
|
|
706
|
+
max?: number;
|
|
707
|
+
/** Diameter in px. Default: `40`. */
|
|
708
|
+
size?: number;
|
|
709
|
+
/** Stroke width in px. Default: `4`. */
|
|
710
|
+
thickness?: number;
|
|
711
|
+
/** Render the percentage (or custom node) in the center. */
|
|
712
|
+
showLabel?: boolean;
|
|
713
|
+
label?: React.ReactNode;
|
|
714
|
+
/** Track + indicator tone. Default: `"primary"`. */
|
|
715
|
+
tone?: "primary" | "success" | "warn" | "danger";
|
|
716
|
+
}
|
|
717
|
+
/**
|
|
718
|
+
* Lightweight SVG progress ring — determinate (with optional center label) or
|
|
719
|
+
* indeterminate (spinning). Dependency-free; for data-driven radial charts use
|
|
720
|
+
* the chart `RadialChart` instead.
|
|
721
|
+
*/
|
|
722
|
+
declare function CircularProgress({ value, max, size, thickness, showLabel, label, tone, className, ...props }: CircularProgressProps): react_jsx_runtime.JSX.Element;
|
|
723
|
+
|
|
724
|
+
export { ComboboxContent as $, AVATAR_PRIMARY_FALLBACK_CLASS as A, Badge as B, Breadcrumb as C, BreadcrumbEllipsis as D, BreadcrumbItem as E, BreadcrumbLink as F, BreadcrumbList as G, BreadcrumbPage as H, BreadcrumbSeparator as I, CONTROL_SIZE as J, Calendar as K, CalendarDayButton as L, Card as M, CardContent as N, CardDescription as O, CardFooter as P, CardHeader as Q, CardTitle as R, Checkbox as S, CircularProgress as T, type CircularProgressProps as U, Collapsible as V, CollapsibleContent as W, CollapsibleTrigger as X, Combobox as Y, ComboboxAnchor as Z, ComboboxCommand as _, Accordion as a, DropdownMenuSubTrigger as a$, ComboboxEmpty as a0, ComboboxGroup as a1, ComboboxInput as a2, ComboboxItem as a3, ComboboxList as a4, ComboboxSeparator as a5, ComboboxShortcut as a6, ComboboxTrigger as a7, Command as a8, CommandDialog as a9, DatePicker as aA, DatePickerButton as aB, DatePickerCalendar as aC, DatePickerContent as aD, DatePickerTrigger as aE, Dialog as aF, DialogClose as aG, DialogContent as aH, DialogDescription as aI, DialogFooter as aJ, DialogHeader as aK, DialogOverlay as aL, DialogPortal as aM, DialogTitle as aN, DialogTrigger as aO, DropdownMenu as aP, DropdownMenuCheckboxItem as aQ, DropdownMenuContent as aR, DropdownMenuGroup as aS, DropdownMenuItem as aT, DropdownMenuLabel as aU, DropdownMenuRadioGroup as aV, DropdownMenuRadioItem as aW, DropdownMenuSeparator as aX, DropdownMenuShortcut as aY, DropdownMenuSub as aZ, DropdownMenuSubContent as a_, CommandEmpty as aa, CommandGroup as ab, CommandInput as ac, CommandItem as ad, CommandList as ae, CommandSeparator as af, CommandShortcut as ag, ContextMenu as ah, ContextMenuCheckboxItem as ai, ContextMenuContent as aj, ContextMenuGroup as ak, ContextMenuItem as al, ContextMenuLabel as am, ContextMenuRadioGroup as an, ContextMenuRadioItem as ao, ContextMenuSeparator as ap, ContextMenuShortcut as aq, ContextMenuSub as ar, ContextMenuSubContent as as, ContextMenuSubTrigger as at, ContextMenuTrigger as au, type ControlClassOptions as av, type ControlShape as aw, type ControlSize as ax, CopyButton as ay, type CopyButtonProps as az, AccordionContent as b, Progress as b$, DropdownMenuTrigger as b0, Form as b1, FormControl as b2, FormField as b3, FormItem as b4, FormLabel as b5, FormMessage as b6, FormSubmit as b7, HoverCard as b8, HoverCardContent as b9, MenubarSubContent as bA, MenubarSubTrigger as bB, MenubarTrigger as bC, NavigationMenu as bD, NavigationMenuContent as bE, NavigationMenuIndicator as bF, NavigationMenuItem as bG, NavigationMenuLink as bH, NavigationMenuList as bI, NavigationMenuTrigger as bJ, NavigationMenuViewport as bK, NumberField as bL, type NumberFieldProps as bM, Pagination as bN, PaginationContent as bO, PaginationEllipsis as bP, PaginationItem as bQ, PaginationLink as bR, PaginationNext as bS, PaginationPrevious as bT, type PillSegmentedTab as bU, PillSegmentedTabs as bV, type PillSegmentedTabsProps as bW, Popover as bX, PopoverAnchor as bY, PopoverContent as bZ, PopoverTrigger as b_, HoverCardTrigger as ba, Input as bb, InputGroup as bc, InputGroupAddon as bd, InputGroupInput as be, InputGroupText as bf, InputOTP as bg, InputOTPGroup as bh, InputOTPHiddenInput as bi, InputOTPSeparator as bj, InputOTPSlot as bk, Kbd as bl, KbdGroup as bm, Label as bn, MemoPillSegmentedTabs as bo, Menubar as bp, MenubarCheckboxItem as bq, MenubarContent as br, MenubarItem as bs, MenubarLabel as bt, MenubarMenu as bu, MenubarRadioGroup as bv, MenubarRadioItem as bw, MenubarSeparator as bx, MenubarShortcut as by, MenubarSub as bz, AccordionItem as c, ToolbarButton as c$, RadioGroup as c0, RadioGroupItem as c1, Rating as c2, type RatingProps as c3, ScrollArea as c4, ScrollBar as c5, Select as c6, SelectContent as c7, SelectGroup as c8, SelectItem as c9, TableBody as cA, TableCaption as cB, TableCell as cC, TableFooter as cD, TableHead as cE, TableHeader as cF, TableRow as cG, TagInput as cH, type TagInputProps as cI, type TextShimmerProps as cJ, Textarea as cK, Timeline as cL, type TimelineItem as cM, type TimelineProps as cN, Toast as cO, ToastAction as cP, ToastClose as cQ, ToastDescription as cR, type ToastProps as cS, ToastProvider as cT, ToastTitle as cU, ToastViewport as cV, Toaster as cW, Toggle as cX, ToggleGroup as cY, ToggleGroupItem as cZ, Toolbar as c_, SelectLabel as ca, SelectScrollDownButton as cb, SelectScrollUpButton as cc, SelectSeparator as cd, SelectTrigger as ce, SelectValue as cf, Separator as cg, Sheet as ch, SheetClose as ci, SheetContent as cj, SheetDescription as ck, SheetFooter as cl, SheetHeader as cm, SheetTitle as cn, SheetTrigger as co, Shimmer as cp, Skeleton as cq, Slider as cr, Snippet as cs, type SnippetProps as ct, Spinner as cu, Stepper as cv, type StepperProps as cw, type StepperStep as cx, Switch as cy, Table as cz, AccordionTrigger as d, ToolbarLink as d0, ToolbarSeparator as d1, ToolbarToggleGroup as d2, ToolbarToggleItem as d3, Tooltip as d4, TooltipContent as d5, TooltipProvider as d6, TooltipTrigger as d7, alertVariants as d8, avatarChartVariantClass as d9, badgeVariants as da, controlClass as db, controlSurfaceClass as dc, formatPickerDate as dd, navigationMenuTriggerStyle as de, overlayAnimationClass as df, overlayItemClass as dg, overlayListPanelClass as dh, overlaySurfaceClass as di, toast as dj, toggleVariants as dk, useToast as dl, Alert as e, AlertDescription as f, AlertDialog as g, AlertDialogAction as h, AlertDialogCancel as i, AlertDialogContent as j, AlertDialogDescription as k, AlertDialogFooter as l, AlertDialogHeader as m, AlertDialogOverlay as n, AlertDialogPortal as o, AlertDialogTitle as p, AlertDialogTrigger as q, AlertTitle as r, AspectRatio as s, Avatar as t, AvatarFallback as u, AvatarGroup as v, type AvatarGroupProps as w, AvatarImage as x, Banner as y, type BannerProps as z };
|