@timbal-ai/timbal-react 1.4.0 → 1.6.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 +30 -0
- package/README.md +43 -4
- package/dist/app.cjs +3770 -1506
- package/dist/app.d.cts +76 -31
- package/dist/app.d.ts +76 -31
- package/dist/app.esm.js +30 -8
- package/dist/{chart-artifact-C8-Py6lc.d.cts → chart-artifact-C2pZQsaP.d.ts} +247 -41
- package/dist/{chart-artifact-CMnDys2t.d.ts → chart-artifact-VAqgH-My.d.cts} +247 -41
- package/dist/{chat-ClmzWzCX.d.cts → chat-DDsp-Vzz.d.cts} +1 -1
- package/dist/{chat-ClmzWzCX.d.ts → chat-DDsp-Vzz.d.ts} +1 -1
- package/dist/chat.cjs +280 -123
- package/dist/chat.d.cts +3 -3
- package/dist/chat.d.ts +3 -3
- package/dist/chat.esm.js +4 -3
- package/dist/chunk-24B4I4XC.esm.js +232 -0
- package/dist/{chunk-VOWNCS3F.esm.js → chunk-6SQMTBPL.esm.js} +1669 -504
- package/dist/chunk-EDEKQYSU.esm.js +10 -0
- package/dist/{chunk-QIABF4KB.esm.js → chunk-ELEY66OH.esm.js} +2 -2
- package/dist/{chunk-THBA27QY.esm.js → chunk-HSL36SJ4.esm.js} +243 -124
- package/dist/chunk-JJOO4PR5.esm.js +391 -0
- package/dist/{chunk-QU7ET55D.esm.js → chunk-MBS7XHV2.esm.js} +335 -192
- package/dist/chunk-NO5AWNWT.esm.js +1066 -0
- package/dist/{chunk-VXMM2HX7.esm.js → chunk-R4RQT2XQ.esm.js} +3 -3
- package/dist/{chunk-OFWC4MIY.esm.js → chunk-TMP7RIA7.esm.js} +5 -3
- package/dist/{chunk-GQBYZRD7.esm.js → chunk-WQIQW7EM.esm.js} +40 -28
- package/dist/{chunk-OH23AX2V.esm.js → chunk-YYEI6XME.esm.js} +441 -957
- package/dist/{circular-progress-Ci8L-Hfa.d.cts → circular-progress-B9nnwzCu.d.cts} +20 -78
- package/dist/{circular-progress-Ci8L-Hfa.d.ts → circular-progress-B9nnwzCu.d.ts} +20 -78
- package/dist/index.cjs +5547 -3192
- package/dist/index.d.cts +10 -8
- package/dist/index.d.ts +10 -8
- package/dist/index.esm.js +76 -44
- package/dist/kanban-FFBeaZPS.d.cts +212 -0
- package/dist/kanban-FFBeaZPS.d.ts +212 -0
- package/dist/{layout-BTJyU8wd.d.ts → layout-CuKeSY74.d.ts} +1 -1
- package/dist/{layout-C2G-FcER.d.cts → layout-PzVwkJyL.d.cts} +1 -1
- package/dist/site.cjs +429 -0
- package/dist/site.d.cts +198 -0
- package/dist/site.d.ts +198 -0
- package/dist/site.esm.js +23 -0
- package/dist/studio.cjs +722 -363
- package/dist/studio.d.cts +2 -2
- package/dist/studio.d.ts +2 -2
- package/dist/studio.esm.js +8 -6
- package/dist/styles.css +56 -0
- package/dist/{timbal-v2-button-CNfdwGq4.d.cts → timbal-v2-button-DCAZNyUx.d.cts} +3 -3
- package/dist/{timbal-v2-button-CNfdwGq4.d.ts → timbal-v2-button-DCAZNyUx.d.ts} +3 -3
- package/dist/ui.cjs +1553 -708
- package/dist/ui.d.cts +11 -4
- package/dist/ui.d.ts +11 -4
- package/dist/ui.esm.js +45 -36
- package/dist/{welcome-DXqsGTwH.d.ts → welcome-B00oH5Io.d.cts} +5 -1
- package/dist/{welcome-BFGRoNfK.d.cts → welcome-DU-4NTjZ.d.ts} +5 -1
- 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
|
@@ -0,0 +1,212 @@
|
|
|
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
|
+
import { Avatar as Avatar$1 } from 'radix-ui';
|
|
6
|
+
import { DraggableAttributes } from '@dnd-kit/core';
|
|
7
|
+
|
|
8
|
+
type ButtonColor = "primary" | "secondary" | "tertiary" | "link" | "primary-destructive" | "secondary-destructive";
|
|
9
|
+
declare const buttonVariants: (props?: ({
|
|
10
|
+
color?: "primary" | "secondary" | "link" | "tertiary" | "primary-destructive" | "secondary-destructive" | null | undefined;
|
|
11
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
12
|
+
shape?: "pill" | "rounded" | null | undefined;
|
|
13
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
|
+
interface ButtonProps extends Omit<React.ComponentProps<"button">, "color" | "size">, VariantProps<typeof buttonVariants> {
|
|
15
|
+
/** Legacy variant prop for compatibility. Maps onto color variants. */
|
|
16
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "informative";
|
|
17
|
+
/** Untitled UI-style color alias. Takes precedence over `variant` when set. */
|
|
18
|
+
color?: ButtonColor;
|
|
19
|
+
/** Icon rendered before the label. Ignored when `asChild` is set. */
|
|
20
|
+
iconLeading?: React.ReactNode;
|
|
21
|
+
/** Icon rendered after the label. Ignored when `asChild` is set. */
|
|
22
|
+
iconTrailing?: React.ReactNode;
|
|
23
|
+
/** Show a spinner and make the button non-interactive. */
|
|
24
|
+
isLoading?: boolean;
|
|
25
|
+
/** Merge props onto the single child element (Radix Slot) — for links. */
|
|
26
|
+
asChild?: boolean;
|
|
27
|
+
}
|
|
28
|
+
declare function Button({ className, variant, color, size, shape, iconLeading, iconTrailing, isLoading, asChild, disabled, type, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
29
|
+
|
|
30
|
+
type UntitledButtonColor = "primary" | "secondary" | "tertiary" | "link" | "primary-destructive" | "secondary-destructive";
|
|
31
|
+
type UntitledButtonSize = "sm" | "md" | "lg" | "xl";
|
|
32
|
+
declare const untitledButtonVariants: (props?: ({
|
|
33
|
+
color?: "primary" | "secondary" | "link" | "tertiary" | "primary-destructive" | "secondary-destructive" | null | undefined;
|
|
34
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
35
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
36
|
+
interface UntitledButtonProps extends Omit<React.ComponentProps<"button">, "color">, VariantProps<typeof untitledButtonVariants> {
|
|
37
|
+
/** Icon rendered before the label. Ignored when `asChild` is set. */
|
|
38
|
+
iconLeading?: React.ReactNode;
|
|
39
|
+
/** Icon rendered after the label. Ignored when `asChild` is set. */
|
|
40
|
+
iconTrailing?: React.ReactNode;
|
|
41
|
+
/** Show a spinner and make the button non-interactive. */
|
|
42
|
+
isLoading?: boolean;
|
|
43
|
+
/** Merge props onto the single child element (Radix Slot) — for links. */
|
|
44
|
+
asChild?: boolean;
|
|
45
|
+
}
|
|
46
|
+
declare function UntitledButton({ className, color, size, iconLeading, iconTrailing, isLoading, asChild, disabled, type, children, ...props }: UntitledButtonProps): react_jsx_runtime.JSX.Element;
|
|
47
|
+
|
|
48
|
+
type AvatarVariant = "muted" | "secondary" | "primary" | "chart";
|
|
49
|
+
/**
|
|
50
|
+
* Action-button chrome for initials — matches `Button variant="secondary"` (elevated
|
|
51
|
+
* gradient, border, shadow, foreground text). `variant="primary"` / `"chart"` use this too.
|
|
52
|
+
*/
|
|
53
|
+
declare const AVATAR_PRIMARY_FALLBACK_CLASS: string;
|
|
54
|
+
/**
|
|
55
|
+
* @deprecated Name retained for API stability — returns Action-button (secondary) surface.
|
|
56
|
+
*/
|
|
57
|
+
declare function avatarChartVariantClass(_seed?: string): string;
|
|
58
|
+
declare const AVATAR_SIZE_CLASS: {
|
|
59
|
+
readonly default: "size-7";
|
|
60
|
+
readonly sm: "size-5";
|
|
61
|
+
readonly lg: "size-9";
|
|
62
|
+
};
|
|
63
|
+
declare function Avatar({ className, size, variant: rootVariant, children, ...props }: React.ComponentProps<typeof Avatar$1.Root> & {
|
|
64
|
+
size?: keyof typeof AVATAR_SIZE_CLASS;
|
|
65
|
+
/**
|
|
66
|
+
* `secondary` / `primary` / `chart` — elevated Action-button chrome on the root.
|
|
67
|
+
* Prefer `secondary`; `primary` is an alias for the same look (not dark primary CTA).
|
|
68
|
+
*/
|
|
69
|
+
variant?: AvatarVariant;
|
|
70
|
+
}): react_jsx_runtime.JSX.Element;
|
|
71
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
|
|
72
|
+
declare function AvatarFallback({ className, variant, seed: _seed, children, style, ...props }: React.ComponentProps<typeof Avatar$1.Fallback> & {
|
|
73
|
+
/**
|
|
74
|
+
* `secondary` — Action button look (`Button variant="secondary"`).
|
|
75
|
+
* `primary` / `chart` — same as `secondary` (aliases for prompts).
|
|
76
|
+
*/
|
|
77
|
+
variant?: AvatarVariant;
|
|
78
|
+
/** Reserved for API compatibility; color no longer varies by seed. */
|
|
79
|
+
seed?: string;
|
|
80
|
+
}): react_jsx_runtime.JSX.Element;
|
|
81
|
+
|
|
82
|
+
type BannerTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
83
|
+
type BannerVariant = "soft" | "solid" | "outline";
|
|
84
|
+
type BannerSize = "sm" | "default";
|
|
85
|
+
interface BannerProps extends Omit<React.ComponentProps<"div">, "title"> {
|
|
86
|
+
tone?: BannerTone;
|
|
87
|
+
/** Emphasis. Default `"soft"`. */
|
|
88
|
+
variant?: BannerVariant;
|
|
89
|
+
/** Size. Default `"default"`. */
|
|
90
|
+
size?: BannerSize;
|
|
91
|
+
icon?: React.ReactNode;
|
|
92
|
+
title?: React.ReactNode;
|
|
93
|
+
/** Right-aligned actions (buttons, links). */
|
|
94
|
+
actions?: React.ReactNode;
|
|
95
|
+
/** Show a dismiss button; fires `onDismiss`. */
|
|
96
|
+
onDismiss?: () => void;
|
|
97
|
+
}
|
|
98
|
+
/**
|
|
99
|
+
* Page-level announcement bar — a full-width, dismissible notice with a tone, an
|
|
100
|
+
* optional leading icon, message, and trailing actions. For in-flow form/field
|
|
101
|
+
* messages use `Alert` instead.
|
|
102
|
+
*/
|
|
103
|
+
declare function Banner({ tone, variant, size, icon, title, actions, onDismiss, className, children, ...props }: BannerProps): react_jsx_runtime.JSX.Element;
|
|
104
|
+
|
|
105
|
+
type TimelineTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
106
|
+
interface TimelineItem {
|
|
107
|
+
id: string;
|
|
108
|
+
title: React.ReactNode;
|
|
109
|
+
description?: React.ReactNode;
|
|
110
|
+
/** Right-aligned timestamp / meta. */
|
|
111
|
+
meta?: React.ReactNode;
|
|
112
|
+
tone?: TimelineTone;
|
|
113
|
+
/** Custom node inside the marker (e.g. an icon). */
|
|
114
|
+
icon?: React.ReactNode;
|
|
115
|
+
}
|
|
116
|
+
type TimelineSize = "sm" | "default";
|
|
117
|
+
interface TimelineProps extends Omit<React.ComponentProps<"ol">, "children"> {
|
|
118
|
+
items: TimelineItem[];
|
|
119
|
+
/** Vertical rhythm between entries. Default `"default"`. */
|
|
120
|
+
size?: TimelineSize;
|
|
121
|
+
}
|
|
122
|
+
/**
|
|
123
|
+
* Vertical event log — a marker rail with a title, optional description, and
|
|
124
|
+
* trailing meta per entry. Presentational; pass already-formatted timestamps.
|
|
125
|
+
*/
|
|
126
|
+
declare function Timeline({ items, size, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
127
|
+
|
|
128
|
+
type KanbanTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
129
|
+
type KanbanDensity = "default" | "compact";
|
|
130
|
+
type KanbanCardVariant = "default" | "outline" | "muted" | "tonal";
|
|
131
|
+
interface KanbanCardData {
|
|
132
|
+
id: string;
|
|
133
|
+
}
|
|
134
|
+
interface KanbanColumnData<C extends KanbanCardData = KanbanCardData> {
|
|
135
|
+
id: string;
|
|
136
|
+
title?: React.ReactNode;
|
|
137
|
+
description?: React.ReactNode;
|
|
138
|
+
/** Trailing header node (e.g. an add button). */
|
|
139
|
+
action?: React.ReactNode;
|
|
140
|
+
/** Footer rendered under the card list (e.g. "Add card"). */
|
|
141
|
+
footer?: React.ReactNode;
|
|
142
|
+
tone?: KanbanTone;
|
|
143
|
+
cards: C[];
|
|
144
|
+
}
|
|
145
|
+
interface KanbanLocation {
|
|
146
|
+
columnId: string;
|
|
147
|
+
index: number;
|
|
148
|
+
}
|
|
149
|
+
interface KanbanMoveEvent<C extends KanbanCardData = KanbanCardData> {
|
|
150
|
+
card: C;
|
|
151
|
+
cardId: string;
|
|
152
|
+
from: KanbanLocation;
|
|
153
|
+
to: KanbanLocation;
|
|
154
|
+
/** The resulting board arrangement. */
|
|
155
|
+
columns: KanbanColumnData<C>[];
|
|
156
|
+
}
|
|
157
|
+
/**
|
|
158
|
+
* Spread onto any element to make it the card's drag handle (pointer + keyboard).
|
|
159
|
+
* Useful for rich cards that want the handle on a custom control (e.g. a header
|
|
160
|
+
* grip or an avatar) — set `dragHandle="none"` on `Kanban` to drop the default.
|
|
161
|
+
*/
|
|
162
|
+
type KanbanDragHandleProps = DraggableAttributes & React.DOMAttributes<HTMLElement>;
|
|
163
|
+
interface KanbanRenderCardContext<C extends KanbanCardData = KanbanCardData> {
|
|
164
|
+
column: KanbanColumnData<C>;
|
|
165
|
+
isDragging: boolean;
|
|
166
|
+
/** True while rendering inside the floating drag overlay. */
|
|
167
|
+
isOverlay: boolean;
|
|
168
|
+
/** Spread onto a custom drag handle. Undefined when the board is disabled. */
|
|
169
|
+
dragHandleProps?: KanbanDragHandleProps;
|
|
170
|
+
}
|
|
171
|
+
interface KanbanProps<C extends KanbanCardData = KanbanCardData> {
|
|
172
|
+
/** Controlled columns (with their cards). */
|
|
173
|
+
columns?: KanbanColumnData<C>[];
|
|
174
|
+
/** Uncontrolled initial columns. */
|
|
175
|
+
defaultColumns?: KanbanColumnData<C>[];
|
|
176
|
+
/** Fired with the full next arrangement after any move/reorder. */
|
|
177
|
+
onColumnsChange?: (columns: KanbanColumnData<C>[]) => void;
|
|
178
|
+
/** Fired with move details (card, from, to) after a drag completes. */
|
|
179
|
+
onMove?: (event: KanbanMoveEvent<C>) => void;
|
|
180
|
+
/** Render a card's body. */
|
|
181
|
+
renderCard: (card: C, ctx: KanbanRenderCardContext<C>) => React.ReactNode;
|
|
182
|
+
/** Override the default column header (title + count). */
|
|
183
|
+
renderColumnHeader?: (column: KanbanColumnData<C>) => React.ReactNode;
|
|
184
|
+
/** Resolve a stable id for a card. Default: `card.id`. */
|
|
185
|
+
getCardId?: (card: C) => string;
|
|
186
|
+
/** Shown inside an empty column's drop area. */
|
|
187
|
+
emptyColumnLabel?: React.ReactNode;
|
|
188
|
+
density?: KanbanDensity;
|
|
189
|
+
cardVariant?: KanbanCardVariant;
|
|
190
|
+
/**
|
|
191
|
+
* Drag handle strategy. `"auto"` (default) renders a hover grip in the card's
|
|
192
|
+
* top-right corner. `"none"` removes it so you can place your own handle by
|
|
193
|
+
* spreading `ctx.dragHandleProps` (from `renderCard`) onto any element.
|
|
194
|
+
*/
|
|
195
|
+
dragHandle?: "auto" | "none";
|
|
196
|
+
/** Disable all drag interactions (read-only board). */
|
|
197
|
+
disabled?: boolean;
|
|
198
|
+
/** Accessible label for the board region. */
|
|
199
|
+
"aria-label"?: string;
|
|
200
|
+
className?: string;
|
|
201
|
+
columnClassName?: string;
|
|
202
|
+
cardClassName?: string;
|
|
203
|
+
}
|
|
204
|
+
/**
|
|
205
|
+
* Proprietary Kanban board on `@dnd-kit` — accessible drag-and-drop with
|
|
206
|
+
* pointer + keyboard sensors, cross-column moves, empty-column drop zones, and a
|
|
207
|
+
* floating drag overlay. Controlled (`columns` + `onColumnsChange`) or
|
|
208
|
+
* uncontrolled (`defaultColumns`); `onMove` reports each completed move.
|
|
209
|
+
*/
|
|
210
|
+
declare function Kanban<C extends KanbanCardData = KanbanCardData>({ columns: columnsProp, defaultColumns, onColumnsChange, onMove, renderCard, renderColumnHeader, getCardId, emptyColumnLabel, density, cardVariant, dragHandle, disabled, className, columnClassName, cardClassName, ...rest }: KanbanProps<C>): react_jsx_runtime.JSX.Element;
|
|
211
|
+
|
|
212
|
+
export { AVATAR_PRIMARY_FALLBACK_CLASS as A, Banner as B, untitledButtonVariants as C, type AvatarVariant as D, Kanban as K, Timeline as T, UntitledButton as U, Avatar as a, AvatarFallback as b, AvatarImage as c, type BannerProps as d, type BannerSize as e, type BannerTone as f, type BannerVariant as g, Button as h, type ButtonColor as i, type KanbanCardData as j, type KanbanCardVariant as k, type KanbanColumnData as l, type KanbanDensity as m, type KanbanDragHandleProps as n, type KanbanLocation as o, type KanbanMoveEvent as p, type KanbanProps as q, type KanbanRenderCardContext as r, type KanbanTone as s, type TimelineItem as t, type TimelineProps as u, type TimelineSize as v, type UntitledButtonColor as w, type UntitledButtonProps as x, type UntitledButtonSize as y, avatarChartVariantClass as z };
|
|
@@ -0,0 +1,212 @@
|
|
|
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
|
+
import { Avatar as Avatar$1 } from 'radix-ui';
|
|
6
|
+
import { DraggableAttributes } from '@dnd-kit/core';
|
|
7
|
+
|
|
8
|
+
type ButtonColor = "primary" | "secondary" | "tertiary" | "link" | "primary-destructive" | "secondary-destructive";
|
|
9
|
+
declare const buttonVariants: (props?: ({
|
|
10
|
+
color?: "primary" | "secondary" | "link" | "tertiary" | "primary-destructive" | "secondary-destructive" | null | undefined;
|
|
11
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
12
|
+
shape?: "pill" | "rounded" | null | undefined;
|
|
13
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
|
+
interface ButtonProps extends Omit<React.ComponentProps<"button">, "color" | "size">, VariantProps<typeof buttonVariants> {
|
|
15
|
+
/** Legacy variant prop for compatibility. Maps onto color variants. */
|
|
16
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "informative";
|
|
17
|
+
/** Untitled UI-style color alias. Takes precedence over `variant` when set. */
|
|
18
|
+
color?: ButtonColor;
|
|
19
|
+
/** Icon rendered before the label. Ignored when `asChild` is set. */
|
|
20
|
+
iconLeading?: React.ReactNode;
|
|
21
|
+
/** Icon rendered after the label. Ignored when `asChild` is set. */
|
|
22
|
+
iconTrailing?: React.ReactNode;
|
|
23
|
+
/** Show a spinner and make the button non-interactive. */
|
|
24
|
+
isLoading?: boolean;
|
|
25
|
+
/** Merge props onto the single child element (Radix Slot) — for links. */
|
|
26
|
+
asChild?: boolean;
|
|
27
|
+
}
|
|
28
|
+
declare function Button({ className, variant, color, size, shape, iconLeading, iconTrailing, isLoading, asChild, disabled, type, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
29
|
+
|
|
30
|
+
type UntitledButtonColor = "primary" | "secondary" | "tertiary" | "link" | "primary-destructive" | "secondary-destructive";
|
|
31
|
+
type UntitledButtonSize = "sm" | "md" | "lg" | "xl";
|
|
32
|
+
declare const untitledButtonVariants: (props?: ({
|
|
33
|
+
color?: "primary" | "secondary" | "link" | "tertiary" | "primary-destructive" | "secondary-destructive" | null | undefined;
|
|
34
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
35
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
36
|
+
interface UntitledButtonProps extends Omit<React.ComponentProps<"button">, "color">, VariantProps<typeof untitledButtonVariants> {
|
|
37
|
+
/** Icon rendered before the label. Ignored when `asChild` is set. */
|
|
38
|
+
iconLeading?: React.ReactNode;
|
|
39
|
+
/** Icon rendered after the label. Ignored when `asChild` is set. */
|
|
40
|
+
iconTrailing?: React.ReactNode;
|
|
41
|
+
/** Show a spinner and make the button non-interactive. */
|
|
42
|
+
isLoading?: boolean;
|
|
43
|
+
/** Merge props onto the single child element (Radix Slot) — for links. */
|
|
44
|
+
asChild?: boolean;
|
|
45
|
+
}
|
|
46
|
+
declare function UntitledButton({ className, color, size, iconLeading, iconTrailing, isLoading, asChild, disabled, type, children, ...props }: UntitledButtonProps): react_jsx_runtime.JSX.Element;
|
|
47
|
+
|
|
48
|
+
type AvatarVariant = "muted" | "secondary" | "primary" | "chart";
|
|
49
|
+
/**
|
|
50
|
+
* Action-button chrome for initials — matches `Button variant="secondary"` (elevated
|
|
51
|
+
* gradient, border, shadow, foreground text). `variant="primary"` / `"chart"` use this too.
|
|
52
|
+
*/
|
|
53
|
+
declare const AVATAR_PRIMARY_FALLBACK_CLASS: string;
|
|
54
|
+
/**
|
|
55
|
+
* @deprecated Name retained for API stability — returns Action-button (secondary) surface.
|
|
56
|
+
*/
|
|
57
|
+
declare function avatarChartVariantClass(_seed?: string): string;
|
|
58
|
+
declare const AVATAR_SIZE_CLASS: {
|
|
59
|
+
readonly default: "size-7";
|
|
60
|
+
readonly sm: "size-5";
|
|
61
|
+
readonly lg: "size-9";
|
|
62
|
+
};
|
|
63
|
+
declare function Avatar({ className, size, variant: rootVariant, children, ...props }: React.ComponentProps<typeof Avatar$1.Root> & {
|
|
64
|
+
size?: keyof typeof AVATAR_SIZE_CLASS;
|
|
65
|
+
/**
|
|
66
|
+
* `secondary` / `primary` / `chart` — elevated Action-button chrome on the root.
|
|
67
|
+
* Prefer `secondary`; `primary` is an alias for the same look (not dark primary CTA).
|
|
68
|
+
*/
|
|
69
|
+
variant?: AvatarVariant;
|
|
70
|
+
}): react_jsx_runtime.JSX.Element;
|
|
71
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
|
|
72
|
+
declare function AvatarFallback({ className, variant, seed: _seed, children, style, ...props }: React.ComponentProps<typeof Avatar$1.Fallback> & {
|
|
73
|
+
/**
|
|
74
|
+
* `secondary` — Action button look (`Button variant="secondary"`).
|
|
75
|
+
* `primary` / `chart` — same as `secondary` (aliases for prompts).
|
|
76
|
+
*/
|
|
77
|
+
variant?: AvatarVariant;
|
|
78
|
+
/** Reserved for API compatibility; color no longer varies by seed. */
|
|
79
|
+
seed?: string;
|
|
80
|
+
}): react_jsx_runtime.JSX.Element;
|
|
81
|
+
|
|
82
|
+
type BannerTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
83
|
+
type BannerVariant = "soft" | "solid" | "outline";
|
|
84
|
+
type BannerSize = "sm" | "default";
|
|
85
|
+
interface BannerProps extends Omit<React.ComponentProps<"div">, "title"> {
|
|
86
|
+
tone?: BannerTone;
|
|
87
|
+
/** Emphasis. Default `"soft"`. */
|
|
88
|
+
variant?: BannerVariant;
|
|
89
|
+
/** Size. Default `"default"`. */
|
|
90
|
+
size?: BannerSize;
|
|
91
|
+
icon?: React.ReactNode;
|
|
92
|
+
title?: React.ReactNode;
|
|
93
|
+
/** Right-aligned actions (buttons, links). */
|
|
94
|
+
actions?: React.ReactNode;
|
|
95
|
+
/** Show a dismiss button; fires `onDismiss`. */
|
|
96
|
+
onDismiss?: () => void;
|
|
97
|
+
}
|
|
98
|
+
/**
|
|
99
|
+
* Page-level announcement bar — a full-width, dismissible notice with a tone, an
|
|
100
|
+
* optional leading icon, message, and trailing actions. For in-flow form/field
|
|
101
|
+
* messages use `Alert` instead.
|
|
102
|
+
*/
|
|
103
|
+
declare function Banner({ tone, variant, size, icon, title, actions, onDismiss, className, children, ...props }: BannerProps): react_jsx_runtime.JSX.Element;
|
|
104
|
+
|
|
105
|
+
type TimelineTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
106
|
+
interface TimelineItem {
|
|
107
|
+
id: string;
|
|
108
|
+
title: React.ReactNode;
|
|
109
|
+
description?: React.ReactNode;
|
|
110
|
+
/** Right-aligned timestamp / meta. */
|
|
111
|
+
meta?: React.ReactNode;
|
|
112
|
+
tone?: TimelineTone;
|
|
113
|
+
/** Custom node inside the marker (e.g. an icon). */
|
|
114
|
+
icon?: React.ReactNode;
|
|
115
|
+
}
|
|
116
|
+
type TimelineSize = "sm" | "default";
|
|
117
|
+
interface TimelineProps extends Omit<React.ComponentProps<"ol">, "children"> {
|
|
118
|
+
items: TimelineItem[];
|
|
119
|
+
/** Vertical rhythm between entries. Default `"default"`. */
|
|
120
|
+
size?: TimelineSize;
|
|
121
|
+
}
|
|
122
|
+
/**
|
|
123
|
+
* Vertical event log — a marker rail with a title, optional description, and
|
|
124
|
+
* trailing meta per entry. Presentational; pass already-formatted timestamps.
|
|
125
|
+
*/
|
|
126
|
+
declare function Timeline({ items, size, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
127
|
+
|
|
128
|
+
type KanbanTone = "default" | "primary" | "success" | "warn" | "danger";
|
|
129
|
+
type KanbanDensity = "default" | "compact";
|
|
130
|
+
type KanbanCardVariant = "default" | "outline" | "muted" | "tonal";
|
|
131
|
+
interface KanbanCardData {
|
|
132
|
+
id: string;
|
|
133
|
+
}
|
|
134
|
+
interface KanbanColumnData<C extends KanbanCardData = KanbanCardData> {
|
|
135
|
+
id: string;
|
|
136
|
+
title?: React.ReactNode;
|
|
137
|
+
description?: React.ReactNode;
|
|
138
|
+
/** Trailing header node (e.g. an add button). */
|
|
139
|
+
action?: React.ReactNode;
|
|
140
|
+
/** Footer rendered under the card list (e.g. "Add card"). */
|
|
141
|
+
footer?: React.ReactNode;
|
|
142
|
+
tone?: KanbanTone;
|
|
143
|
+
cards: C[];
|
|
144
|
+
}
|
|
145
|
+
interface KanbanLocation {
|
|
146
|
+
columnId: string;
|
|
147
|
+
index: number;
|
|
148
|
+
}
|
|
149
|
+
interface KanbanMoveEvent<C extends KanbanCardData = KanbanCardData> {
|
|
150
|
+
card: C;
|
|
151
|
+
cardId: string;
|
|
152
|
+
from: KanbanLocation;
|
|
153
|
+
to: KanbanLocation;
|
|
154
|
+
/** The resulting board arrangement. */
|
|
155
|
+
columns: KanbanColumnData<C>[];
|
|
156
|
+
}
|
|
157
|
+
/**
|
|
158
|
+
* Spread onto any element to make it the card's drag handle (pointer + keyboard).
|
|
159
|
+
* Useful for rich cards that want the handle on a custom control (e.g. a header
|
|
160
|
+
* grip or an avatar) — set `dragHandle="none"` on `Kanban` to drop the default.
|
|
161
|
+
*/
|
|
162
|
+
type KanbanDragHandleProps = DraggableAttributes & React.DOMAttributes<HTMLElement>;
|
|
163
|
+
interface KanbanRenderCardContext<C extends KanbanCardData = KanbanCardData> {
|
|
164
|
+
column: KanbanColumnData<C>;
|
|
165
|
+
isDragging: boolean;
|
|
166
|
+
/** True while rendering inside the floating drag overlay. */
|
|
167
|
+
isOverlay: boolean;
|
|
168
|
+
/** Spread onto a custom drag handle. Undefined when the board is disabled. */
|
|
169
|
+
dragHandleProps?: KanbanDragHandleProps;
|
|
170
|
+
}
|
|
171
|
+
interface KanbanProps<C extends KanbanCardData = KanbanCardData> {
|
|
172
|
+
/** Controlled columns (with their cards). */
|
|
173
|
+
columns?: KanbanColumnData<C>[];
|
|
174
|
+
/** Uncontrolled initial columns. */
|
|
175
|
+
defaultColumns?: KanbanColumnData<C>[];
|
|
176
|
+
/** Fired with the full next arrangement after any move/reorder. */
|
|
177
|
+
onColumnsChange?: (columns: KanbanColumnData<C>[]) => void;
|
|
178
|
+
/** Fired with move details (card, from, to) after a drag completes. */
|
|
179
|
+
onMove?: (event: KanbanMoveEvent<C>) => void;
|
|
180
|
+
/** Render a card's body. */
|
|
181
|
+
renderCard: (card: C, ctx: KanbanRenderCardContext<C>) => React.ReactNode;
|
|
182
|
+
/** Override the default column header (title + count). */
|
|
183
|
+
renderColumnHeader?: (column: KanbanColumnData<C>) => React.ReactNode;
|
|
184
|
+
/** Resolve a stable id for a card. Default: `card.id`. */
|
|
185
|
+
getCardId?: (card: C) => string;
|
|
186
|
+
/** Shown inside an empty column's drop area. */
|
|
187
|
+
emptyColumnLabel?: React.ReactNode;
|
|
188
|
+
density?: KanbanDensity;
|
|
189
|
+
cardVariant?: KanbanCardVariant;
|
|
190
|
+
/**
|
|
191
|
+
* Drag handle strategy. `"auto"` (default) renders a hover grip in the card's
|
|
192
|
+
* top-right corner. `"none"` removes it so you can place your own handle by
|
|
193
|
+
* spreading `ctx.dragHandleProps` (from `renderCard`) onto any element.
|
|
194
|
+
*/
|
|
195
|
+
dragHandle?: "auto" | "none";
|
|
196
|
+
/** Disable all drag interactions (read-only board). */
|
|
197
|
+
disabled?: boolean;
|
|
198
|
+
/** Accessible label for the board region. */
|
|
199
|
+
"aria-label"?: string;
|
|
200
|
+
className?: string;
|
|
201
|
+
columnClassName?: string;
|
|
202
|
+
cardClassName?: string;
|
|
203
|
+
}
|
|
204
|
+
/**
|
|
205
|
+
* Proprietary Kanban board on `@dnd-kit` — accessible drag-and-drop with
|
|
206
|
+
* pointer + keyboard sensors, cross-column moves, empty-column drop zones, and a
|
|
207
|
+
* floating drag overlay. Controlled (`columns` + `onColumnsChange`) or
|
|
208
|
+
* uncontrolled (`defaultColumns`); `onMove` reports each completed move.
|
|
209
|
+
*/
|
|
210
|
+
declare function Kanban<C extends KanbanCardData = KanbanCardData>({ columns: columnsProp, defaultColumns, onColumnsChange, onMove, renderCard, renderColumnHeader, getCardId, emptyColumnLabel, density, cardVariant, dragHandle, disabled, className, columnClassName, cardClassName, ...rest }: KanbanProps<C>): react_jsx_runtime.JSX.Element;
|
|
211
|
+
|
|
212
|
+
export { AVATAR_PRIMARY_FALLBACK_CLASS as A, Banner as B, untitledButtonVariants as C, type AvatarVariant as D, Kanban as K, Timeline as T, UntitledButton as U, Avatar as a, AvatarFallback as b, AvatarImage as c, type BannerProps as d, type BannerSize as e, type BannerTone as f, type BannerVariant as g, Button as h, type ButtonColor as i, type KanbanCardData as j, type KanbanCardVariant as k, type KanbanColumnData as l, type KanbanDensity as m, type KanbanDragHandleProps as n, type KanbanLocation as o, type KanbanMoveEvent as p, type KanbanProps as q, type KanbanRenderCardContext as r, type KanbanTone as s, type TimelineItem as t, type TimelineProps as u, type TimelineSize as v, type UntitledButtonColor as w, type UntitledButtonProps as x, type UntitledButtonSize as y, avatarChartVariantClass as z };
|
|
@@ -3,7 +3,7 @@ import { FC } from 'react';
|
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { ToolCallMessagePartComponent } from '@assistant-ui/react';
|
|
5
5
|
import { WorkforceItem } from '@timbal-ai/timbal-sdk';
|
|
6
|
-
import {
|
|
6
|
+
import { a as TimbalV2ButtonProps } from './timbal-v2-button-DCAZNyUx.js';
|
|
7
7
|
|
|
8
8
|
declare const MarkdownText: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@ import { FC } from 'react';
|
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { ToolCallMessagePartComponent } from '@assistant-ui/react';
|
|
5
5
|
import { WorkforceItem } from '@timbal-ai/timbal-sdk';
|
|
6
|
-
import {
|
|
6
|
+
import { a as TimbalV2ButtonProps } from './timbal-v2-button-DCAZNyUx.cjs';
|
|
7
7
|
|
|
8
8
|
declare const MarkdownText: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
|
|
9
9
|
|