@timbal-ai/timbal-react 0.8.2 → 1.1.0

package/dist/ui.d.cts

@@ -1,106 +1,82 @@
-export { B as Button } from './button-ClSgD6OF.cjs';
+export { B as Button } from './button-BoyX5pM_.cjs';
+export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger, d as Alert, e as AlertDescription, f as AlertDialog, g as AlertDialogAction, h as AlertDialogCancel, i as AlertDialogContent, j as AlertDialogDescription, k as AlertDialogFooter, l as AlertDialogHeader, m as AlertDialogOverlay, n as AlertDialogPortal, o as AlertDialogTitle, p as AlertDialogTrigger, q as AlertTitle, r as AspectRatio, s as Avatar, t as AvatarFallback, u as AvatarImage, B as Badge, v as Breadcrumb, w as BreadcrumbEllipsis, x as BreadcrumbItem, y as BreadcrumbLink, z as BreadcrumbList, C as BreadcrumbPage, D as BreadcrumbSeparator, E as CONTROL_SIZE, F as Calendar, G as CalendarDayButton, H as Card, I as CardContent, J as CardDescription, K as CardFooter, L as CardHeader, M as CardTitle, N as Checkbox, O as Collapsible, P as CollapsibleContent, Q as CollapsibleTrigger, R as Combobox, S as ComboboxAnchor, T as ComboboxCommand, U as ComboboxContent, V as ComboboxEmpty, W as ComboboxGroup, X as ComboboxInput, Y as ComboboxItem, Z as ComboboxList, _ as ComboboxSeparator, $ as ComboboxShortcut, a0 as ComboboxTrigger, a1 as Command, a2 as CommandDialog, a3 as CommandEmpty, a4 as CommandGroup, a5 as CommandInput, a6 as CommandItem, a7 as CommandList, a8 as CommandSeparator, a9 as CommandShortcut, aa as ContextMenu, ab as ContextMenuCheckboxItem, ac as ContextMenuContent, ad as ContextMenuGroup, ae as ContextMenuItem, af as ContextMenuLabel, ag as ContextMenuRadioGroup, ah as ContextMenuRadioItem, ai as ContextMenuSeparator, aj as ContextMenuShortcut, ak as ContextMenuSub, al as ContextMenuSubContent, am as ContextMenuSubTrigger, an as ContextMenuTrigger, ao as ControlClassOptions, ap as ControlShape, aq as ControlSize, ar as DatePicker, as as DatePickerButton, at as DatePickerCalendar, au as DatePickerContent, av as DatePickerTrigger, aw as Dialog, ax as DialogClose, ay as DialogContent, az as DialogDescription, aA as DialogFooter, aB as DialogHeader, aC as DialogOverlay, aD as DialogPortal, aE as DialogTitle, aF as DialogTrigger, aG as DropdownMenu, aH as DropdownMenuCheckboxItem, aI as DropdownMenuContent, aJ as DropdownMenuGroup, aK as DropdownMenuItem, aL as DropdownMenuLabel, aM as DropdownMenuRadioGroup, aN as DropdownMenuRadioItem, aO as DropdownMenuSeparator, aP as DropdownMenuShortcut, aQ as DropdownMenuSub, aR as DropdownMenuSubContent, aS as DropdownMenuSubTrigger, aT as DropdownMenuTrigger, aU as Form, aV as FormControl, aW as FormField, aX as FormItem, aY as FormLabel, aZ as FormMessage, a_ as FormSubmit, a$ as HoverCard, b0 as HoverCardContent, b1 as HoverCardTrigger, b2 as Input, b3 as InputGroup, b4 as InputGroupAddon, b5 as InputGroupInput, b6 as InputGroupText, b7 as InputOTP, b8 as InputOTPGroup, b9 as InputOTPHiddenInput, ba as InputOTPSeparator, bb as InputOTPSlot, bc as Kbd, bd as KbdGroup, be as Label, bf as MemoPillSegmentedTabs, bg as Menubar, bh as MenubarCheckboxItem, bi as MenubarContent, bj as MenubarItem, bk as MenubarLabel, bl as MenubarMenu, bm as MenubarRadioGroup, bn as MenubarRadioItem, bo as MenubarSeparator, bp as MenubarShortcut, bq as MenubarSub, br as MenubarSubContent, bs as MenubarSubTrigger, bt as MenubarTrigger, bu as NavigationMenu, bv as NavigationMenuContent, bw as NavigationMenuIndicator, bx as NavigationMenuItem, by as NavigationMenuLink, bz as NavigationMenuList, bA as NavigationMenuTrigger, bB as NavigationMenuViewport, bC as Pagination, bD as PaginationContent, bE as PaginationEllipsis, bF as PaginationItem, bG as PaginationLink, bH as PaginationNext, bI as PaginationPrevious, bJ as PillSegmentedTab, bK as PillSegmentedTabs, bL as PillSegmentedTabsProps, bM as Popover, bN as PopoverAnchor, bO as PopoverContent, bP as PopoverTrigger, bQ as Progress, bR as RadioGroup, bS as RadioGroupItem, bT as ScrollArea, bU as ScrollBar, bV as Select, bW as SelectContent, bX as SelectGroup, bY as SelectItem, bZ as SelectLabel, b_ as SelectScrollDownButton, b$ as SelectScrollUpButton, c0 as SelectSeparator, c1 as SelectTrigger, c2 as SelectValue, c3 as Separator, c4 as Sheet, c5 as SheetClose, c6 as SheetContent, c7 as SheetDescription, c8 as SheetFooter, c9 as SheetHeader, ca as SheetTitle, cb as SheetTrigger, cc as Shimmer, cd as Skeleton, ce as Slider, cf as Spinner, cg as Switch, ch as Table, ci as TableBody, cj as TableCaption, ck as TableCell, cl as TableFooter, cm as TableHead, cn as TableHeader, co as TableRow, cp as TextShimmerProps, cq as Textarea, cr as Toast, cs as ToastAction, ct as ToastClose, cu as ToastDescription, cv as ToastProps, cw as ToastProvider, cx as ToastTitle, cy as ToastViewport, cz as Toaster, cA as Toggle, cB as ToggleGroup, cC as ToggleGroupItem, cD as Toolbar, cE as ToolbarButton, cF as ToolbarLink, cG as ToolbarSeparator, cH as ToolbarToggleGroup, cI as ToolbarToggleItem, cJ as Tooltip, cK as TooltipContent, cL as TooltipProvider, cM as TooltipTrigger, cN as alertVariants, cO as badgeVariants, cP as controlClass, cQ as controlSurfaceClass, cR as formatPickerDate, cS as navigationMenuTriggerStyle, cT as overlayAnimationClass, cU as overlayItemClass, cV as overlayListPanelClass, cW as overlaySurfaceClass, cX as toast, cY as toggleVariants, cZ as useToast } from './pill-segmented-tabs-Ba5q0feL.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 } from 'radix-ui';
+import * as RechartsPrimitive from 'recharts';
 export { a as TimbalV2Button } from './timbal-v2-button-CNfdwGq4.cjs';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
