@timbal-ai/timbal-react 1.0.0 → 1.2.0

package/dist/ui.d.cts

@@ -1,502 +1,82 @@
 export { B as Button } from './button-BoyX5pM_.cjs';
+export { A as AVATAR_PRIMARY_FALLBACK_CLASS, a as Accordion, b as AccordionContent, c as AccordionItem, d as AccordionTrigger, e as Alert, f as AlertDescription, g as AlertDialog, h as AlertDialogAction, i as AlertDialogCancel, j as AlertDialogContent, k as AlertDialogDescription, l as AlertDialogFooter, m as AlertDialogHeader, n as AlertDialogOverlay, o as AlertDialogPortal, p as AlertDialogTitle, q as AlertDialogTrigger, r as AlertTitle, s as AspectRatio, t as Avatar, u as AvatarFallback, v as AvatarImage, B as Badge, w as Breadcrumb, x as BreadcrumbEllipsis, y as BreadcrumbItem, z as BreadcrumbLink, C as BreadcrumbList, D as BreadcrumbPage, E as BreadcrumbSeparator, F as CONTROL_SIZE, G as Calendar, H as CalendarDayButton, I as Card, J as CardContent, K as CardDescription, L as CardFooter, M as CardHeader, N as CardTitle, O as Checkbox, P as Collapsible, Q as CollapsibleContent, R as CollapsibleTrigger, S as Combobox, T as ComboboxAnchor, U as ComboboxCommand, V as ComboboxContent, W as ComboboxEmpty, X as ComboboxGroup, Y as ComboboxInput, Z as ComboboxItem, _ as ComboboxList, $ as ComboboxSeparator, a0 as ComboboxShortcut, a1 as ComboboxTrigger, a2 as Command, a3 as CommandDialog, a4 as CommandEmpty, a5 as CommandGroup, a6 as CommandInput, a7 as CommandItem, a8 as CommandList, a9 as CommandSeparator, aa as CommandShortcut, ab as ContextMenu, ac as ContextMenuCheckboxItem, ad as ContextMenuContent, ae as ContextMenuGroup, af as ContextMenuItem, ag as ContextMenuLabel, ah as ContextMenuRadioGroup, ai as ContextMenuRadioItem, aj as ContextMenuSeparator, ak as ContextMenuShortcut, al as ContextMenuSub, am as ContextMenuSubContent, an as ContextMenuSubTrigger, ao as ContextMenuTrigger, ap as ControlClassOptions, aq as ControlShape, ar as ControlSize, as as DatePicker, at as DatePickerButton, au as DatePickerCalendar, av as DatePickerContent, aw as DatePickerTrigger, ax as Dialog, ay as DialogClose, az as DialogContent, aA as DialogDescription, aB as DialogFooter, aC as DialogHeader, aD as DialogOverlay, aE as DialogPortal, aF as DialogTitle, aG as DialogTrigger, aH as DropdownMenu, aI as DropdownMenuCheckboxItem, aJ as DropdownMenuContent, aK as DropdownMenuGroup, aL as DropdownMenuItem, aM as DropdownMenuLabel, aN as DropdownMenuRadioGroup, aO as DropdownMenuRadioItem, aP as DropdownMenuSeparator, aQ as DropdownMenuShortcut, aR as DropdownMenuSub, aS as DropdownMenuSubContent, aT as DropdownMenuSubTrigger, aU as DropdownMenuTrigger, aV as Form, aW as FormControl, aX as FormField, aY as FormItem, aZ as FormLabel, a_ as FormMessage, a$ as FormSubmit, b0 as HoverCard, b1 as HoverCardContent, b2 as HoverCardTrigger, b3 as Input, b4 as InputGroup, b5 as InputGroupAddon, b6 as InputGroupInput, b7 as InputGroupText, b8 as InputOTP, b9 as InputOTPGroup, ba as InputOTPHiddenInput, bb as InputOTPSeparator, bc as InputOTPSlot, bd as Kbd, be as KbdGroup, bf as Label, bg as MemoPillSegmentedTabs, bh as Menubar, bi as MenubarCheckboxItem, bj as MenubarContent, bk as MenubarItem, bl as MenubarLabel, bm as MenubarMenu, bn as MenubarRadioGroup, bo as MenubarRadioItem, bp as MenubarSeparator, bq as MenubarShortcut, br as MenubarSub, bs as MenubarSubContent, bt as MenubarSubTrigger, bu as MenubarTrigger, bv as NavigationMenu, bw as NavigationMenuContent, bx as NavigationMenuIndicator, by as NavigationMenuItem, bz as NavigationMenuLink, bA as NavigationMenuList, bB as NavigationMenuTrigger, bC as NavigationMenuViewport, bD as Pagination, bE as PaginationContent, bF as PaginationEllipsis, bG as PaginationItem, bH as PaginationLink, bI as PaginationNext, bJ as PaginationPrevious, bK as PillSegmentedTab, bL as PillSegmentedTabs, bM as PillSegmentedTabsProps, bN as Popover, bO as PopoverAnchor, bP as PopoverContent, bQ as PopoverTrigger, bR as Progress, bS as RadioGroup, bT as RadioGroupItem, bU as ScrollArea, bV as ScrollBar, bW as Select, bX as SelectContent, bY as SelectGroup, bZ as SelectItem, b_ as SelectLabel, b$ as SelectScrollDownButton, c0 as SelectScrollUpButton, c1 as SelectSeparator, c2 as SelectTrigger, c3 as SelectValue, c4 as Separator, c5 as Sheet, c6 as SheetClose, c7 as SheetContent, c8 as SheetDescription, c9 as SheetFooter, ca as SheetHeader, cb as SheetTitle, cc as SheetTrigger, cd as Shimmer, ce as Skeleton, cf as Slider, cg as Spinner, ch as Switch, ci as Table, cj as TableBody, ck as TableCaption, cl as TableCell, cm as TableFooter, cn as TableHead, co as TableHeader, cp as TableRow, cq as TextShimmerProps, cr as Textarea, cs as Toast, ct as ToastAction, cu as ToastClose, cv as ToastDescription, cw as ToastProps, cx as ToastProvider, cy as ToastTitle, cz as ToastViewport, cA as Toaster, cB as Toggle, cC as ToggleGroup, cD as ToggleGroupItem, cE as Toolbar, cF as ToolbarButton, cG as ToolbarLink, cH as ToolbarSeparator, cI as ToolbarToggleGroup, cJ as ToolbarToggleItem, cK as Tooltip, cL as TooltipContent, cM as TooltipProvider, cN as TooltipTrigger, cO as alertVariants, cP as avatarChartVariantClass, cQ as badgeVariants, cR as controlClass, cS as controlSurfaceClass, cT as formatPickerDate, cU as navigationMenuTriggerStyle, cV as overlayAnimationClass, cW as overlayItemClass, cX as overlayListPanelClass, cY as overlaySurfaceClass, cZ as toast, c_ as toggleVariants, c$ as useToast } from './pill-segmented-tabs-BsIOW1Lo.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { ElementType, ReactNode, FC } from 'react';
-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';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { Command as Command$1 } from 'cmdk';
-import { DayPicker, DayButtonProps } from 'react-day-picker';
-import { VariantProps } from 'class-variance-authority';
+import * as RechartsPrimitive from 'recharts';
 export { a as TimbalV2Button } from './timbal-v2-button-CNfdwGq4.cjs';
