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