@timbal-ai/timbal-react 1.4.0 → 1.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/CHANGELOG.md +14 -0
- package/README.md +18 -4
- package/dist/app.cjs +3532 -1483
- package/dist/app.d.cts +75 -30
- package/dist/app.d.ts +75 -30
- package/dist/app.esm.js +29 -7
- package/dist/{chart-artifact-CMnDys2t.d.ts → chart-artifact-2OTDTRwM.d.ts} +194 -40
- package/dist/{chart-artifact-C8-Py6lc.d.cts → chart-artifact-CS3qyGIY.d.cts} +194 -40
- package/dist/chat.cjs +264 -107
- package/dist/chat.d.cts +2 -2
- package/dist/chat.d.ts +2 -2
- package/dist/chat.esm.js +4 -3
- package/dist/chunk-5ECRZ5O7.esm.js +899 -0
- package/dist/{chunk-QU7ET55D.esm.js → chunk-AZL2WANO.esm.js} +320 -177
- package/dist/{chunk-OH23AX2V.esm.js → chunk-B4XAC4G7.esm.js} +430 -780
- package/dist/chunk-EDEKQYSU.esm.js +10 -0
- package/dist/{chunk-GQBYZRD7.esm.js → chunk-IGHBLJV3.esm.js} +38 -27
- package/dist/{chunk-OFWC4MIY.esm.js → chunk-JYDJRGDE.esm.js} +5 -3
- package/dist/{chunk-VOWNCS3F.esm.js → chunk-SZDYIRMB.esm.js} +1567 -490
- package/dist/chunk-TZI3ID3C.esm.js +232 -0
- package/dist/{chunk-THBA27QY.esm.js → chunk-WMKPT5BV.esm.js} +242 -123
- package/dist/{chunk-VXMM2HX7.esm.js → chunk-ZNYAETFD.esm.js} +1 -1
- package/dist/{circular-progress-Ci8L-Hfa.d.cts → circular-progress-CDsJwIPF.d.cts} +19 -77
- package/dist/{circular-progress-Ci8L-Hfa.d.ts → circular-progress-CDsJwIPF.d.ts} +19 -77
- package/dist/index.cjs +5506 -3626
- package/dist/index.d.cts +7 -6
- package/dist/index.d.ts +7 -6
- package/dist/index.esm.js +45 -33
- package/dist/kanban-U5xNe9py.d.cts +212 -0
- package/dist/kanban-U5xNe9py.d.ts +212 -0
- package/dist/{layout-BTJyU8wd.d.ts → layout-B8r6Jbat.d.ts} +1 -1
- package/dist/{layout-C2G-FcER.d.cts → layout-Cu7Ijn04.d.cts} +1 -1
- package/dist/site.cjs +358 -0
- package/dist/site.d.cts +184 -0
- package/dist/site.d.ts +184 -0
- package/dist/site.esm.js +322 -0
- package/dist/studio.cjs +702 -343
- package/dist/studio.d.cts +1 -1
- package/dist/studio.d.ts +1 -1
- package/dist/studio.esm.js +7 -5
- package/dist/styles.css +56 -0
- package/dist/{timbal-v2-button-CNfdwGq4.d.cts → timbal-v2-button-B7vPs7gg.d.cts} +2 -2
- package/dist/{timbal-v2-button-CNfdwGq4.d.ts → timbal-v2-button-B7vPs7gg.d.ts} +2 -2
- package/dist/ui.cjs +1504 -659
- package/dist/ui.d.cts +11 -4
- package/dist/ui.d.ts +11 -4
- package/dist/ui.esm.js +35 -26
- package/dist/{welcome-DXqsGTwH.d.ts → welcome-DduQAC4K.d.ts} +4 -0
- package/dist/{welcome-BFGRoNfK.d.cts → welcome-NXZlcihe.d.cts} +4 -0
- package/package.json +9 -1
- package/dist/button-BoyX5pM_.d.cts +0 -18
- package/dist/button-BoyX5pM_.d.ts +0 -18
- package/dist/chunk-UCGVL7ZY.esm.js +0 -52
package/dist/ui.d.cts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
export { B as Button } from './
|
|
2
|
-
export { A as
|
|
1
|
+
export { v as AVATAR_PRIMARY_FALLBACK_CLASS, A as Avatar, a as AvatarFallback, b as AvatarImage, B as Banner, d as BannerProps, w as BannerSize, x as BannerTone, y as BannerVariant, e as Button, f as ButtonColor, K as Kanban, g as KanbanCardData, h as KanbanCardVariant, i as KanbanColumnData, j as KanbanDensity, k as KanbanDragHandleProps, l as KanbanLocation, m as KanbanMoveEvent, n as KanbanProps, o as KanbanRenderCardContext, p as KanbanTone, T as Timeline, q as TimelineItem, r as TimelineProps, z as TimelineSize, U as UntitledButton, s as UntitledButtonColor, t as UntitledButtonProps, u as UntitledButtonSize, C as avatarChartVariantClass, D as untitledButtonVariants } from './kanban-U5xNe9py.cjs';
|
|
2
|
+
export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger, d as Alert, e as AlertDescription, f as AlertDialog, g as AlertDialogAction, h as AlertDialogCancel, i as AlertDialogContent, j as AlertDialogDescription, k as AlertDialogFooter, l as AlertDialogHeader, m as AlertDialogOverlay, n as AlertDialogPortal, o as AlertDialogTitle, p as AlertDialogTrigger, q as AlertTitle, r as AspectRatio, s as AvatarGroup, t as AvatarGroupProps, B as Badge, u as Breadcrumb, v as BreadcrumbEllipsis, w as BreadcrumbItem, x as BreadcrumbLink, y as BreadcrumbList, z as BreadcrumbPage, C as BreadcrumbSeparator, D as CONTROL_SIZE, E as Calendar, F as CalendarDayButton, G as Card, H as CardContent, I as CardDescription, J as CardFooter, K as CardHeader, L as CardTitle, M as Checkbox, N as CircularProgress, O as CircularProgressProps, P as Collapsible, Q as CollapsibleContent, R as CollapsibleTrigger, S as Combobox, T as ComboboxAnchor, U as ComboboxCommand, V as ComboboxContent, W as ComboboxEmpty, X as ComboboxGroup, Y as ComboboxInput, Z as ComboboxItem, _ as ComboboxList, $ as ComboboxSeparator, a0 as ComboboxShortcut, a1 as ComboboxTrigger, a2 as Command, a3 as CommandDialog, a4 as CommandEmpty, a5 as CommandGroup, a6 as CommandInput, a7 as CommandItem, a8 as CommandList, a9 as CommandSeparator, aa as CommandShortcut, ab as ContextMenu, ac as ContextMenuCheckboxItem, ad as ContextMenuContent, ae as ContextMenuGroup, af as ContextMenuItem, ag as ContextMenuLabel, ah as ContextMenuRadioGroup, ai as ContextMenuRadioItem, aj as ContextMenuSeparator, ak as ContextMenuShortcut, al as ContextMenuSub, am as ContextMenuSubContent, an as ContextMenuSubTrigger, ao as ContextMenuTrigger, ap as ControlClassOptions, aq as ControlShape, ar as ControlSize, as as CopyButton, at as CopyButtonProps, au as DatePicker, av as DatePickerButton, aw as DatePickerCalendar, ax as DatePickerContent, ay as DatePickerTrigger, az as Dialog, aA as DialogClose, aB as DialogContent, aC as DialogDescription, aD as DialogFooter, aE as DialogHeader, aF as DialogOverlay, aG as DialogPortal, aH as DialogTitle, aI as DialogTrigger, aJ as DropdownMenu, aK as DropdownMenuCheckboxItem, aL as DropdownMenuContent, aM as DropdownMenuGroup, aN as DropdownMenuItem, aO as DropdownMenuLabel, aP as DropdownMenuRadioGroup, aQ as DropdownMenuRadioItem, aR as DropdownMenuSeparator, aS as DropdownMenuShortcut, aT as DropdownMenuSub, aU as DropdownMenuSubContent, aV as DropdownMenuSubTrigger, aW as DropdownMenuTrigger, aX as Form, aY as FormControl, aZ as FormField, a_ as FormItem, a$ as FormLabel, b0 as FormMessage, b1 as FormSubmit, b2 as HoverCard, b3 as HoverCardContent, b4 as HoverCardTrigger, b5 as Input, b6 as InputGroup, b7 as InputGroupAddon, b8 as InputGroupInput, b9 as InputGroupText, ba as InputOTP, bb as InputOTPGroup, bc as InputOTPHiddenInput, bd as InputOTPSeparator, be as InputOTPSlot, bf as Kbd, bg as KbdGroup, bh as Label, bi as MemoPillSegmentedTabs, bj as Menubar, bk as MenubarCheckboxItem, bl as MenubarContent, bm as MenubarItem, bn as MenubarLabel, bo as MenubarMenu, bp as MenubarRadioGroup, bq as MenubarRadioItem, br as MenubarSeparator, bs as MenubarShortcut, bt as MenubarSub, bu as MenubarSubContent, bv as MenubarSubTrigger, bw as MenubarTrigger, bx as NavigationMenu, by as NavigationMenuContent, bz as NavigationMenuIndicator, bA as NavigationMenuItem, bB as NavigationMenuLink, bC as NavigationMenuList, bD as NavigationMenuTrigger, bE as NavigationMenuViewport, bF as NumberField, bG as NumberFieldProps, bH as Pagination, bI as PaginationContent, bJ as PaginationEllipsis, bK as PaginationItem, bL as PaginationLink, bM as PaginationNext, bN as PaginationPrevious, bO as PillSegmentedTab, bP as PillSegmentedTabs, bQ as PillSegmentedTabsProps, bR as Popover, bS as PopoverAnchor, bT as PopoverContent, bU as PopoverTrigger, bV as Progress, bW as RadioGroup, bX as RadioGroupItem, bY as Rating, bZ as RatingProps, b_ as RatingTone, b$ as ScrollArea, c0 as ScrollBar, c1 as Select, c2 as SelectContent, c3 as SelectGroup, c4 as SelectItem, c5 as SelectLabel, c6 as SelectScrollDownButton, c7 as SelectScrollUpButton, c8 as SelectSeparator, c9 as SelectTrigger, ca as SelectValue, cb as Separator, cc as Sheet, cd as SheetClose, ce as SheetContent, cf as SheetDescription, cg as SheetFooter, ch as SheetHeader, ci as SheetTitle, cj as SheetTrigger, ck as Shimmer, cl as Skeleton, cm as Slider, cn as Snippet, co as SnippetProps, cp as SnippetSize, cq as SnippetVariant, cr as Spinner, cs as Stepper, ct as StepperProps, cu as StepperStep, cv as Switch, cw as Table, cx as TableBody, cy as TableCaption, cz as TableCell, cA as TableFooter, cB as TableHead, cC as TableHeader, cD as TableRow, cE as TagInput, cF as TagInputProps, cG as TagInputSize, cH as TextShimmerProps, cI as Textarea, cJ as Toast, cK as ToastAction, cL as ToastClose, cM as ToastDescription, cN as ToastProps, cO as ToastProvider, cP as ToastTitle, cQ as ToastViewport, cR as Toaster, cS as Toggle, cT as ToggleGroup, cU as ToggleGroupItem, cV as Toolbar, cW as ToolbarButton, cX as ToolbarLink, cY as ToolbarSeparator, cZ as ToolbarToggleGroup, c_ as ToolbarToggleItem, c$ as Tooltip, d0 as TooltipContent, d1 as TooltipProvider, d2 as TooltipTrigger, d3 as alertVariants, d4 as badgeVariants, d5 as controlClass, d6 as controlSurfaceClass, d7 as formatPickerDate, d8 as navigationMenuTriggerStyle, d9 as overlayAnimationClass, da as overlayItemClass, db as overlayListPanelClass, dc as overlaySurfaceClass, dd as toast, de as toggleVariants, df as useToast } from './circular-progress-CDsJwIPF.cjs';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import * as RechartsPrimitive from 'recharts';
|
|
6
|
-
export { a as TimbalV2Button } from './timbal-v2-button-
|
|
6
|
+
export { a as TimbalV2Button } from './timbal-v2-button-B7vPs7gg.cjs';
|
|
7
7
|
import 'class-variance-authority/types';
|
|
8
8
|
import 'class-variance-authority';
|
|
9
9
|
import 'radix-ui';
|
|
10
|
+
import '@dnd-kit/core';
|
|
10
11
|
import 'cmdk';
|
|
11
12
|
import 'react-day-picker';
|
|
12
13
|
|
|
@@ -49,7 +50,7 @@ type TooltipPayloadItem = {
|
|
|
49
50
|
fill?: string;
|
|
50
51
|
};
|
|
51
52
|
};
|
|
52
|
-
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: {
|
|
53
|
+
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, valueFormatter, color, nameKey, labelKey, }: {
|
|
53
54
|
active?: boolean;
|
|
54
55
|
payload?: TooltipPayloadItem[];
|
|
55
56
|
className?: string;
|
|
@@ -60,6 +61,12 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
|
|
|
60
61
|
labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React.ReactNode;
|
|
61
62
|
labelClassName?: string;
|
|
62
63
|
formatter?: (value: unknown, name: string | number | undefined, item: TooltipPayloadItem, index: number, payload: unknown) => React.ReactNode;
|
|
64
|
+
/**
|
|
65
|
+
* Format only the value cell while keeping the default row (label + color
|
|
66
|
+
* swatch). Prefer this over `formatter` when you just need custom number
|
|
67
|
+
* formatting — `formatter` replaces the whole row, dropping the swatch.
|
|
68
|
+
*/
|
|
69
|
+
valueFormatter?: (value: unknown, item: TooltipPayloadItem) => React.ReactNode;
|
|
63
70
|
color?: string;
|
|
64
71
|
nameKey?: string;
|
|
65
72
|
labelKey?: string;
|
package/dist/ui.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
export { B as Button } from './
|
|
2
|
-
export { A as
|
|
1
|
+
export { v as AVATAR_PRIMARY_FALLBACK_CLASS, A as Avatar, a as AvatarFallback, b as AvatarImage, B as Banner, d as BannerProps, w as BannerSize, x as BannerTone, y as BannerVariant, e as Button, f as ButtonColor, K as Kanban, g as KanbanCardData, h as KanbanCardVariant, i as KanbanColumnData, j as KanbanDensity, k as KanbanDragHandleProps, l as KanbanLocation, m as KanbanMoveEvent, n as KanbanProps, o as KanbanRenderCardContext, p as KanbanTone, T as Timeline, q as TimelineItem, r as TimelineProps, z as TimelineSize, U as UntitledButton, s as UntitledButtonColor, t as UntitledButtonProps, u as UntitledButtonSize, C as avatarChartVariantClass, D as untitledButtonVariants } from './kanban-U5xNe9py.js';
|
|
2
|
+
export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger, d as Alert, e as AlertDescription, f as AlertDialog, g as AlertDialogAction, h as AlertDialogCancel, i as AlertDialogContent, j as AlertDialogDescription, k as AlertDialogFooter, l as AlertDialogHeader, m as AlertDialogOverlay, n as AlertDialogPortal, o as AlertDialogTitle, p as AlertDialogTrigger, q as AlertTitle, r as AspectRatio, s as AvatarGroup, t as AvatarGroupProps, B as Badge, u as Breadcrumb, v as BreadcrumbEllipsis, w as BreadcrumbItem, x as BreadcrumbLink, y as BreadcrumbList, z as BreadcrumbPage, C as BreadcrumbSeparator, D as CONTROL_SIZE, E as Calendar, F as CalendarDayButton, G as Card, H as CardContent, I as CardDescription, J as CardFooter, K as CardHeader, L as CardTitle, M as Checkbox, N as CircularProgress, O as CircularProgressProps, P as Collapsible, Q as CollapsibleContent, R as CollapsibleTrigger, S as Combobox, T as ComboboxAnchor, U as ComboboxCommand, V as ComboboxContent, W as ComboboxEmpty, X as ComboboxGroup, Y as ComboboxInput, Z as ComboboxItem, _ as ComboboxList, $ as ComboboxSeparator, a0 as ComboboxShortcut, a1 as ComboboxTrigger, a2 as Command, a3 as CommandDialog, a4 as CommandEmpty, a5 as CommandGroup, a6 as CommandInput, a7 as CommandItem, a8 as CommandList, a9 as CommandSeparator, aa as CommandShortcut, ab as ContextMenu, ac as ContextMenuCheckboxItem, ad as ContextMenuContent, ae as ContextMenuGroup, af as ContextMenuItem, ag as ContextMenuLabel, ah as ContextMenuRadioGroup, ai as ContextMenuRadioItem, aj as ContextMenuSeparator, ak as ContextMenuShortcut, al as ContextMenuSub, am as ContextMenuSubContent, an as ContextMenuSubTrigger, ao as ContextMenuTrigger, ap as ControlClassOptions, aq as ControlShape, ar as ControlSize, as as CopyButton, at as CopyButtonProps, au as DatePicker, av as DatePickerButton, aw as DatePickerCalendar, ax as DatePickerContent, ay as DatePickerTrigger, az as Dialog, aA as DialogClose, aB as DialogContent, aC as DialogDescription, aD as DialogFooter, aE as DialogHeader, aF as DialogOverlay, aG as DialogPortal, aH as DialogTitle, aI as DialogTrigger, aJ as DropdownMenu, aK as DropdownMenuCheckboxItem, aL as DropdownMenuContent, aM as DropdownMenuGroup, aN as DropdownMenuItem, aO as DropdownMenuLabel, aP as DropdownMenuRadioGroup, aQ as DropdownMenuRadioItem, aR as DropdownMenuSeparator, aS as DropdownMenuShortcut, aT as DropdownMenuSub, aU as DropdownMenuSubContent, aV as DropdownMenuSubTrigger, aW as DropdownMenuTrigger, aX as Form, aY as FormControl, aZ as FormField, a_ as FormItem, a$ as FormLabel, b0 as FormMessage, b1 as FormSubmit, b2 as HoverCard, b3 as HoverCardContent, b4 as HoverCardTrigger, b5 as Input, b6 as InputGroup, b7 as InputGroupAddon, b8 as InputGroupInput, b9 as InputGroupText, ba as InputOTP, bb as InputOTPGroup, bc as InputOTPHiddenInput, bd as InputOTPSeparator, be as InputOTPSlot, bf as Kbd, bg as KbdGroup, bh as Label, bi as MemoPillSegmentedTabs, bj as Menubar, bk as MenubarCheckboxItem, bl as MenubarContent, bm as MenubarItem, bn as MenubarLabel, bo as MenubarMenu, bp as MenubarRadioGroup, bq as MenubarRadioItem, br as MenubarSeparator, bs as MenubarShortcut, bt as MenubarSub, bu as MenubarSubContent, bv as MenubarSubTrigger, bw as MenubarTrigger, bx as NavigationMenu, by as NavigationMenuContent, bz as NavigationMenuIndicator, bA as NavigationMenuItem, bB as NavigationMenuLink, bC as NavigationMenuList, bD as NavigationMenuTrigger, bE as NavigationMenuViewport, bF as NumberField, bG as NumberFieldProps, bH as Pagination, bI as PaginationContent, bJ as PaginationEllipsis, bK as PaginationItem, bL as PaginationLink, bM as PaginationNext, bN as PaginationPrevious, bO as PillSegmentedTab, bP as PillSegmentedTabs, bQ as PillSegmentedTabsProps, bR as Popover, bS as PopoverAnchor, bT as PopoverContent, bU as PopoverTrigger, bV as Progress, bW as RadioGroup, bX as RadioGroupItem, bY as Rating, bZ as RatingProps, b_ as RatingTone, b$ as ScrollArea, c0 as ScrollBar, c1 as Select, c2 as SelectContent, c3 as SelectGroup, c4 as SelectItem, c5 as SelectLabel, c6 as SelectScrollDownButton, c7 as SelectScrollUpButton, c8 as SelectSeparator, c9 as SelectTrigger, ca as SelectValue, cb as Separator, cc as Sheet, cd as SheetClose, ce as SheetContent, cf as SheetDescription, cg as SheetFooter, ch as SheetHeader, ci as SheetTitle, cj as SheetTrigger, ck as Shimmer, cl as Skeleton, cm as Slider, cn as Snippet, co as SnippetProps, cp as SnippetSize, cq as SnippetVariant, cr as Spinner, cs as Stepper, ct as StepperProps, cu as StepperStep, cv as Switch, cw as Table, cx as TableBody, cy as TableCaption, cz as TableCell, cA as TableFooter, cB as TableHead, cC as TableHeader, cD as TableRow, cE as TagInput, cF as TagInputProps, cG as TagInputSize, cH as TextShimmerProps, cI as Textarea, cJ as Toast, cK as ToastAction, cL as ToastClose, cM as ToastDescription, cN as ToastProps, cO as ToastProvider, cP as ToastTitle, cQ as ToastViewport, cR as Toaster, cS as Toggle, cT as ToggleGroup, cU as ToggleGroupItem, cV as Toolbar, cW as ToolbarButton, cX as ToolbarLink, cY as ToolbarSeparator, cZ as ToolbarToggleGroup, c_ as ToolbarToggleItem, c$ as Tooltip, d0 as TooltipContent, d1 as TooltipProvider, d2 as TooltipTrigger, d3 as alertVariants, d4 as badgeVariants, d5 as controlClass, d6 as controlSurfaceClass, d7 as formatPickerDate, d8 as navigationMenuTriggerStyle, d9 as overlayAnimationClass, da as overlayItemClass, db as overlayListPanelClass, dc as overlaySurfaceClass, dd as toast, de as toggleVariants, df as useToast } from './circular-progress-CDsJwIPF.js';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import * as RechartsPrimitive from 'recharts';
|
|
6
|
-
export { a as TimbalV2Button } from './timbal-v2-button-
|
|
6
|
+
export { a as TimbalV2Button } from './timbal-v2-button-B7vPs7gg.js';
|
|
7
7
|
import 'class-variance-authority/types';
|
|
8
8
|
import 'class-variance-authority';
|
|
9
9
|
import 'radix-ui';
|
|
10
|
+
import '@dnd-kit/core';
|
|
10
11
|
import 'cmdk';
|
|
11
12
|
import 'react-day-picker';
|
|
12
13
|
|
|
@@ -49,7 +50,7 @@ type TooltipPayloadItem = {
|
|
|
49
50
|
fill?: string;
|
|
50
51
|
};
|
|
51
52
|
};
|
|
52
|
-
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: {
|
|
53
|
+
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, valueFormatter, color, nameKey, labelKey, }: {
|
|
53
54
|
active?: boolean;
|
|
54
55
|
payload?: TooltipPayloadItem[];
|
|
55
56
|
className?: string;
|
|
@@ -60,6 +61,12 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
|
|
|
60
61
|
labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React.ReactNode;
|
|
61
62
|
labelClassName?: string;
|
|
62
63
|
formatter?: (value: unknown, name: string | number | undefined, item: TooltipPayloadItem, index: number, payload: unknown) => React.ReactNode;
|
|
64
|
+
/**
|
|
65
|
+
* Format only the value cell while keeping the default row (label + color
|
|
66
|
+
* swatch). Prefer this over `formatter` when you just need custom number
|
|
67
|
+
* formatting — `formatter` replaces the whole row, dropping the swatch.
|
|
68
|
+
*/
|
|
69
|
+
valueFormatter?: (value: unknown, item: TooltipPayloadItem) => React.ReactNode;
|
|
63
70
|
color?: string;
|
|
64
71
|
nameKey?: string;
|
|
65
72
|
labelKey?: string;
|
package/dist/ui.esm.js
CHANGED
|
@@ -20,7 +20,6 @@ import {
|
|
|
20
20
|
AspectRatio,
|
|
21
21
|
AvatarGroup,
|
|
22
22
|
Badge,
|
|
23
|
-
Banner,
|
|
24
23
|
Breadcrumb,
|
|
25
24
|
BreadcrumbEllipsis,
|
|
26
25
|
BreadcrumbItem,
|
|
@@ -75,26 +74,11 @@ import {
|
|
|
75
74
|
ContextMenuSubContent,
|
|
76
75
|
ContextMenuSubTrigger,
|
|
77
76
|
ContextMenuTrigger,
|
|
78
|
-
CopyButton,
|
|
79
77
|
DatePicker,
|
|
80
78
|
DatePickerButton,
|
|
81
79
|
DatePickerCalendar,
|
|
82
80
|
DatePickerContent,
|
|
83
81
|
DatePickerTrigger,
|
|
84
|
-
DropdownMenu,
|
|
85
|
-
DropdownMenuCheckboxItem,
|
|
86
|
-
DropdownMenuContent,
|
|
87
|
-
DropdownMenuGroup,
|
|
88
|
-
DropdownMenuItem,
|
|
89
|
-
DropdownMenuLabel,
|
|
90
|
-
DropdownMenuRadioGroup,
|
|
91
|
-
DropdownMenuRadioItem,
|
|
92
|
-
DropdownMenuSeparator,
|
|
93
|
-
DropdownMenuShortcut,
|
|
94
|
-
DropdownMenuSub,
|
|
95
|
-
DropdownMenuSubContent,
|
|
96
|
-
DropdownMenuSubTrigger,
|
|
97
|
-
DropdownMenuTrigger,
|
|
98
82
|
Form,
|
|
99
83
|
FormControl,
|
|
100
84
|
FormField,
|
|
@@ -148,10 +132,6 @@ import {
|
|
|
148
132
|
PaginationLink,
|
|
149
133
|
PaginationNext,
|
|
150
134
|
PaginationPrevious,
|
|
151
|
-
Popover,
|
|
152
|
-
PopoverAnchor,
|
|
153
|
-
PopoverContent,
|
|
154
|
-
PopoverTrigger,
|
|
155
135
|
Progress,
|
|
156
136
|
RadioGroup,
|
|
157
137
|
RadioGroupItem,
|
|
@@ -192,7 +172,6 @@ import {
|
|
|
192
172
|
TableRow,
|
|
193
173
|
TagInput,
|
|
194
174
|
Textarea,
|
|
195
|
-
Timeline,
|
|
196
175
|
Toast,
|
|
197
176
|
ToastAction,
|
|
198
177
|
ToastClose,
|
|
@@ -217,15 +196,41 @@ import {
|
|
|
217
196
|
toast,
|
|
218
197
|
toggleVariants,
|
|
219
198
|
useToast
|
|
220
|
-
} from "./chunk-
|
|
199
|
+
} from "./chunk-B4XAC4G7.esm.js";
|
|
221
200
|
import {
|
|
201
|
+
Banner,
|
|
222
202
|
Checkbox,
|
|
223
|
-
|
|
224
|
-
|
|
203
|
+
CopyButton,
|
|
204
|
+
Kanban,
|
|
205
|
+
Popover,
|
|
206
|
+
PopoverAnchor,
|
|
207
|
+
PopoverContent,
|
|
208
|
+
PopoverTrigger,
|
|
209
|
+
Skeleton,
|
|
210
|
+
Timeline,
|
|
211
|
+
UntitledButton,
|
|
212
|
+
untitledButtonVariants
|
|
213
|
+
} from "./chunk-5ECRZ5O7.esm.js";
|
|
214
|
+
import {
|
|
215
|
+
DropdownMenu,
|
|
216
|
+
DropdownMenuCheckboxItem,
|
|
217
|
+
DropdownMenuContent,
|
|
218
|
+
DropdownMenuGroup,
|
|
219
|
+
DropdownMenuItem,
|
|
220
|
+
DropdownMenuLabel,
|
|
221
|
+
DropdownMenuRadioGroup,
|
|
222
|
+
DropdownMenuRadioItem,
|
|
223
|
+
DropdownMenuSeparator,
|
|
224
|
+
DropdownMenuShortcut,
|
|
225
|
+
DropdownMenuSub,
|
|
226
|
+
DropdownMenuSubContent,
|
|
227
|
+
DropdownMenuSubTrigger,
|
|
228
|
+
DropdownMenuTrigger
|
|
229
|
+
} from "./chunk-TZI3ID3C.esm.js";
|
|
225
230
|
import {
|
|
226
231
|
MemoPillSegmentedTabs,
|
|
227
232
|
PillSegmentedTabs
|
|
228
|
-
} from "./chunk-
|
|
233
|
+
} from "./chunk-ZNYAETFD.esm.js";
|
|
229
234
|
import {
|
|
230
235
|
AVATAR_PRIMARY_FALLBACK_CLASS,
|
|
231
236
|
Avatar,
|
|
@@ -263,7 +268,8 @@ import {
|
|
|
263
268
|
overlayListPanelClass,
|
|
264
269
|
overlaySurfaceClass,
|
|
265
270
|
useChart
|
|
266
|
-
} from "./chunk-
|
|
271
|
+
} from "./chunk-AZL2WANO.esm.js";
|
|
272
|
+
import "./chunk-EDEKQYSU.esm.js";
|
|
267
273
|
export {
|
|
268
274
|
AVATAR_PRIMARY_FALLBACK_CLASS,
|
|
269
275
|
Accordion,
|
|
@@ -404,6 +410,7 @@ export {
|
|
|
404
410
|
InputOTPHiddenInput,
|
|
405
411
|
InputOTPSeparator,
|
|
406
412
|
InputOTPSlot,
|
|
413
|
+
Kanban,
|
|
407
414
|
Kbd,
|
|
408
415
|
KbdGroup,
|
|
409
416
|
Label,
|
|
@@ -508,6 +515,7 @@ export {
|
|
|
508
515
|
TooltipContent,
|
|
509
516
|
TooltipProvider,
|
|
510
517
|
TooltipTrigger,
|
|
518
|
+
UntitledButton,
|
|
511
519
|
alertVariants,
|
|
512
520
|
avatarChartVariantClass,
|
|
513
521
|
badgeVariants,
|
|
@@ -521,6 +529,7 @@ export {
|
|
|
521
529
|
overlaySurfaceClass,
|
|
522
530
|
toast,
|
|
523
531
|
toggleVariants,
|
|
532
|
+
untitledButtonVariants,
|
|
524
533
|
useChart,
|
|
525
534
|
useToast
|
|
526
535
|
};
|
|
@@ -48,6 +48,8 @@ interface TimbalStudioShellProps extends Omit<TimbalChatProps, "workforceId"> {
|
|
|
48
48
|
workforcesBaseUrl?: string;
|
|
49
49
|
/** Brand mark rendered in the sidebar header. Default: `<TimbalMark />`. */
|
|
50
50
|
brand?: ReactNode;
|
|
51
|
+
/** Logo element rendered in the collapsed sidebar header. Default: uses brand if default, otherwise falls back to the open chevron. */
|
|
52
|
+
logo?: ReactNode;
|
|
51
53
|
/** Extra actions rendered at the right of the floating top bar. */
|
|
52
54
|
headerActions?: ReactNode;
|
|
53
55
|
/** Nodes rendered at the left of the floating top bar (after the menu button). */
|
|
@@ -92,6 +94,8 @@ interface StudioSidebarProps {
|
|
|
92
94
|
mobileBreakpointPx?: number;
|
|
93
95
|
/** Brand element rendered in the sidebar header. Default: `<TimbalMark />`. */
|
|
94
96
|
brand?: ReactNode;
|
|
97
|
+
/** Logo element rendered in the collapsed sidebar header. Default: uses brand if default, otherwise falls back to the open chevron. */
|
|
98
|
+
logo?: ReactNode;
|
|
95
99
|
/** Caption shown in the footer when no user is signed in. */
|
|
96
100
|
emptyCaption?: string | null;
|
|
97
101
|
/** External control over the mobile drawer (used by `TimbalStudioShell`). */
|
|
@@ -48,6 +48,8 @@ interface TimbalStudioShellProps extends Omit<TimbalChatProps, "workforceId"> {
|
|
|
48
48
|
workforcesBaseUrl?: string;
|
|
49
49
|
/** Brand mark rendered in the sidebar header. Default: `<TimbalMark />`. */
|
|
50
50
|
brand?: ReactNode;
|
|
51
|
+
/** Logo element rendered in the collapsed sidebar header. Default: uses brand if default, otherwise falls back to the open chevron. */
|
|
52
|
+
logo?: ReactNode;
|
|
51
53
|
/** Extra actions rendered at the right of the floating top bar. */
|
|
52
54
|
headerActions?: ReactNode;
|
|
53
55
|
/** Nodes rendered at the left of the floating top bar (after the menu button). */
|
|
@@ -92,6 +94,8 @@ interface StudioSidebarProps {
|
|
|
92
94
|
mobileBreakpointPx?: number;
|
|
93
95
|
/** Brand element rendered in the sidebar header. Default: `<TimbalMark />`. */
|
|
94
96
|
brand?: ReactNode;
|
|
97
|
+
/** Logo element rendered in the collapsed sidebar header. Default: uses brand if default, otherwise falls back to the open chevron. */
|
|
98
|
+
logo?: ReactNode;
|
|
95
99
|
/** Caption shown in the footer when no user is signed in. */
|
|
96
100
|
emptyCaption?: string | null;
|
|
97
101
|
/** External control over the mobile drawer (used by `TimbalStudioShell`). */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@timbal-ai/timbal-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "React components and runtime for building Timbal chat and studio apps",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -32,6 +32,11 @@
|
|
|
32
32
|
"import": "./dist/app.esm.js",
|
|
33
33
|
"require": "./dist/app.cjs"
|
|
34
34
|
},
|
|
35
|
+
"./site": {
|
|
36
|
+
"types": "./dist/site.d.ts",
|
|
37
|
+
"import": "./dist/site.esm.js",
|
|
38
|
+
"require": "./dist/site.cjs"
|
|
39
|
+
},
|
|
35
40
|
"./styles.css": "./dist/styles.css",
|
|
36
41
|
"./vite": {
|
|
37
42
|
"types": "./vite/local-dev.d.ts",
|
|
@@ -69,6 +74,9 @@
|
|
|
69
74
|
},
|
|
70
75
|
"dependencies": {
|
|
71
76
|
"@assistant-ui/react-markdown": "^0.12.3",
|
|
77
|
+
"@dnd-kit/core": "^6.3.1",
|
|
78
|
+
"@dnd-kit/sortable": "^10.0.0",
|
|
79
|
+
"@dnd-kit/utilities": "^3.2.2",
|
|
72
80
|
"@paper-design/shaders-react": "^0.0.76",
|
|
73
81
|
"@radix-ui/react-avatar": "^1.1.11",
|
|
74
82
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Layout-only variants for consumers that compose `buttonVariants` directly.
|
|
8
|
-
* Fill / border / shadow come from `button-tokens` via `TimbalV2Button`.
|
|
9
|
-
*/
|
|
10
|
-
declare const buttonVariants: (props?: ({
|
|
11
|
-
variant?: "secondary" | "destructive" | "outline" | "link" | "ghost" | "default" | null | undefined;
|
|
12
|
-
size?: "xs" | "sm" | "lg" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
13
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
|
-
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
15
|
-
asChild?: boolean;
|
|
16
|
-
}): react_jsx_runtime.JSX.Element;
|
|
17
|
-
|
|
18
|
-
export { Button as B };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Layout-only variants for consumers that compose `buttonVariants` directly.
|
|
8
|
-
* Fill / border / shadow come from `button-tokens` via `TimbalV2Button`.
|
|
9
|
-
*/
|
|
10
|
-
declare const buttonVariants: (props?: ({
|
|
11
|
-
variant?: "secondary" | "destructive" | "outline" | "link" | "ghost" | "default" | null | undefined;
|
|
12
|
-
size?: "xs" | "sm" | "lg" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
13
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
|
-
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
15
|
-
asChild?: boolean;
|
|
16
|
-
}): react_jsx_runtime.JSX.Element;
|
|
17
|
-
|
|
18
|
-
export { Button as B };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-QU7ET55D.esm.js";
|
|
4
|
-
|
|
5
|
-
// src/ui/checkbox.tsx
|
|
6
|
-
import { Checkbox as CheckboxPrimitive } from "radix-ui";
|
|
7
|
-
import { CheckIcon } from "lucide-react";
|
|
8
|
-
import { jsx } from "react/jsx-runtime";
|
|
9
|
-
function Checkbox({
|
|
10
|
-
className,
|
|
11
|
-
...props
|
|
12
|
-
}) {
|
|
13
|
-
return /* @__PURE__ */ jsx(
|
|
14
|
-
CheckboxPrimitive.Root,
|
|
15
|
-
{
|
|
16
|
-
"data-slot": "checkbox",
|
|
17
|
-
className: cn(
|
|
18
|
-
"peer size-4 shrink-0 rounded-[4px] border border-border bg-gradient-to-b from-elevated-from to-elevated-to shadow-card outline-none transition-[box-shadow,background-color,border-color]",
|
|
19
|
-
"focus-visible:ring-2 focus-visible:ring-foreground/10 disabled:cursor-not-allowed disabled:opacity-50",
|
|
20
|
-
"data-[state=checked]:border-foreground/15 data-[state=checked]:from-primary-fill-from data-[state=checked]:to-primary-fill-to data-[state=checked]:text-primary-foreground",
|
|
21
|
-
className
|
|
22
|
-
),
|
|
23
|
-
...props,
|
|
24
|
-
children: /* @__PURE__ */ jsx(
|
|
25
|
-
CheckboxPrimitive.Indicator,
|
|
26
|
-
{
|
|
27
|
-
"data-slot": "checkbox-indicator",
|
|
28
|
-
className: "flex items-center justify-center text-current transition-none",
|
|
29
|
-
children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
|
|
30
|
-
}
|
|
31
|
-
)
|
|
32
|
-
}
|
|
33
|
-
);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
// src/ui/skeleton.tsx
|
|
37
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
38
|
-
function Skeleton({ className, ...props }) {
|
|
39
|
-
return /* @__PURE__ */ jsx2(
|
|
40
|
-
"div",
|
|
41
|
-
{
|
|
42
|
-
"data-slot": "skeleton",
|
|
43
|
-
className: cn("animate-pulse rounded-lg bg-muted", className),
|
|
44
|
-
...props
|
|
45
|
-
}
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
export {
|
|
50
|
-
Checkbox,
|
|
51
|
-
Skeleton
|
|
52
|
-
};
|