+import 'radix-ui';
+import 'cmdk';
+import 'react-day-picker';
 
-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;
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+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 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, ...props }: React.ComponentProps<typeof Popover$1.Content>): 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;
-
-interface TextShimmerProps {
-    children: string;
-    as?: ElementType;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    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 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 { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, MemoPillSegmentedTabs, type PillSegmentedTab, PillSegmentedTabs, type PillSegmentedTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Shimmer, type TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart };

package/dist/ui.d.ts

@@ -1,106 +1,82 @@
-export { B as Button } from './button-ClSgD6OF.js';
+export { B as Button } from './button-BoyX5pM_.js';
+export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger, d as Alert, e as AlertDescription, f as AlertDialog, g as AlertDialogAction, h as AlertDialogCancel, i as AlertDialogContent, j as AlertDialogDescription, k as AlertDialogFooter, l as AlertDialogHeader, m as AlertDialogOverlay, n as AlertDialogPortal, o as AlertDialogTitle, p as AlertDialogTrigger, q as AlertTitle, r as AspectRatio, s as Avatar, t as AvatarFallback, u as AvatarImage, B as Badge, v as Breadcrumb, w as BreadcrumbEllipsis, x as BreadcrumbItem, y as BreadcrumbLink, z as BreadcrumbList, C as BreadcrumbPage, D as BreadcrumbSeparator, E as CONTROL_SIZE, F as Calendar, G as CalendarDayButton, H as Card, I as CardContent, J as CardDescription, K as CardFooter, L as CardHeader, M as CardTitle, N as Checkbox, O as Collapsible, P as CollapsibleContent, Q as CollapsibleTrigger, R as Combobox, S as ComboboxAnchor, T as ComboboxCommand, U as ComboboxContent, V as ComboboxEmpty, W as ComboboxGroup, X as ComboboxInput, Y as ComboboxItem, Z as ComboboxList, _ as ComboboxSeparator, $ as ComboboxShortcut, a0 as ComboboxTrigger, a1 as Command, a2 as CommandDialog, a3 as CommandEmpty, a4 as CommandGroup, a5 as CommandInput, a6 as CommandItem, a7 as CommandList, a8 as CommandSeparator, a9 as CommandShortcut, aa as ContextMenu, ab as ContextMenuCheckboxItem, ac as ContextMenuContent, ad as ContextMenuGroup, ae as ContextMenuItem, af as ContextMenuLabel, ag as ContextMenuRadioGroup, ah as ContextMenuRadioItem, ai as ContextMenuSeparator, aj as ContextMenuShortcut, ak as ContextMenuSub, al as ContextMenuSubContent, am as ContextMenuSubTrigger, an as ContextMenuTrigger, ao as ControlClassOptions, ap as ControlShape, aq as ControlSize, ar as DatePicker, as as DatePickerButton, at as DatePickerCalendar, au as DatePickerContent, av as DatePickerTrigger, aw as Dialog, ax as DialogClose, ay as DialogContent, az as DialogDescription, aA as DialogFooter, aB as DialogHeader, aC as DialogOverlay, aD as DialogPortal, aE as DialogTitle, aF as DialogTrigger, aG as DropdownMenu, aH as DropdownMenuCheckboxItem, aI as DropdownMenuContent, aJ as DropdownMenuGroup, aK as DropdownMenuItem, aL as DropdownMenuLabel, aM as DropdownMenuRadioGroup, aN as DropdownMenuRadioItem, aO as DropdownMenuSeparator, aP as DropdownMenuShortcut, aQ as DropdownMenuSub, aR as DropdownMenuSubContent, aS as DropdownMenuSubTrigger, aT as DropdownMenuTrigger, aU as Form, aV as FormControl, aW as FormField, aX as FormItem, aY as FormLabel, aZ as FormMessage, a_ as FormSubmit, a$ as HoverCard, b0 as HoverCardContent, b1 as HoverCardTrigger, b2 as Input, b3 as InputGroup, b4 as InputGroupAddon, b5 as InputGroupInput, b6 as InputGroupText, b7 as InputOTP, b8 as InputOTPGroup, b9 as InputOTPHiddenInput, ba as InputOTPSeparator, bb as InputOTPSlot, bc as Kbd, bd as KbdGroup, be as Label, bf as MemoPillSegmentedTabs, bg as Menubar, bh as MenubarCheckboxItem, bi as MenubarContent, bj as MenubarItem, bk as MenubarLabel, bl as MenubarMenu, bm as MenubarRadioGroup, bn as MenubarRadioItem, bo as MenubarSeparator, bp as MenubarShortcut, bq as MenubarSub, br as MenubarSubContent, bs as MenubarSubTrigger, bt as MenubarTrigger, bu as NavigationMenu, bv as NavigationMenuContent, bw as NavigationMenuIndicator, bx as NavigationMenuItem, by as NavigationMenuLink, bz as NavigationMenuList, bA as NavigationMenuTrigger, bB as NavigationMenuViewport, bC as Pagination, bD as PaginationContent, bE as PaginationEllipsis, bF as PaginationItem, bG as PaginationLink, bH as PaginationNext, bI as PaginationPrevious, bJ as PillSegmentedTab, bK as PillSegmentedTabs, bL as PillSegmentedTabsProps, bM as Popover, bN as PopoverAnchor, bO as PopoverContent, bP as PopoverTrigger, bQ as Progress, bR as RadioGroup, bS as RadioGroupItem, bT as ScrollArea, bU as ScrollBar, bV as Select, bW as SelectContent, bX as SelectGroup, bY as SelectItem, bZ as SelectLabel, b_ as SelectScrollDownButton, b$ as SelectScrollUpButton, c0 as SelectSeparator, c1 as SelectTrigger, c2 as SelectValue, c3 as Separator, c4 as Sheet, c5 as SheetClose, c6 as SheetContent, c7 as SheetDescription, c8 as SheetFooter, c9 as SheetHeader, ca as SheetTitle, cb as SheetTrigger, cc as Shimmer, cd as Skeleton, ce as Slider, cf as Spinner, cg as Switch, ch as Table, ci as TableBody, cj as TableCaption, ck as TableCell, cl as TableFooter, cm as TableHead, cn as TableHeader, co as TableRow, cp as TextShimmerProps, cq as Textarea, cr as Toast, cs as ToastAction, ct as ToastClose, cu as ToastDescription, cv as ToastProps, cw as ToastProvider, cx as ToastTitle, cy as ToastViewport, cz as Toaster, cA as Toggle, cB as ToggleGroup, cC as ToggleGroupItem, cD as Toolbar, cE as ToolbarButton, cF as ToolbarLink, cG as ToolbarSeparator, cH as ToolbarToggleGroup, cI as ToolbarToggleItem, cJ as Tooltip, cK as TooltipContent, cL as TooltipProvider, cM as TooltipTrigger, cN as alertVariants, cO as badgeVariants, cP as controlClass, cQ as controlSurfaceClass, cR as formatPickerDate, cS as navigationMenuTriggerStyle, cT as overlayAnimationClass, cU as overlayItemClass, cV as overlayListPanelClass, cW as overlaySurfaceClass, cX as toast, cY as toggleVariants, cZ as useToast } from './pill-segmented-tabs-Ba5q0feL.js';
 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 } from 'radix-ui';
+import * as RechartsPrimitive from 'recharts';
 export { a as TimbalV2Button } from './timbal-v2-button-CNfdwGq4.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
+import 'radix-ui';
+import 'cmdk';
+import 'react-day-picker';
 
-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;
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+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 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, ...props }: React.ComponentProps<typeof Popover$1.Content>): 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;
-
-interface TextShimmerProps {
-    children: string;
-    as?: ElementType;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    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 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 { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, MemoPillSegmentedTabs, type PillSegmentedTab, PillSegmentedTabs, type PillSegmentedTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Shimmer, type TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart };