@timbal-ai/timbal-react 1.0.0 → 1.2.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 +35 -0
- package/README.md +55 -8
- package/dist/app.cjs +2369 -1189
- package/dist/app.d.cts +8 -4
- package/dist/app.d.ts +8 -4
- package/dist/app.esm.js +32 -7
- package/dist/{chart-artifact-DOkwSTjQ.d.cts → chart-artifact-E58ve76I.d.cts} +279 -12
- package/dist/{chart-artifact-CBo9x8Ch.d.ts → chart-artifact-_PEJgCpQ.d.ts} +279 -12
- package/dist/{chat-Bed4FQSl.d.cts → chat-ClmzWzCX.d.cts} +33 -4
- package/dist/{chat-Bed4FQSl.d.ts → chat-ClmzWzCX.d.ts} +33 -4
- package/dist/chat.cjs +1446 -776
- package/dist/chat.d.cts +1 -1
- package/dist/chat.d.ts +1 -1
- package/dist/chat.esm.js +3 -3
- package/dist/{chunk-YEFBANNF.esm.js → chunk-4VULP3CJ.esm.js} +242 -288
- package/dist/{chunk-RZ6QC6RG.esm.js → chunk-AGJKK6R7.esm.js} +2 -2
- package/dist/{chunk-FOD67Z6G.esm.js → chunk-BMXFXLVV.esm.js} +341 -12
- package/dist/chunk-FEYZUVBM.esm.js +52 -0
- package/dist/{chunk-C6IXFM4T.esm.js → chunk-MTYXREHK.esm.js} +4 -4
- package/dist/{chunk-AYHOVAMI.esm.js → chunk-NAMKO2MU.esm.js} +1 -1
- package/dist/{chunk-SNLXVG7H.esm.js → chunk-UY7AKWJL.esm.js} +1108 -656
- package/dist/{chunk-GLPOVYEA.esm.js → chunk-XDIY2WSL.esm.js} +669 -279
- package/dist/index.cjs +2967 -1824
- package/dist/index.d.cts +5 -5
- package/dist/index.d.ts +5 -5
- package/dist/index.esm.js +41 -11
- package/dist/pill-segmented-tabs-BsIOW1Lo.d.cts +528 -0
- package/dist/pill-segmented-tabs-BsIOW1Lo.d.ts +528 -0
- package/dist/studio.cjs +1685 -1015
- package/dist/studio.d.cts +2 -2
- package/dist/studio.d.ts +2 -2
- package/dist/studio.esm.js +5 -5
- package/dist/styles.css +24 -0
- package/dist/ui.cjs +387 -49
- package/dist/ui.d.cts +71 -491
- package/dist/ui.d.ts +71 -491
- package/dist/ui.esm.js +26 -6
- package/dist/{welcome-COOb05a5.d.cts → welcome-BFGRoNfK.d.cts} +1 -1
- package/dist/{welcome-DE08m9ca.d.ts → welcome-DXqsGTwH.d.ts} +1 -1
- package/package.json +7 -3
- package/vite/local-dev.d.ts +5 -1
- package/vite/local-dev.mjs +17 -13
|
@@ -0,0 +1,528 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ElementType, ReactNode, FC } from 'react';
|
|
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
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
|
+
import { Command as Command$1 } from 'cmdk';
|
|
7
|
+
import { DayPicker, DayButtonProps } from 'react-day-picker';
|
|
8
|
+
import { VariantProps } from 'class-variance-authority';
|
|
9
|
+
|
|
10
|
+
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
13
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
|
|
14
|
+
|
|
15
|
+
type AvatarVariant = "muted" | "secondary" | "primary" | "chart";
|
|
16
|
+
/**
|
|
17
|
+
* Action-button chrome for initials — matches `Button variant="secondary"` (elevated
|
|
18
|
+
* gradient, border, shadow, foreground text). `variant="primary"` / `"chart"` use this too.
|
|
19
|
+
*/
|
|
20
|
+
declare const AVATAR_PRIMARY_FALLBACK_CLASS: string;
|
|
21
|
+
/**
|
|
22
|
+
* @deprecated Name retained for API stability — returns Action-button (secondary) surface.
|
|
23
|
+
*/
|
|
24
|
+
declare function avatarChartVariantClass(_seed?: string): string;
|
|
25
|
+
declare const AVATAR_SIZE_CLASS: {
|
|
26
|
+
readonly default: "size-8";
|
|
27
|
+
readonly sm: "size-6";
|
|
28
|
+
readonly lg: "size-10";
|
|
29
|
+
};
|
|
30
|
+
declare function Avatar({ className, size, variant: rootVariant, children, ...props }: React.ComponentProps<typeof Avatar$1.Root> & {
|
|
31
|
+
size?: keyof typeof AVATAR_SIZE_CLASS;
|
|
32
|
+
/**
|
|
33
|
+
* `secondary` / `primary` / `chart` — elevated Action-button chrome on the root.
|
|
34
|
+
* Prefer `secondary`; `primary` is an alias for the same look (not dark primary CTA).
|
|
35
|
+
*/
|
|
36
|
+
variant?: AvatarVariant;
|
|
37
|
+
}): react_jsx_runtime.JSX.Element;
|
|
38
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
|
|
39
|
+
declare function AvatarFallback({ className, variant, seed: _seed, children, style, ...props }: React.ComponentProps<typeof Avatar$1.Fallback> & {
|
|
40
|
+
/**
|
|
41
|
+
* `secondary` — Action button look (`Button variant="secondary"`).
|
|
42
|
+
* `primary` / `chart` — same as `secondary` (aliases for prompts).
|
|
43
|
+
*/
|
|
44
|
+
variant?: AvatarVariant;
|
|
45
|
+
/** Reserved for API compatibility; color no longer varies by seed. */
|
|
46
|
+
seed?: string;
|
|
47
|
+
}): react_jsx_runtime.JSX.Element;
|
|
48
|
+
|
|
49
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
|
|
50
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
51
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
52
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
|
|
53
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
54
|
+
declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
|
|
55
|
+
showCloseButton?: boolean;
|
|
56
|
+
}): react_jsx_runtime.JSX.Element;
|
|
57
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
|
|
58
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
|
|
59
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
60
|
+
declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
61
|
+
|
|
62
|
+
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
63
|
+
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
64
|
+
declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime.JSX.Element;
|
|
65
|
+
declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime.JSX.Element;
|
|
66
|
+
declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
|
|
67
|
+
inset?: boolean;
|
|
68
|
+
variant?: "default" | "destructive";
|
|
69
|
+
}): react_jsx_runtime.JSX.Element;
|
|
70
|
+
declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
|
|
71
|
+
declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime.JSX.Element;
|
|
72
|
+
declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react_jsx_runtime.JSX.Element;
|
|
73
|
+
declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Label> & {
|
|
74
|
+
inset?: boolean;
|
|
75
|
+
}): react_jsx_runtime.JSX.Element;
|
|
76
|
+
declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
77
|
+
declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
78
|
+
declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Sub>): react_jsx_runtime.JSX.Element;
|
|
79
|
+
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
|
|
80
|
+
inset?: boolean;
|
|
81
|
+
}): react_jsx_runtime.JSX.Element;
|
|
82
|
+
declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
|
|
83
|
+
|
|
84
|
+
declare function Popover({ ...props }: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
|
|
85
|
+
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
86
|
+
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
|
|
87
|
+
declare function PopoverContent({ className, align, sideOffset, variant, ...props }: React.ComponentProps<typeof Popover$1.Content> & {
|
|
88
|
+
/**
|
|
89
|
+
* `default` — padded card (help text, small forms).
|
|
90
|
+
* `list` — menu/listbox chrome (pair with `Command`; same skin as `Select`).
|
|
91
|
+
*/
|
|
92
|
+
variant?: "default" | "list";
|
|
93
|
+
}): react_jsx_runtime.JSX.Element;
|
|
94
|
+
|
|
95
|
+
declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
|
|
96
|
+
declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
|
|
97
|
+
declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
|
|
98
|
+
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Select$1.Trigger> & {
|
|
99
|
+
size?: "sm" | "default";
|
|
100
|
+
}): react_jsx_runtime.JSX.Element;
|
|
101
|
+
declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
|
|
102
|
+
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
|
|
103
|
+
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
|
|
104
|
+
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
105
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
|
|
106
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
|
|
107
|
+
|
|
108
|
+
/**
|
|
109
|
+
* The single control-surface contract.
|
|
110
|
+
*
|
|
111
|
+
* Every input, select / dropdown trigger, and search field in the package reads
|
|
112
|
+
* its skin from here, so a `SearchInput` and a `Select` trigger placed side by
|
|
113
|
+
* side are visually identical — regardless of whether one was hand-written and
|
|
114
|
+
* the other vendored from shadcn. The provenance of a control stops mattering
|
|
115
|
+
* because the skin is defined exactly once.
|
|
116
|
+
*
|
|
117
|
+
* Two axes only, both enumerated (never ad-hoc):
|
|
118
|
+
* - **skin** — border, surface gradient, shadow, focus ring, transition.
|
|
119
|
+
* Canonical = studio secondary chrome (`TIMBAL_V2_SECONDARY_CHROME`).
|
|
120
|
+
* - **shape** — `field` (rounded-lg, the default for form/data controls) or
|
|
121
|
+
* `pill` (rounded-full, for topbar/filter chrome rows).
|
|
122
|
+
*
|
|
123
|
+
* Floating panels share `overlaySurfaceClass` + `overlayListPanelClass` (menus)
|
|
124
|
+
* or padded popover chrome + `overlayItemClass` for rows so menus and
|
|
125
|
+
* listboxes match too.
|
|
126
|
+
*
|
|
127
|
+
* Composable public API — exported from `./ui` and the package root so apps can
|
|
128
|
+
* build custom controls that match the kit. Do **not** hand-roll a control
|
|
129
|
+
* surface (`rounded-* border-input bg-…`) in a component; compose these.
|
|
130
|
+
*/
|
|
131
|
+
type ControlSize = "sm" | "default";
|
|
132
|
+
type ControlShape = "field" | "pill";
|
|
133
|
+
/** Height + horizontal padding per control size — shared by every control. */
|
|
134
|
+
declare const CONTROL_SIZE: Record<ControlSize, string>;
|
|
135
|
+
/**
|
|
136
|
+
* The control skin — surface, border, shadow, focus ring, disabled, transition.
|
|
137
|
+
* No height / width / padding / radius / layout, so it composes onto an
|
|
138
|
+
* `<input>`, a `<button>` trigger, or a `<label>` wrapper alike. Add size +
|
|
139
|
+
* shape via `controlClass(...)`, or compose directly for bespoke layouts.
|
|
140
|
+
*/
|
|
141
|
+
declare const controlSurfaceClass: string;
|
|
142
|
+
interface ControlClassOptions {
|
|
143
|
+
/** Height + padding. Default `"default"` (h-10). */
|
|
144
|
+
size?: ControlSize;
|
|
145
|
+
/** Corner shape. Default `"field"` (rounded-lg). Use `"pill"` for chrome rows. */
|
|
146
|
+
shape?: ControlShape;
|
|
147
|
+
}
|
|
148
|
+
/**
|
|
149
|
+
* Build a complete control class: skin + size + shape. The one entry point for
|
|
150
|
+
* inputs, triggers, and search fields.
|
|
151
|
+
*
|
|
152
|
+
* @example
|
|
153
|
+
* ```tsx
|
|
154
|
+
* <input className={controlClass({}, "w-full")} /> // field, h-10
|
|
155
|
+
* <SelectTrigger className={controlClass({ size: "sm" })} /> // field, h-9
|
|
156
|
+
* <label className={controlClass({ shape: "pill" })} /> // pill chrome
|
|
157
|
+
* ```
|
|
158
|
+
*/
|
|
159
|
+
declare function controlClass(options?: ControlClassOptions, className?: string): string;
|
|
160
|
+
/**
|
|
161
|
+
* Shared entrance / exit animation for floating panels (popover, menu,
|
|
162
|
+
* listbox). Identical across all overlays so they open the same way.
|
|
163
|
+
*/
|
|
164
|
+
declare const overlayAnimationClass = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2";
|
|
165
|
+
/**
|
|
166
|
+
* Shared floating-panel surface — popover, dropdown menu, select listbox,
|
|
167
|
+
* command. Colors + border + shadow + z-index + animation. Each consumer adds
|
|
168
|
+
* its own radius / padding / min-width / transform origin.
|
|
169
|
+
*/
|
|
170
|
+
declare const overlaySurfaceClass: string;
|
|
171
|
+
/**
|
|
172
|
+
* Listbox / menu / command panel chrome — `Select`, `DropdownMenu`, `Command`,
|
|
173
|
+
* `Combobox`. Same radius and zero padding; rows use `overlayItemClass`.
|
|
174
|
+
* Rich popovers (help text, forms) use `PopoverContent` default padding instead.
|
|
175
|
+
*/
|
|
176
|
+
declare const overlayListPanelClass: string;
|
|
177
|
+
/**
|
|
178
|
+
* Shared selectable row inside an overlay (menu item, list option). Consumers
|
|
179
|
+
* override padding (e.g. `pl-8` for a leading indicator) on top of this.
|
|
180
|
+
*/
|
|
181
|
+
declare const overlayItemClass = "relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground";
|
|
182
|
+
|
|
183
|
+
/**
|
|
184
|
+
* Text input on the shared control-surface contract — visually identical to
|
|
185
|
+
* `Select` triggers, `SearchInput`, and every other control.
|
|
186
|
+
*/
|
|
187
|
+
declare function Input({ className, type, controlSize, ...props }: React.ComponentProps<"input"> & {
|
|
188
|
+
/** Height + padding — matches `SelectTrigger` `size`. Default `"default"`. */
|
|
189
|
+
controlSize?: ControlSize;
|
|
190
|
+
}): react_jsx_runtime.JSX.Element;
|
|
191
|
+
|
|
192
|
+
/**
|
|
193
|
+
* Multi-line input on the shared control skin (auto height, not the fixed
|
|
194
|
+
* control height).
|
|
195
|
+
*/
|
|
196
|
+
declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
|
|
197
|
+
|
|
198
|
+
declare function Label({ className, ...props }: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
|
|
199
|
+
|
|
200
|
+
/**
|
|
201
|
+
* Checkbox — elevated surface off, primary gradient on, matching the switch and
|
|
202
|
+
* buttons. Focus ring follows the house `ring-foreground/10` convention.
|
|
203
|
+
*/
|
|
204
|
+
declare function Checkbox({ className, ...props }: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
|
|
205
|
+
|
|
206
|
+
/**
|
|
207
|
+
* Switch — shares the exact track/thumb tokens as the app-kit `FieldSwitch`, so
|
|
208
|
+
* the bare primitive and the labeled form row are visually identical.
|
|
209
|
+
*/
|
|
210
|
+
declare function Switch({ className, ...props }: React.ComponentProps<typeof Switch$1.Root>): react_jsx_runtime.JSX.Element;
|
|
211
|
+
|
|
212
|
+
declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime.JSX.Element;
|
|
213
|
+
declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime.JSX.Element;
|
|
214
|
+
|
|
215
|
+
declare function Form({ ...props }: React.ComponentProps<typeof Form$1.Root>): react_jsx_runtime.JSX.Element;
|
|
216
|
+
declare function FormField({ ...props }: React.ComponentProps<typeof Form$1.Field>): react_jsx_runtime.JSX.Element;
|
|
217
|
+
declare function FormItem({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
218
|
+
declare function FormLabel({ className, ...props }: React.ComponentProps<typeof Form$1.Label>): react_jsx_runtime.JSX.Element;
|
|
219
|
+
declare function FormControl({ ...props }: React.ComponentProps<typeof Form$1.Control>): react_jsx_runtime.JSX.Element;
|
|
220
|
+
declare function FormMessage({ className, ...props }: React.ComponentProps<typeof Form$1.Message>): react_jsx_runtime.JSX.Element;
|
|
221
|
+
declare function FormSubmit({ className, ...props }: React.ComponentProps<typeof Form$1.Submit>): react_jsx_runtime.JSX.Element;
|
|
222
|
+
|
|
223
|
+
declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
|
|
224
|
+
|
|
225
|
+
declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
226
|
+
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
|
|
227
|
+
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
228
|
+
declare function BreadcrumbLink({ className, asChild, ...props }: React.ComponentProps<"a"> & {
|
|
229
|
+
asChild?: boolean;
|
|
230
|
+
}): react_jsx_runtime.JSX.Element;
|
|
231
|
+
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
232
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
233
|
+
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
234
|
+
|
|
235
|
+
declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
236
|
+
declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
|
|
237
|
+
declare function PaginationItem({ ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
238
|
+
type PaginationLinkProps = React.ComponentProps<"a"> & {
|
|
239
|
+
isActive?: boolean;
|
|
240
|
+
size?: "default" | "sm" | "lg" | "icon";
|
|
241
|
+
};
|
|
242
|
+
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
243
|
+
declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
244
|
+
declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
245
|
+
declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
246
|
+
|
|
247
|
+
declare function Toolbar({ className, ...props }: React.ComponentProps<typeof Toolbar$1.Root>): react_jsx_runtime.JSX.Element;
|
|
248
|
+
declare function ToolbarButton({ className, ...props }: React.ComponentProps<typeof Toolbar$1.Button>): react_jsx_runtime.JSX.Element;
|
|
249
|
+
declare function ToolbarSeparator({ className, ...props }: React.ComponentProps<typeof Toolbar$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
250
|
+
declare function ToolbarToggleGroup({ className, ...props }: React.ComponentProps<typeof Toolbar$1.ToggleGroup>): react_jsx_runtime.JSX.Element;
|
|
251
|
+
declare function ToolbarToggleItem({ className, ...props }: React.ComponentProps<typeof Toolbar$1.ToggleItem>): react_jsx_runtime.JSX.Element;
|
|
252
|
+
declare function ToolbarLink({ className, ...props }: React.ComponentProps<typeof Toolbar$1.Link>): react_jsx_runtime.JSX.Element;
|
|
253
|
+
|
|
254
|
+
declare function Menubar({ className, ...props }: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime.JSX.Element;
|
|
255
|
+
declare function MenubarMenu({ ...props }: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime.JSX.Element;
|
|
256
|
+
declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
257
|
+
declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime.JSX.Element;
|
|
258
|
+
declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof Menubar$1.Item> & {
|
|
259
|
+
inset?: boolean;
|
|
260
|
+
variant?: "default" | "destructive";
|
|
261
|
+
}): react_jsx_runtime.JSX.Element;
|
|
262
|
+
declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
|
|
263
|
+
declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime.JSX.Element;
|
|
264
|
+
declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime.JSX.Element;
|
|
265
|
+
declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof Menubar$1.Label> & {
|
|
266
|
+
inset?: boolean;
|
|
267
|
+
}): react_jsx_runtime.JSX.Element;
|
|
268
|
+
declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
269
|
+
declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
270
|
+
declare function MenubarSub({ ...props }: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime.JSX.Element;
|
|
271
|
+
declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
|
|
272
|
+
inset?: boolean;
|
|
273
|
+
}): react_jsx_runtime.JSX.Element;
|
|
274
|
+
declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime.JSX.Element;
|
|
275
|
+
|
|
276
|
+
declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenu$1.Root> & {
|
|
277
|
+
viewport?: boolean;
|
|
278
|
+
}): react_jsx_runtime.JSX.Element;
|
|
279
|
+
declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime.JSX.Element;
|
|
280
|
+
declare function NavigationMenuItem({ ...props }: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime.JSX.Element;
|
|
281
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
282
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
283
|
+
declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime.JSX.Element;
|
|
284
|
+
declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime.JSX.Element;
|
|
285
|
+
declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime.JSX.Element;
|
|
286
|
+
declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime.JSX.Element;
|
|
287
|
+
|
|
288
|
+
declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
|
|
289
|
+
declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
|
|
290
|
+
title?: string;
|
|
291
|
+
description?: string;
|
|
292
|
+
className?: string;
|
|
293
|
+
showCloseButton?: boolean;
|
|
294
|
+
}): react_jsx_runtime.JSX.Element;
|
|
295
|
+
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
|
|
296
|
+
declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
|
|
297
|
+
declare function CommandEmpty({ ...props }: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
|
|
298
|
+
declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
|
|
299
|
+
declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
300
|
+
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
|
|
301
|
+
declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
302
|
+
|
|
303
|
+
declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
|
|
304
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: DayButtonProps): react_jsx_runtime.JSX.Element;
|
|
305
|
+
|
|
306
|
+
/** Searchable select — `Popover` (`variant="list"`) + `Command`. */
|
|
307
|
+
declare function Combobox({ ...props }: React.ComponentProps<typeof Popover>): react_jsx_runtime.JSX.Element;
|
|
308
|
+
declare function ComboboxTrigger({ className, size, children, ...props }: React.ComponentProps<typeof PopoverTrigger> & {
|
|
309
|
+
size?: ControlSize;
|
|
310
|
+
}): react_jsx_runtime.JSX.Element;
|
|
311
|
+
declare function ComboboxAnchor({ ...props }: React.ComponentProps<typeof PopoverAnchor>): react_jsx_runtime.JSX.Element;
|
|
312
|
+
declare function ComboboxContent({ className, align, ...props }: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime.JSX.Element;
|
|
313
|
+
declare function ComboboxCommand({ className, ...props }: React.ComponentProps<typeof Command>): react_jsx_runtime.JSX.Element;
|
|
314
|
+
declare function ComboboxInput({ ...props }: React.ComponentProps<typeof CommandInput>): react_jsx_runtime.JSX.Element;
|
|
315
|
+
declare function ComboboxList({ ...props }: React.ComponentProps<typeof CommandList>): react_jsx_runtime.JSX.Element;
|
|
316
|
+
declare function ComboboxEmpty({ ...props }: React.ComponentProps<typeof CommandEmpty>): react_jsx_runtime.JSX.Element;
|
|
317
|
+
declare function ComboboxGroup({ ...props }: React.ComponentProps<typeof CommandGroup>): react_jsx_runtime.JSX.Element;
|
|
318
|
+
declare function ComboboxItem({ ...props }: React.ComponentProps<typeof CommandItem>): react_jsx_runtime.JSX.Element;
|
|
319
|
+
declare function ComboboxSeparator({ ...props }: React.ComponentProps<typeof CommandSeparator>): react_jsx_runtime.JSX.Element;
|
|
320
|
+
declare function ComboboxShortcut({ ...props }: React.ComponentProps<typeof CommandShortcut>): react_jsx_runtime.JSX.Element;
|
|
321
|
+
|
|
322
|
+
/** Calendar in a popover — compose with `DatePickerTrigger` + `DatePickerCalendar`. */
|
|
323
|
+
declare function DatePicker({ ...props }: React.ComponentProps<typeof Popover>): react_jsx_runtime.JSX.Element;
|
|
324
|
+
declare function DatePickerTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>): react_jsx_runtime.JSX.Element;
|
|
325
|
+
declare function DatePickerContent({ className, align, ...props }: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime.JSX.Element;
|
|
326
|
+
declare function DatePickerCalendar({ className, ...props }: React.ComponentProps<typeof Calendar>): react_jsx_runtime.JSX.Element;
|
|
327
|
+
declare function formatPickerDate(date: Date): string;
|
|
328
|
+
/** Control-surface trigger showing the selected date or placeholder. */
|
|
329
|
+
declare function DatePickerButton({ date, placeholder, className, ...props }: React.ComponentProps<"button"> & {
|
|
330
|
+
date?: Date;
|
|
331
|
+
placeholder?: string;
|
|
332
|
+
}): react_jsx_runtime.JSX.Element;
|
|
333
|
+
|
|
334
|
+
declare function InputOTP({ className, containerClassName, children, ...props }: React.ComponentProps<typeof unstable_OneTimePasswordField.Root> & {
|
|
335
|
+
containerClassName?: string;
|
|
336
|
+
}): react_jsx_runtime.JSX.Element;
|
|
337
|
+
declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
338
|
+
declare function InputOTPSlot({ className, ...props }: React.ComponentProps<typeof unstable_OneTimePasswordField.Input>): react_jsx_runtime.JSX.Element;
|
|
339
|
+
declare function InputOTPHiddenInput({ ...props }: React.ComponentProps<typeof unstable_OneTimePasswordField.HiddenInput>): react_jsx_runtime.JSX.Element;
|
|
340
|
+
declare function InputOTPSeparator({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
341
|
+
|
|
342
|
+
declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
|
|
343
|
+
declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
344
|
+
|
|
345
|
+
declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
|
|
346
|
+
|
|
347
|
+
declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
348
|
+
declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & {
|
|
349
|
+
align?: "inline-start" | "inline-end";
|
|
350
|
+
}): react_jsx_runtime.JSX.Element;
|
|
351
|
+
declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
|
|
352
|
+
declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
353
|
+
|
|
354
|
+
declare function Accordion({ ...props }: React.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime.JSX.Element;
|
|
355
|
+
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime.JSX.Element;
|
|
356
|
+
declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
357
|
+
declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
|
|
358
|
+
|
|
359
|
+
declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
|
|
360
|
+
|
|
361
|
+
declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof Slider$1.Root>): react_jsx_runtime.JSX.Element;
|
|
362
|
+
|
|
363
|
+
declare function Progress({ className, value, ...props }: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime.JSX.Element;
|
|
364
|
+
|
|
365
|
+
/**
|
|
366
|
+
* Generic badge — token-driven variants. For status semantics in the app kit
|
|
367
|
+
* prefer `StatusBadge` / `StatusDot` (they pair color with text); use this for
|
|
368
|
+
* neutral labels, counts, and tags.
|
|
369
|
+
*/
|
|
370
|
+
declare const badgeVariants: (props?: ({
|
|
371
|
+
variant?: "default" | "outline" | "secondary" | "destructive" | null | undefined;
|
|
372
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
373
|
+
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
374
|
+
asChild?: boolean;
|
|
375
|
+
}): react_jsx_runtime.JSX.Element;
|
|
376
|
+
|
|
377
|
+
declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
|
|
378
|
+
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
379
|
+
declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
|
|
380
|
+
declare const sheetContentVariants: (props?: ({
|
|
381
|
+
side?: "top" | "bottom" | "left" | "right" | null | undefined;
|
|
382
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
383
|
+
declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & VariantProps<typeof sheetContentVariants> & {
|
|
384
|
+
showCloseButton?: boolean;
|
|
385
|
+
}): react_jsx_runtime.JSX.Element;
|
|
386
|
+
declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
387
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
388
|
+
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
|
|
389
|
+
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
|
|
390
|
+
|
|
391
|
+
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
|
|
392
|
+
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
393
|
+
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
394
|
+
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
395
|
+
declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime.JSX.Element;
|
|
396
|
+
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
397
|
+
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
398
|
+
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
|
|
399
|
+
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
|
|
400
|
+
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime.JSX.Element;
|
|
401
|
+
declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime.JSX.Element;
|
|
402
|
+
|
|
403
|
+
declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
|
|
404
|
+
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
405
|
+
declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof Collapsible$1.Content>): react_jsx_runtime.JSX.Element;
|
|
406
|
+
|
|
407
|
+
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): react_jsx_runtime.JSX.Element;
|
|
408
|
+
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
|
|
409
|
+
|
|
410
|
+
declare const toggleVariants: (props?: ({
|
|
411
|
+
variant?: "default" | "outline" | null | undefined;
|
|
412
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
413
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
414
|
+
declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
415
|
+
|
|
416
|
+
declare function ToggleGroup({ className, ...props }: React.ComponentProps<typeof ToggleGroup$1.Root>): react_jsx_runtime.JSX.Element;
|
|
417
|
+
declare function ToggleGroupItem({ className, ...props }: React.ComponentProps<typeof ToggleGroup$1.Item>): react_jsx_runtime.JSX.Element;
|
|
418
|
+
|
|
419
|
+
declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime.JSX.Element;
|
|
420
|
+
declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
421
|
+
declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime.JSX.Element;
|
|
422
|
+
|
|
423
|
+
declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
424
|
+
declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
425
|
+
declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenu$1.Group>): react_jsx_runtime.JSX.Element;
|
|
426
|
+
declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenu$1.Content>): react_jsx_runtime.JSX.Element;
|
|
427
|
+
declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenu$1.Item> & {
|
|
428
|
+
inset?: boolean;
|
|
429
|
+
variant?: "default" | "destructive";
|
|
430
|
+
}): react_jsx_runtime.JSX.Element;
|
|
431
|
+
declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenu$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
|
|
432
|
+
declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenu$1.RadioGroup>): react_jsx_runtime.JSX.Element;
|
|
433
|
+
declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenu$1.RadioItem>): react_jsx_runtime.JSX.Element;
|
|
434
|
+
declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenu$1.Label> & {
|
|
435
|
+
inset?: boolean;
|
|
436
|
+
}): react_jsx_runtime.JSX.Element;
|
|
437
|
+
declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenu$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
438
|
+
declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
439
|
+
declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenu$1.Sub>): react_jsx_runtime.JSX.Element;
|
|
440
|
+
declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenu$1.SubTrigger> & {
|
|
441
|
+
inset?: boolean;
|
|
442
|
+
}): react_jsx_runtime.JSX.Element;
|
|
443
|
+
declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
|
|
444
|
+
|
|
445
|
+
declare const alertVariants: (props?: ({
|
|
446
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
447
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
448
|
+
declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
|
|
449
|
+
declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
450
|
+
declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
451
|
+
|
|
452
|
+
declare function Card({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
453
|
+
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
454
|
+
declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
455
|
+
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
456
|
+
declare function CardContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
457
|
+
declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
458
|
+
|
|
459
|
+
declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
460
|
+
|
|
461
|
+
declare function Table({ className, ...props }: React.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
|
|
462
|
+
declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
|
|
463
|
+
declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
|
|
464
|
+
declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
|
|
465
|
+
declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
|
|
466
|
+
declare function TableHead({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
|
|
467
|
+
declare function TableCell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
|
|
468
|
+
declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
|
|
469
|
+
|
|
470
|
+
declare function ToastProvider({ ...props }: React.ComponentProps<typeof Toast$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
471
|
+
declare function ToastViewport({ className, ...props }: React.ComponentProps<typeof Toast$1.Viewport>): react_jsx_runtime.JSX.Element;
|
|
472
|
+
declare function Toast({ className, variant, ...props }: React.ComponentProps<typeof Toast$1.Root> & {
|
|
473
|
+
variant?: "default" | "destructive";
|
|
474
|
+
}): react_jsx_runtime.JSX.Element;
|
|
475
|
+
declare function ToastAction({ className, ...props }: React.ComponentProps<typeof Toast$1.Action>): react_jsx_runtime.JSX.Element;
|
|
476
|
+
declare function ToastClose({ className, ...props }: React.ComponentProps<typeof Toast$1.Close>): react_jsx_runtime.JSX.Element;
|
|
477
|
+
declare function ToastTitle({ className, ...props }: React.ComponentProps<typeof Toast$1.Title>): react_jsx_runtime.JSX.Element;
|
|
478
|
+
declare function ToastDescription({ className, ...props }: React.ComponentProps<typeof Toast$1.Description>): react_jsx_runtime.JSX.Element;
|
|
479
|
+
|
|
480
|
+
declare function Toaster(): react_jsx_runtime.JSX.Element;
|
|
481
|
+
|
|
482
|
+
type ToastProps = {
|
|
483
|
+
id: string;
|
|
484
|
+
title?: React.ReactNode;
|
|
485
|
+
description?: React.ReactNode;
|
|
486
|
+
variant?: "default" | "destructive";
|
|
487
|
+
duration?: number;
|
|
488
|
+
};
|
|
489
|
+
declare function toast(input: Omit<ToastProps, "id">): string;
|
|
490
|
+
declare function useToast(): {
|
|
491
|
+
toasts: ToastProps[];
|
|
492
|
+
toast: typeof toast;
|
|
493
|
+
dismiss: (id: string) => void;
|
|
494
|
+
};
|
|
495
|
+
|
|
496
|
+
interface TextShimmerProps {
|
|
497
|
+
children: string;
|
|
498
|
+
as?: ElementType;
|
|
499
|
+
className?: string;
|
|
500
|
+
duration?: number;
|
|
501
|
+
spread?: number;
|
|
502
|
+
}
|
|
503
|
+
declare const Shimmer: React.MemoExoticComponent<({ children, as: Component, className, duration, spread, }: TextShimmerProps) => react_jsx_runtime.JSX.Element>;
|
|
504
|
+
|
|
505
|
+
interface PillSegmentedTab {
|
|
506
|
+
key: string;
|
|
507
|
+
label: ReactNode;
|
|
508
|
+
disabled?: boolean;
|
|
509
|
+
}
|
|
510
|
+
interface PillSegmentedTabsProps {
|
|
511
|
+
value: string;
|
|
512
|
+
onChange: (key: string) => void;
|
|
513
|
+
tabs: PillSegmentedTab[];
|
|
514
|
+
className?: string;
|
|
515
|
+
/** `flush` — Studio topbar / dashboard tabs (Build/Manage). */
|
|
516
|
+
trackVariant?: "default" | "flush";
|
|
517
|
+
/** Unique per instance when multiple controls share a page (motion layout). */
|
|
518
|
+
layoutId?: string;
|
|
519
|
+
"aria-label"?: string;
|
|
520
|
+
}
|
|
521
|
+
/**
|
|
522
|
+
* Pill-in-pill segmented control — same visual language as timbal-platform
|
|
523
|
+
* `WorkshopPillSegmentedTabs` (Build/Manage, Home Builder tabs).
|
|
524
|
+
*/
|
|
525
|
+
declare const PillSegmentedTabs: FC<PillSegmentedTabsProps>;
|
|
526
|
+
declare const MemoPillSegmentedTabs: React.NamedExoticComponent<PillSegmentedTabsProps>;
|
|
527
|
+
|
|
528
|
+
export { ComboboxSeparator as $, AVATAR_PRIMARY_FALLBACK_CLASS as A, Badge as B, BreadcrumbList as C, BreadcrumbPage as D, BreadcrumbSeparator as E, CONTROL_SIZE as F, Calendar as G, CalendarDayButton as H, Card as I, CardContent as J, CardDescription as K, CardFooter as L, CardHeader as M, CardTitle as N, Checkbox as O, Collapsible as P, CollapsibleContent as Q, CollapsibleTrigger as R, Combobox as S, ComboboxAnchor as T, ComboboxCommand as U, ComboboxContent as V, ComboboxEmpty as W, ComboboxGroup as X, ComboboxInput as Y, ComboboxItem as Z, ComboboxList as _, Accordion as a, FormSubmit as a$, ComboboxShortcut as a0, ComboboxTrigger as a1, Command as a2, CommandDialog as a3, CommandEmpty as a4, CommandGroup as a5, CommandInput as a6, CommandItem as a7, CommandList as a8, CommandSeparator as a9, DialogDescription as aA, DialogFooter as aB, DialogHeader as aC, DialogOverlay as aD, DialogPortal as aE, DialogTitle as aF, DialogTrigger as aG, DropdownMenu as aH, DropdownMenuCheckboxItem as aI, DropdownMenuContent as aJ, DropdownMenuGroup as aK, DropdownMenuItem as aL, DropdownMenuLabel as aM, DropdownMenuRadioGroup as aN, DropdownMenuRadioItem as aO, DropdownMenuSeparator as aP, DropdownMenuShortcut as aQ, DropdownMenuSub as aR, DropdownMenuSubContent as aS, DropdownMenuSubTrigger as aT, DropdownMenuTrigger as aU, Form as aV, FormControl as aW, FormField as aX, FormItem as aY, FormLabel as aZ, FormMessage as a_, CommandShortcut as aa, ContextMenu as ab, ContextMenuCheckboxItem as ac, ContextMenuContent as ad, ContextMenuGroup as ae, ContextMenuItem as af, ContextMenuLabel as ag, ContextMenuRadioGroup as ah, ContextMenuRadioItem as ai, ContextMenuSeparator as aj, ContextMenuShortcut as ak, ContextMenuSub as al, ContextMenuSubContent as am, ContextMenuSubTrigger as an, ContextMenuTrigger as ao, type ControlClassOptions as ap, type ControlShape as aq, type ControlSize as ar, DatePicker as as, DatePickerButton as at, DatePickerCalendar as au, DatePickerContent as av, DatePickerTrigger as aw, Dialog as ax, DialogClose as ay, DialogContent as az, AccordionContent as b, SelectScrollDownButton as b$, HoverCard as b0, HoverCardContent as b1, HoverCardTrigger as b2, Input as b3, InputGroup as b4, InputGroupAddon as b5, InputGroupInput as b6, InputGroupText as b7, InputOTP as b8, InputOTPGroup as b9, NavigationMenuList as bA, NavigationMenuTrigger as bB, NavigationMenuViewport as bC, Pagination as bD, PaginationContent as bE, PaginationEllipsis as bF, PaginationItem as bG, PaginationLink as bH, PaginationNext as bI, PaginationPrevious as bJ, type PillSegmentedTab as bK, PillSegmentedTabs as bL, type PillSegmentedTabsProps as bM, Popover as bN, PopoverAnchor as bO, PopoverContent as bP, PopoverTrigger as bQ, Progress as bR, RadioGroup as bS, RadioGroupItem as bT, ScrollArea as bU, ScrollBar as bV, Select as bW, SelectContent as bX, SelectGroup as bY, SelectItem as bZ, SelectLabel as b_, InputOTPHiddenInput as ba, InputOTPSeparator as bb, InputOTPSlot as bc, Kbd as bd, KbdGroup as be, Label as bf, MemoPillSegmentedTabs as bg, Menubar as bh, MenubarCheckboxItem as bi, MenubarContent as bj, MenubarItem as bk, MenubarLabel as bl, MenubarMenu as bm, MenubarRadioGroup as bn, MenubarRadioItem as bo, MenubarSeparator as bp, MenubarShortcut as bq, MenubarSub as br, MenubarSubContent as bs, MenubarSubTrigger as bt, MenubarTrigger as bu, NavigationMenu as bv, NavigationMenuContent as bw, NavigationMenuIndicator as bx, NavigationMenuItem as by, NavigationMenuLink as bz, AccordionItem as c, useToast as c$, SelectScrollUpButton as c0, SelectSeparator as c1, SelectTrigger as c2, SelectValue as c3, Separator as c4, Sheet as c5, SheetClose as c6, SheetContent as c7, SheetDescription as c8, SheetFooter as c9, Toaster as cA, Toggle as cB, ToggleGroup as cC, ToggleGroupItem as cD, Toolbar as cE, ToolbarButton as cF, ToolbarLink as cG, ToolbarSeparator as cH, ToolbarToggleGroup as cI, ToolbarToggleItem as cJ, Tooltip as cK, TooltipContent as cL, TooltipProvider as cM, TooltipTrigger as cN, alertVariants as cO, avatarChartVariantClass as cP, badgeVariants as cQ, controlClass as cR, controlSurfaceClass as cS, formatPickerDate as cT, navigationMenuTriggerStyle as cU, overlayAnimationClass as cV, overlayItemClass as cW, overlayListPanelClass as cX, overlaySurfaceClass as cY, toast as cZ, toggleVariants as c_, SheetHeader as ca, SheetTitle as cb, SheetTrigger as cc, Shimmer as cd, Skeleton as ce, Slider as cf, Spinner as cg, Switch as ch, Table as ci, TableBody as cj, TableCaption as ck, TableCell as cl, TableFooter as cm, TableHead as cn, TableHeader as co, TableRow as cp, type TextShimmerProps as cq, Textarea as cr, Toast as cs, ToastAction as ct, ToastClose as cu, ToastDescription as cv, type ToastProps as cw, ToastProvider as cx, ToastTitle as cy, ToastViewport as cz, AccordionTrigger as d, 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, AvatarImage as v, Breadcrumb as w, BreadcrumbEllipsis as x, BreadcrumbItem as y, BreadcrumbLink as z };
|