-
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
-
-declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof Avatar$1.Root> & {
-    size?: "default" | "sm" | "lg";
-}): react_jsx_runtime.JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime.JSX.Element;
-
-declare function Dialog({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
-    showCloseButton?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Label> & {
-    inset?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Sub>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
-    inset?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
-
-declare function Popover({ ...props }: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
-declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, variant, ...props }: React.ComponentProps<typeof Popover$1.Content> & {
-    /**
-     * `default` — padded card (help text, small forms).
-     * `list` — menu/listbox chrome (pair with `Command`; same skin as `Select`).
-     */
-    variant?: "default" | "list";
-}): react_jsx_runtime.JSX.Element;
-
-declare function Select({ ...props }: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof Select$1.Trigger> & {
-    size?: "sm" | "default";
-}): react_jsx_runtime.JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
-
-/**
- * The single control-surface contract.
- *
- * Every input, select / dropdown trigger, and search field in the package reads
- * its skin from here, so a `SearchInput` and a `Select` trigger placed side by
- * side are visually identical — regardless of whether one was hand-written and
- * the other vendored from shadcn. The provenance of a control stops mattering
- * because the skin is defined exactly once.
- *
- * Two axes only, both enumerated (never ad-hoc):
- *   - **skin** — border, surface gradient, shadow, focus ring, transition.
- *     Canonical = studio secondary chrome (`TIMBAL_V2_SECONDARY_CHROME`).
- *   - **shape** — `field` (rounded-lg, the default for form/data controls) or
- *     `pill` (rounded-full, for topbar/filter chrome rows).
- *
- * Floating panels share `overlaySurfaceClass` + `overlayListPanelClass` (menus)
- * or padded popover chrome + `overlayItemClass` for rows so menus and
- * listboxes match too.
- *
- * Composable public API — exported from `./ui` and the package root so apps can
- * build custom controls that match the kit. Do **not** hand-roll a control
- * surface (`rounded-* border-input bg-…`) in a component; compose these.
- */
-type ControlSize = "sm" | "default";
-type ControlShape = "field" | "pill";
-/** Height + horizontal padding per control size — shared by every control. */
-declare const CONTROL_SIZE: Record<ControlSize, string>;
-/**
- * The control skin — surface, border, shadow, focus ring, disabled, transition.
- * No height / width / padding / radius / layout, so it composes onto an
- * `<input>`, a `<button>` trigger, or a `<label>` wrapper alike. Add size +
- * shape via `controlClass(...)`, or compose directly for bespoke layouts.
- */
-declare const controlSurfaceClass: string;
-interface ControlClassOptions {
-    /** Height + padding. Default `"default"` (h-10). */
-    size?: ControlSize;
-    /** Corner shape. Default `"field"` (rounded-lg). Use `"pill"` for chrome rows. */
-    shape?: ControlShape;
-}
-/**
- * Build a complete control class: skin + size + shape. The one entry point for
- * inputs, triggers, and search fields.
- *
- * @example
- * ```tsx
- * <input className={controlClass({}, "w-full")} />               // field, h-10
- * <SelectTrigger className={controlClass({ size: "sm" })} />      // field, h-9
- * <label className={controlClass({ shape: "pill" })} />           // pill chrome
- * ```
- */
-declare function controlClass(options?: ControlClassOptions, className?: string): string;
-/**
- * Shared entrance / exit animation for floating panels (popover, menu,
- * listbox). Identical across all overlays so they open the same way.
- */
-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";
-/**
- * Shared floating-panel surface — popover, dropdown menu, select listbox,
- * command. Colors + border + shadow + z-index + animation. Each consumer adds
- * its own radius / padding / min-width / transform origin.
- */
-declare const overlaySurfaceClass: string;
-/**
- * Listbox / menu / command panel chrome — `Select`, `DropdownMenu`, `Command`,
- * `Combobox`. Same radius and zero padding; rows use `overlayItemClass`.
- * Rich popovers (help text, forms) use `PopoverContent` default padding instead.
- */
-declare const overlayListPanelClass: string;
-/**
- * Shared selectable row inside an overlay (menu item, list option). Consumers
- * override padding (e.g. `pl-8` for a leading indicator) on top of this.
- */
-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";
-
-/**
- * Text input on the shared control-surface contract — visually identical to
- * `Select` triggers, `SearchInput`, and every other control.
- */
-declare function Input({ className, type, controlSize, ...props }: React.ComponentProps<"input"> & {
-    /** Height + padding — matches `SelectTrigger` `size`. Default `"default"`. */
-    controlSize?: ControlSize;
-}): react_jsx_runtime.JSX.Element;
-
-/**
- * Multi-line input on the shared control skin (auto height, not the fixed
- * control height).
- */
-declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
-
-declare function Label({ className, ...props }: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
-
-/**
- * Checkbox — elevated surface off, primary gradient on, matching the switch and
- * buttons. Focus ring follows the house `ring-foreground/10` convention.
- */
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
-
-/**
- * Switch — shares the exact track/thumb tokens as the app-kit `FieldSwitch`, so
- * the bare primitive and the labeled form row are visually identical.
- */
-declare function Switch({ className, ...props }: React.ComponentProps<typeof Switch$1.Root>): react_jsx_runtime.JSX.Element;
-
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime.JSX.Element;
-declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime.JSX.Element;
-
-declare function Form({ ...props }: React.ComponentProps<typeof Form$1.Root>): react_jsx_runtime.JSX.Element;
-declare function FormField({ ...props }: React.ComponentProps<typeof Form$1.Field>): react_jsx_runtime.JSX.Element;
-declare function FormItem({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FormLabel({ className, ...props }: React.ComponentProps<typeof Form$1.Label>): react_jsx_runtime.JSX.Element;
-declare function FormControl({ ...props }: React.ComponentProps<typeof Form$1.Control>): react_jsx_runtime.JSX.Element;
-declare function FormMessage({ className, ...props }: React.ComponentProps<typeof Form$1.Message>): react_jsx_runtime.JSX.Element;
-declare function FormSubmit({ className, ...props }: React.ComponentProps<typeof Form$1.Submit>): react_jsx_runtime.JSX.Element;
-
-declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
-
-declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbLink({ className, asChild, ...props }: React.ComponentProps<"a"> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-
-declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
-declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
-declare function PaginationItem({ ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-type PaginationLinkProps = React.ComponentProps<"a"> & {
-    isActive?: boolean;
-    size?: "default" | "sm" | "lg" | "icon";
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'radix-ui';
+import 'cmdk';
+import 'react-day-picker';
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
 };
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
-declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
-declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
-declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-
-declare function Toolbar({ className, ...props }: React.ComponentProps<typeof Toolbar$1.Root>): react_jsx_runtime.JSX.Element;
-declare function ToolbarButton({ className, ...props }: React.ComponentProps<typeof Toolbar$1.Button>): react_jsx_runtime.JSX.Element;
-declare function ToolbarSeparator({ className, ...props }: React.ComponentProps<typeof Toolbar$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function ToolbarToggleGroup({ className, ...props }: React.ComponentProps<typeof Toolbar$1.ToggleGroup>): react_jsx_runtime.JSX.Element;
-declare function ToolbarToggleItem({ className, ...props }: React.ComponentProps<typeof Toolbar$1.ToggleItem>): react_jsx_runtime.JSX.Element;
-declare function ToolbarLink({ className, ...props }: React.ComponentProps<typeof Toolbar$1.Link>): react_jsx_runtime.JSX.Element;
-
-declare function Menubar({ className, ...props }: React.ComponentProps<typeof Menubar$1.Root>): react_jsx_runtime.JSX.Element;
-declare function MenubarMenu({ ...props }: React.ComponentProps<typeof Menubar$1.Menu>): react_jsx_runtime.JSX.Element;
-declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof Menubar$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof Menubar$1.Content>): react_jsx_runtime.JSX.Element;
-declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof Menubar$1.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): react_jsx_runtime.JSX.Element;
-declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
-declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof Menubar$1.RadioGroup>): react_jsx_runtime.JSX.Element;
-declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof Menubar$1.RadioItem>): react_jsx_runtime.JSX.Element;
-declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof Menubar$1.Label> & {
-    inset?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof Menubar$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-declare function MenubarSub({ ...props }: React.ComponentProps<typeof Menubar$1.Sub>): react_jsx_runtime.JSX.Element;
-declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
-    inset?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof Menubar$1.SubContent>): react_jsx_runtime.JSX.Element;
-
-declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenu$1.Root> & {
-    viewport?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuItem({ ...props }: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime.JSX.Element;
-declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime.JSX.Element;
-
-declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
-declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
-    title?: string;
-    description?: string;
-    className?: string;
-    showCloseButton?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
-declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
-declare function CommandEmpty({ ...props }: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
-declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
-declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, ...props }: DayButtonProps): react_jsx_runtime.JSX.Element;
-
-/** Searchable select — `Popover` (`variant="list"`) + `Command`. */
-declare function Combobox({ ...props }: React.ComponentProps<typeof Popover>): react_jsx_runtime.JSX.Element;
-declare function ComboboxTrigger({ className, size, children, ...props }: React.ComponentProps<typeof PopoverTrigger> & {
-    size?: ControlSize;
-}): react_jsx_runtime.JSX.Element;
-declare function ComboboxAnchor({ ...props }: React.ComponentProps<typeof PopoverAnchor>): react_jsx_runtime.JSX.Element;
-declare function ComboboxContent({ className, align, ...props }: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime.JSX.Element;
-declare function ComboboxCommand({ className, ...props }: React.ComponentProps<typeof Command>): react_jsx_runtime.JSX.Element;
-declare function ComboboxInput({ ...props }: React.ComponentProps<typeof CommandInput>): react_jsx_runtime.JSX.Element;
-declare function ComboboxList({ ...props }: React.ComponentProps<typeof CommandList>): react_jsx_runtime.JSX.Element;
-declare function ComboboxEmpty({ ...props }: React.ComponentProps<typeof CommandEmpty>): react_jsx_runtime.JSX.Element;
-declare function ComboboxGroup({ ...props }: React.ComponentProps<typeof CommandGroup>): react_jsx_runtime.JSX.Element;
-declare function ComboboxItem({ ...props }: React.ComponentProps<typeof CommandItem>): react_jsx_runtime.JSX.Element;
-declare function ComboboxSeparator({ ...props }: React.ComponentProps<typeof CommandSeparator>): react_jsx_runtime.JSX.Element;
-declare function ComboboxShortcut({ ...props }: React.ComponentProps<typeof CommandShortcut>): react_jsx_runtime.JSX.Element;
-
-/** Calendar in a popover — compose with `DatePickerTrigger` + `DatePickerCalendar`. */
-declare function DatePicker({ ...props }: React.ComponentProps<typeof Popover>): react_jsx_runtime.JSX.Element;
-declare function DatePickerTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>): react_jsx_runtime.JSX.Element;
-declare function DatePickerContent({ className, align, ...props }: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime.JSX.Element;
-declare function DatePickerCalendar({ className, ...props }: React.ComponentProps<typeof Calendar>): react_jsx_runtime.JSX.Element;
-declare function formatPickerDate(date: Date): string;
-/** Control-surface trigger showing the selected date or placeholder. */
-declare function DatePickerButton({ date, placeholder, className, ...props }: React.ComponentProps<"button"> & {
-    date?: Date;
-    placeholder?: string;
-}): react_jsx_runtime.JSX.Element;
-
-declare function InputOTP({ className, containerClassName, children, ...props }: React.ComponentProps<typeof unstable_OneTimePasswordField.Root> & {
-    containerClassName?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function InputOTPSlot({ className, ...props }: React.ComponentProps<typeof unstable_OneTimePasswordField.Input>): react_jsx_runtime.JSX.Element;
-declare function InputOTPHiddenInput({ ...props }: React.ComponentProps<typeof unstable_OneTimePasswordField.HiddenInput>): react_jsx_runtime.JSX.Element;
-declare function InputOTPSeparator({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
-declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
-
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & {
-    align?: "inline-start" | "inline-end";
-}): react_jsx_runtime.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-
-declare function Accordion({ ...props }: React.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime.JSX.Element;
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime.JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
-
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
-
-declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof Slider$1.Root>): react_jsx_runtime.JSX.Element;
-
-declare function Progress({ className, value, ...props }: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime.JSX.Element;
-
-/**
- * Generic badge — token-driven variants. For status semantics in the app kit
- * prefer `StatusBadge` / `StatusDot` (they pair color with text); use this for
- * neutral labels, counts, and tags.
- */
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "destructive" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Sheet({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
-declare function SheetTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function SheetClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
-declare const sheetContentVariants: (props?: ({
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & VariantProps<typeof sheetContentVariants> & {
-    showCloseButton?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
-declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
-
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime.JSX.Element;
-
-declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof Collapsible$1.Content>): react_jsx_runtime.JSX.Element;
-
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): react_jsx_runtime.JSX.Element;
-declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
-
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
-
-declare function ToggleGroup({ className, ...props }: React.ComponentProps<typeof ToggleGroup$1.Root>): react_jsx_runtime.JSX.Element;
-declare function ToggleGroupItem({ className, ...props }: React.ComponentProps<typeof ToggleGroup$1.Item>): react_jsx_runtime.JSX.Element;
-
-declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime.JSX.Element;
-declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime.JSX.Element;
-
-declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenu$1.Root>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenu$1.Group>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenu$1.Content>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenu$1.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): react_jsx_runtime.JSX.Element;
-declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenu$1.CheckboxItem>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenu$1.RadioGroup>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenu$1.RadioItem>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenu$1.Label> & {
-    inset?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenu$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenu$1.Sub>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenu$1.SubTrigger> & {
-    inset?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
-
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-declare function Card({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-declare function Table({ className, ...props }: React.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
-declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
-
-declare function ToastProvider({ ...props }: React.ComponentProps<typeof Toast$1.Provider>): react_jsx_runtime.JSX.Element;
-declare function ToastViewport({ className, ...props }: React.ComponentProps<typeof Toast$1.Viewport>): react_jsx_runtime.JSX.Element;
-declare function Toast({ className, variant, ...props }: React.ComponentProps<typeof Toast$1.Root> & {
-    variant?: "default" | "destructive";
+type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+type ChartContextProps = {
+    config: ChartConfig;
+};
+declare function useChart(): ChartContextProps;
+declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
 }): react_jsx_runtime.JSX.Element;
-declare function ToastAction({ className, ...props }: React.ComponentProps<typeof Toast$1.Action>): react_jsx_runtime.JSX.Element;
-declare function ToastClose({ className, ...props }: React.ComponentProps<typeof Toast$1.Close>): react_jsx_runtime.JSX.Element;
-declare function ToastTitle({ className, ...props }: React.ComponentProps<typeof Toast$1.Title>): react_jsx_runtime.JSX.Element;
-declare function ToastDescription({ className, ...props }: React.ComponentProps<typeof Toast$1.Description>): react_jsx_runtime.JSX.Element;
-
-declare function Toaster(): react_jsx_runtime.JSX.Element;
-
-type ToastProps = {
+declare const ChartStyle: ({ id, config }: {
     id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    variant?: "default" | "destructive";
-    duration?: number;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+type TooltipPayloadItem = {
+    type?: string;
+    value?: unknown;
+    name?: string | number;
+    dataKey?: string | number;
+    color?: string;
+    payload?: Record<string, unknown> & {
+        fill?: string;
+    };
 };
-declare function toast(input: Omit<ToastProps, "id">): string;
-declare function useToast(): {
-    toasts: ToastProps[];
-    toast: typeof toast;
-    dismiss: (id: string) => void;
-};
-
-interface TextShimmerProps {
-    children: string;
-    as?: ElementType;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: {
+    active?: boolean;
+    payload?: TooltipPayloadItem[];
     className?: string;
-    duration?: number;
-    spread?: number;
-}
-declare const Shimmer: React.MemoExoticComponent<({ children, as: Component, className, duration, spread, }: TextShimmerProps) => react_jsx_runtime.JSX.Element>;
-
-interface PillSegmentedTab {
-    key: string;
-    label: ReactNode;
-    disabled?: boolean;
-}
-interface PillSegmentedTabsProps {
-    value: string;
-    onChange: (key: string) => void;
-    tabs: PillSegmentedTab[];
+    indicator?: "line" | "dot" | "dashed";
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    label?: unknown;
+    labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React.ReactNode;
+    labelClassName?: string;
+    formatter?: (value: unknown, name: string | number | undefined, item: TooltipPayloadItem, index: number, payload: unknown) => React.ReactNode;
+    color?: string;
+    nameKey?: string;
+    labelKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+type LegendPayloadItem = {
+    value?: unknown;
+    type?: string;
+    color?: string;
+    dataKey?: string | number;
+};
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: {
     className?: string;
-    /** `flush` — Studio topbar / dashboard tabs (Build/Manage). */
-    trackVariant?: "default" | "flush";
-    /** Unique per instance when multiple controls share a page (motion layout). */
-    layoutId?: string;
-    "aria-label"?: string;
-}
-/**
- * Pill-in-pill segmented control — same visual language as timbal-platform
- * `WorkshopPillSegmentedTabs` (Build/Manage, Home Builder tabs).
- */
-declare const PillSegmentedTabs: FC<PillSegmentedTabsProps>;
-declare const MemoPillSegmentedTabs: React.NamedExoticComponent<PillSegmentedTabsProps>;
+    hideIcon?: boolean;
+    payload?: LegendPayloadItem[];
+    verticalAlign?: "top" | "bottom";
+    nameKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, CONTROL_SIZE, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxAnchor, ComboboxCommand, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxShortcut, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type ControlClassOptions, type ControlShape, type ControlSize, DatePicker, DatePickerButton, DatePickerCalendar, DatePickerContent, DatePickerTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormField, FormItem, FormLabel, FormMessage, FormSubmit, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputOTP, InputOTPGroup, InputOTPHiddenInput, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, MemoPillSegmentedTabs, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PillSegmentedTab, PillSegmentedTabs, type PillSegmentedTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Shimmer, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TextShimmerProps, Textarea, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, controlClass, controlSurfaceClass, formatPickerDate, navigationMenuTriggerStyle, overlayAnimationClass, overlayItemClass, overlayListPanelClass, overlaySurfaceClass, toast, toggleVariants, useToast };
+export { type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart };