@onnechat/ui 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as NucleoFill from 'nucleo-ui-fill-18';
 import { IconProps as IconProps$1 } from 'nucleo-ui-fill-18';
 import * as React$1 from 'react';
-import React__default, { SVGProps, HTMLAttributes, ReactNode, ComponentProps } from 'react';
+import React__default, { SVGProps, ComponentProps, HTMLAttributes, ReactNode } from 'react';
 import { motion } from 'motion/react';
 import * as NucleoDuo from 'nucleo-ui-fill-duo-18';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -10,6 +10,9 @@ import { VariantProps } from 'class-variance-authority';
 import { Separator as Separator$1 } from '@base-ui/react/separator';
 import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
 import { Accordion as Accordion$2 } from '@base-ui/react/accordion';
+import * as RechartsPrimitive from 'recharts';
+import { Area, AreaChart as AreaChart$1, XAxis, YAxis, BarChart as BarChart$1, LineChart as LineChart$1, Line, PieChart as PieChart$1, Pie } from 'recharts';
+import { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';
 import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
 import { ColumnDef, Table as Table$1, Column } from '@tanstack/react-table';
 import * as zustand from 'zustand';
@@ -24,12 +27,11 @@ import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
 import * as _base_ui_react from '@base-ui/react';
 import { Select as Select$1 } from '@base-ui/react/select';
 import { Dialog as Dialog$2 } from '@base-ui/react/dialog';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
 import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
 import { ToasterProps } from 'sonner';
 import { MediaController, MediaControlBar, MediaTimeRange, MediaTimeDisplay, MediaVolumeRange, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaMuteButton } from 'media-chrome/react';
 import { DayPicker } from 'react-day-picker';
-import * as RechartsPrimitive from 'recharts';
-import { DefaultLegendContentProps, TooltipContentProps } from 'recharts';
 import { Command as Command$1 } from 'cmdk';
 import { Drawer as Drawer$1 } from 'vaul';
 
@@ -342,45 +344,131 @@ declare const Sidebar: typeof SidebarRoot & {
 
 /**
  * Application shell layout, composition-first. Encodes the structure of our
- * dashboards — inset resizable sidebar, glass sticky header, floating mobile
+ * dashboards — inset resizable sidebars, glass sticky header, floating mobile
  * navbar, announcement-aware viewport — while leaving every region up to the
- * consumer:
+ * consumer.
+ *
+ * Both sidebars share the exact same mechanics and API: a panel component, a
+ * trigger and per-side state (cookies + keyboard shortcut) enabled by the
+ * `leftSidebar`/`rightSidebar` props on the root. Each side is independent —
+ * a product can enable only the left one, only the right one, or both:
  *
  * ```tsx
  * <AnnouncementBanner message="…" type="NEW" />
  *
- * <AppShell>
- *   <AppShell.Sidebar>
+ * <AppShell leftSidebar rightSidebar={{ defaultOpen: false }}>
+ *   <AppShell.LeftSidebar>
  *     <AppShell.SidebarHeader>…logo + actions…</AppShell.SidebarHeader>
  *     <AppShell.SidebarSection>…workspace switcher…</AppShell.SidebarSection>
- *     <AppShell.SidebarSection>
- *       <AppShell.CommandButton>Pesquisar…</AppShell.CommandButton>
- *     </AppShell.SidebarSection>
  *     <AppShell.SidebarContent>
  *       <AppShell.SidebarGroup title="Geral">
  *         <AppShell.SidebarItem icon="House6" title="Visão Geral" href="/" active />
  *       </AppShell.SidebarGroup>
  *     </AppShell.SidebarContent>
  *     <AppShell.SidebarFooter>…copyright + user…</AppShell.SidebarFooter>
- *   </AppShell.Sidebar>
+ *   </AppShell.LeftSidebar>
  *
  *   <AppShell.Navbar>…mobile items…</AppShell.Navbar>
  *
  *   <AppShell.Inset>
- *     <AppShell.Header title={…} actions={…} user={…} logo={…} />
+ *     <AppShell.Header title={…} actions={…} />
  *     <MyPage />
  *   </AppShell.Inset>
+ *
+ *   <AppShell.RightSidebar>…</AppShell.RightSidebar>
  * </AppShell>
  * ```
+ *
+ * On mobile the sidebars are hidden entirely — navigation belongs to
+ * `AppShell.Navbar`. `AppShell.Header` automatically renders one toggle per
+ * enabled side (left before the title, right after the actions), so any
+ * sidebar combination — none, left only, right only, both — gets exactly
+ * the toggles that apply. `AppShell.LeftSidebarTrigger` and
+ * `AppShell.RightSidebarTrigger` exist for custom placements (both accept a
+ * custom `icon`), and `useLeftSidebarToggle`/`useRightSidebarToggle` expose
+ * just the toggle function for fully custom elements.
  */
-declare function AppShellRoot({ className, children, ...props }: React$1.ComponentProps<typeof Sidebar.Provider>): react_jsx_runtime.JSX.Element;
+declare function AppShellRoot({ leftSidebar, rightSidebar, className, children, ...props }: React$1.ComponentProps<'div'> & {
+    /**
+     * Enables the left sidebar state (`[` shortcut, cookie persistence, header
+     * toggle). Pass `{ defaultOpen: false }` to start collapsed.
+     */
+    leftSidebar?: AppShellSidebarProp;
+    /**
+     * Enables the right (context) sidebar state (`]` shortcut, cookie
+     * persistence). Pass `{ defaultOpen: false }` to start collapsed.
+     */
+    rightSidebar?: AppShellSidebarProp;
+}): react_jsx_runtime.JSX.Element;
+type AppShellSidebarSide = 'left' | 'right';
+type AppShellSidebarContextValue = {
+    side: AppShellSidebarSide;
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggleSidebar: () => void;
+    sidebarWidth: string;
+    setSidebarWidth: (width: string) => void;
+};
+declare function useAppShellLeftSidebar(): AppShellSidebarContextValue;
+declare function useAppShellRightSidebar(): AppShellSidebarContextValue;
+type AppShellSidebarProp = boolean | {
+    defaultOpen?: boolean;
+};
+/** @deprecated Enable the sidebar with the `leftSidebar` prop on `AppShell` instead. */
+declare function AppShellLeftSidebarProvider(props: {
+    children: React$1.ReactNode;
+    defaultOpen?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** @deprecated Enable the sidebar with the `rightSidebar` prop on `AppShell` instead. */
+declare function AppShellRightSidebarProvider(props: {
+    children: React$1.ReactNode;
+    defaultOpen?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Fixed left (primary) panel with a drag-to-resize rail. Hidden on mobile —
+ * navigation belongs to `AppShell.Navbar`. Requires the `leftSidebar` prop
+ * on `AppShell`.
+ */
+declare function AppShellLeftSidebar(props: React$1.ComponentProps<'aside'>): react_jsx_runtime.JSX.Element;
+/**
+ * Fixed right (context) panel with a drag-to-resize rail. Hidden on mobile.
+ * Requires the `rightSidebar` prop on `AppShell`.
+ */
+declare function AppShellRightSidebar(props: React$1.ComponentProps<'aside'>): react_jsx_runtime.JSX.Element;
+type SidebarTriggerIcon = IconType | React$1.ReactNode | ((state: 'expanded' | 'collapsed') => React$1.ReactNode);
+/**
+ * Toggle button of the left sidebar, for custom placements (the Header
+ * already renders one automatically). Requires the `leftSidebar` prop on
+ * `AppShell`. Pass `icon` to replace the default state-aware icon — an icon
+ * name, any node, or a function of the sidebar state
+ * (`(state) => ReactNode`).
+ */
+declare function AppShellLeftSidebarTrigger({ label, ...props }: React$1.ComponentProps<typeof Button> & {
+    label?: string;
+    icon?: SidebarTriggerIcon;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Toggle button of the right sidebar, for custom placements (the Header
+ * already renders one automatically). Requires the `rightSidebar` prop on
+ * `AppShell`. Pass `icon` to replace the default state-aware icon — an icon
+ * name, any node, or a function of the sidebar state
+ * (`(state) => ReactNode`).
+ */
+declare function AppShellRightSidebarTrigger({ label, ...props }: React$1.ComponentProps<typeof Button> & {
+    label?: string;
+    icon?: SidebarTriggerIcon;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Returns the toggle function of the left sidebar, to wire any custom
+ * element to it. Requires the `leftSidebar` prop on `AppShell`.
+ */
+declare function useLeftSidebarToggle(): () => void;
 /**
- * Inset sidebar with a drag-to-resize rail: click toggles, double click
- * resets to the default width, dragging resizes between 16–20rem and
- * collapses past the threshold. Width persists in the `sidebar-width` cookie
- * (read back by `Sidebar.Provider`).
+ * Returns the toggle function of the right sidebar, to wire any custom
+ * element to it. Requires the `rightSidebar` prop on `AppShell`.
  */
-declare function AppShellSidebar({ children, ...props }: React$1.ComponentProps<typeof Sidebar>): react_jsx_runtime.JSX.Element;
+declare function useRightSidebarToggle(): () => void;
 declare function AppShellSidebarHeader({ className, children, ...props }: React$1.ComponentProps<typeof Sidebar.Header>): react_jsx_runtime.JSX.Element;
 declare function AppShellSidebarSection({ className, children, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 declare function AppShellSidebarContent({ className, children, ...props }: React$1.ComponentProps<typeof Sidebar.Content>): react_jsx_runtime.JSX.Element;
@@ -411,7 +499,7 @@ declare function AppShellSidebarItem({ index, isDropdownChild, level, ...item }:
 declare function AppShellCommandButton({ className, children, ...props }: React$1.ComponentProps<'button'>): react_jsx_runtime.JSX.Element;
 declare function AppShellSidebarFooter({ className, children, ...props }: React$1.ComponentProps<typeof Sidebar.Footer>): react_jsx_runtime.JSX.Element;
 declare function AppShellCopyright({ className, children, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
-declare function AppShellHeader({ className, logo, title, actions, user, sidebarToggleLabel, mobileActionsClassName, ...props }: Omit<React$1.ComponentProps<'div'>, 'title'> & {
+declare function AppShellHeader({ className, logo, title, actions, user, leftSidebarToggleLabel, rightSidebarToggleLabel, mobileActionsClassName, ...props }: Omit<React$1.ComponentProps<'div'>, 'title'> & {
     /** Mobile-only logo slot (top-left). */
     logo?: React$1.ReactNode;
     /** Page title area (both breakpoints). */
@@ -420,7 +508,10 @@ declare function AppShellHeader({ className, logo, title, actions, user, sidebar
     actions?: React$1.ReactNode;
     /** Mobile-only user slot (top-right, e.g. avatar). */
     user?: React$1.ReactNode;
-    sidebarToggleLabel?: string;
+    /** Tooltip label of the auto-rendered left sidebar toggle. */
+    leftSidebarToggleLabel?: string;
+    /** Tooltip label of the auto-rendered right sidebar toggle. */
+    rightSidebarToggleLabel?: string;
     mobileActionsClassName?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function AppShellNavbar({ className, children, ...props }: React$1.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
@@ -429,33 +520,6 @@ declare function AppShellNavbarItem({ className, icon, active, href, children, .
     active?: boolean;
     children?: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-type AppShellRightSidebarContextValue = {
-    state: 'expanded' | 'collapsed';
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    toggleSidebar: () => void;
-    sidebarWidth: string;
-    setSidebarWidth: (width: string) => void;
-};
-declare function useAppShellRightSidebar(): AppShellRightSidebarContextValue;
-/**
- * State container for the right context sidebar. Wrap the `AppShell` with it
- * whenever a page renders `AppShell.RightSidebar`; open state and width
- * persist in cookies and `]` toggles it.
- */
-declare function AppShellRightSidebarProvider({ children, defaultOpen, }: {
-    children: React$1.ReactNode;
-    defaultOpen?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function AppShellRightSidebarTrigger({ className, label, ...props }: React$1.ComponentProps<typeof Button> & {
-    label?: string;
-}): react_jsx_runtime.JSX.Element;
-/**
- * Fixed right context panel with drag-to-resize on its left edge, matching
- * the left sidebar behavior (click toggles, double click resets, drag past
- * the threshold collapses). Requires `AppShell.RightSidebarProvider`.
- */
-declare function AppShellRightSidebar({ className, children, ...props }: React$1.ComponentProps<'aside'>): react_jsx_runtime.JSX.Element;
 declare function AppShellInset({ className, style, children, loading, spacing, ...props }: React$1.ComponentProps<'div'> & {
     /**
      * Shows a blocking loading overlay while keeping the shell (sidebar,
@@ -467,7 +531,12 @@ declare function AppShellInset({ className, style, children, loading, spacing, .
 }): react_jsx_runtime.JSX.Element;
 declare function AppShellLoading({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 declare const AppShell: typeof AppShellRoot & {
-    Sidebar: typeof AppShellSidebar;
+    LeftSidebar: typeof AppShellLeftSidebar;
+    LeftSidebarProvider: typeof AppShellLeftSidebarProvider;
+    LeftSidebarTrigger: typeof AppShellLeftSidebarTrigger;
+    RightSidebar: typeof AppShellRightSidebar;
+    RightSidebarProvider: typeof AppShellRightSidebarProvider;
+    RightSidebarTrigger: typeof AppShellRightSidebarTrigger;
     SidebarHeader: typeof AppShellSidebarHeader;
     SidebarSection: typeof AppShellSidebarSection;
     SidebarContent: typeof AppShellSidebarContent;
@@ -481,9 +550,6 @@ declare const AppShell: typeof AppShellRoot & {
     NavbarItem: typeof AppShellNavbarItem;
     Inset: typeof AppShellInset;
     Loading: typeof AppShellLoading;
-    RightSidebar: typeof AppShellRightSidebar;
-    RightSidebarProvider: typeof AppShellRightSidebarProvider;
-    RightSidebarTrigger: typeof AppShellRightSidebarTrigger;
 };
 
 type AccordionProps = Omit<Accordion$2.Root.Props, 'value' | 'defaultValue' | 'onValueChange' | 'multiple'> & {
@@ -575,6 +641,16 @@ interface BreadcrumbProps {
 }
 declare function Breadcrumb({ items, className, hideBackButton, disableLinks }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
 
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime.JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+type ButtonGroupSeparatorProps = React.ComponentProps<typeof Separator>;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): react_jsx_runtime.JSX.Element;
+
 interface CardSliderProps extends React__default.ComponentProps<'div'> {
     /** Zero-based index of the visible panel */
     index: number;
@@ -609,6 +685,398 @@ declare const Card: typeof CardRoot & {
     Slider: typeof CardSlider;
 };
 
+type BackgroundVariant = 'dots' | 'grid' | 'cross-hatch' | 'diagonal-lines' | 'plus' | 'falling-triangles' | '4-pointed-star' | 'tiny-checkers' | 'overlapping-circles' | 'wiggle-lines' | 'bubbles';
+interface ChartBackgroundProps {
+    variant: BackgroundVariant;
+}
+declare function ChartBackground({ variant }: ChartBackgroundProps): react_jsx_runtime.JSX.Element;
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type ThemeKey = keyof typeof THEMES;
+type ThemeColorsBase = {
+    [K in ThemeKey]?: string[];
+};
+type AtLeastOneThemeColor = {
+    [K in ThemeKey]: Required<Pick<ThemeColorsBase, K>> & Partial<Omit<ThemeColorsBase, K>>;
+}[ThemeKey];
+type ChartConfig = Record<string, {
+    label?: React$1.ReactNode;
+    icon?: React$1.ComponentType;
+    colors?: AtLeastOneThemeColor;
+}>;
+interface ChartContextProps {
+    config: ChartConfig;
+}
+declare function useChart(): ChartContextProps;
+interface ChartContainerProps extends Omit<React$1.ComponentProps<'div'>, 'children'>, Pick<React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>, 'initialDimension' | 'aspect' | 'debounce' | 'minHeight' | 'minWidth' | 'maxHeight' | 'height' | 'width' | 'onResize' | 'children'> {
+    config: ChartConfig;
+    innerResponsiveContainerStyle?: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['style'];
+    /** Optional content rendered below the chart (e.g. ChartBrush) */
+    footer?: React$1.ReactNode;
+}
+declare function ChartContainer({ id, config, initialDimension, className, children, footer, ...props }: Readonly<ChartContainerProps>): react_jsx_runtime.JSX.Element;
+declare function LoadingIndicator({ isLoading }: {
+    isLoading: boolean;
+}): react_jsx_runtime.JSX.Element | null;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
+declare function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): {
+    label?: React$1.ReactNode;
+    icon?: React$1.ComponentType;
+    colors?: AtLeastOneThemeColor;
+} | undefined;
+declare function axisValueToPercentFormatter(value: number): string;
+declare function getColorsCount(config: ChartConfig[string]): number;
+declare const getLoadingData: (points?: number, min?: number, max?: number) => {
+    loading: number;
+}[];
+
+type ChartBrushVariant = 'line' | 'area' | 'bar';
+type CurveType = ComponentProps<typeof Area>['type'];
+interface ChartBrushRange {
+    startIndex: number;
+    endIndex: number;
+}
+interface ChartBrushProps {
+    /** Full dataset – always rendered in the miniature chart */
+    data: Record<string, unknown>[];
+    /** Chart config with colour definitions */
+    chartConfig: ChartConfig;
+    /** Data keys to plot (default: all keys from chartConfig) */
+    dataKeys?: string[];
+    /** X-axis data key – used for handle labels */
+    xDataKey?: string;
+    /** Visual variant of the mini chart */
+    variant?: ChartBrushVariant;
+    /** Pixel height of the brush */
+    height?: number;
+    /** Extra className */
+    className?: string;
+    /** Whether areas/bars should be stacked in the mini chart */
+    stacked?: boolean;
+    /** Stroke variant for line / area strokes in the mini chart */
+    strokeVariant?: 'solid' | 'dashed' | 'animated-dashed';
+    /** Whether to connect null data points in line / area variants */
+    connectNulls?: boolean;
+    /** Radius for bar corners in the bar variant */
+    barRadius?: number;
+    /** Controlled start index */
+    startIndex?: number;
+    /** Controlled end index */
+    endIndex?: number;
+    /** Initial start index (uncontrolled) */
+    defaultStartIndex?: number;
+    /** Initial end index (uncontrolled) */
+    defaultEndIndex?: number;
+    /** Fired whenever the visible range changes */
+    onChange?: (range: ChartBrushRange) => void;
+    /** Format the handle label from the xDataKey value */
+    formatLabel?: (value: unknown, index: number) => string;
+    /** Curve type for line / area variants */
+    curveType?: CurveType;
+    /** Minimum number of data points that must remain selected */
+    minSpan?: number;
+    /** Whether to render labels on the handles */
+    showLabels?: boolean;
+    /** Skip rendering own ChartStyle (when inside a ChartContainer that already provides CSS vars) */
+    skipStyle?: boolean;
+}
+declare function ChartBrush({ data, chartConfig, dataKeys, xDataKey, variant, height, className, stacked, strokeVariant, connectNulls, barRadius, startIndex: controlledStart, endIndex: controlledEnd, defaultStartIndex, defaultEndIndex, onChange, formatLabel, curveType, minSpan, showLabels, skipStyle, }: ChartBrushProps): react_jsx_runtime.JSX.Element | null;
+declare function useChartBrush<TData extends Record<string, unknown>>({ data, defaultStartIndex, defaultEndIndex, }: {
+    data: TData[];
+    defaultStartIndex?: number;
+    defaultEndIndex?: number;
+}): {
+    range: ChartBrushRange;
+    visibleData: TData[];
+    brushProps: {
+        startIndex: number;
+        endIndex: number;
+        onChange: React$1.Dispatch<React$1.SetStateAction<ChartBrushRange>>;
+    };
+};
+
+type DotVariant = 'default' | 'border' | 'colored-border';
+type ChartDotProps = {
+    cx?: number;
+    cy?: number;
+    dataKey: string;
+    chartId: string;
+    className?: string;
+    fillOpacity?: number;
+    type?: DotVariant;
+};
+declare const ChartDot: React$1.NamedExoticComponent<ChartDotProps>;
+
+type ChartLegendVariant = 'square' | 'circle' | 'circle-outline' | 'rounded-square' | 'rounded-square-outline' | 'vertical-bar' | 'horizontal-bar';
+declare function ChartLegendContent({ className, hideIcon, nameKey, payload, verticalAlign, align, selected, onSelectChange, isClickable, variant, }: React$1.ComponentProps<'div'> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+    selected?: string | null;
+    isClickable?: boolean;
+    onSelectChange?: (selected: string | null) => void;
+    variant?: ChartLegendVariant;
+} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime.JSX.Element | null;
+declare const ChartLegend: React$1.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React$1.ReactPortal | null>;
+
+type TooltipRoundness = 'sm' | 'md' | 'lg' | 'xl';
+type TooltipVariant = 'default' | 'frosted-glass';
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, nameKey, labelKey, selected, roundness, variant, valueFormatter, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<'div'> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+    selected?: string | null;
+    roundness?: TooltipRoundness;
+    variant?: TooltipVariant;
+    valueFormatter?: (value: unknown) => React$1.ReactNode;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<ValueType, NameType>, 'accessibilityLayer'>): react_jsx_runtime.JSX.Element | null;
+declare const ChartTooltip: ({ animationDuration, ...props }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip>) => react_jsx_runtime.JSX.Element;
+
+type ChartProps$3 = ComponentProps<typeof AreaChart$1>;
+type XAxisProps$2 = ComponentProps<typeof XAxis>;
+type YAxisProps$2 = ComponentProps<typeof YAxis>;
+type AreaType = ComponentProps<typeof Area>['type'];
+type AreaVariant = 'gradient' | 'gradient-reverse' | 'solid' | 'dotted' | 'lines' | 'hatched';
+type StrokeVariant$1 = 'solid' | 'dashed' | 'animated-dashed';
+type StackType$1 = 'default' | 'expanded' | 'stacked';
+type ValidateConfigKeys$2<TData, TConfig> = {
+    [K in keyof TConfig]: K extends keyof TData ? ChartConfig[string] : never;
+};
+type BaseAreaChartProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = {
+    chartConfig: TConfig & ValidateConfigKeys$2<TData, TConfig>;
+    data: TData[];
+    xDataKey?: keyof TData & string;
+    yDataKey?: keyof TData & string;
+    className?: string;
+    chartProps?: ChartProps$3;
+    xAxisProps?: XAxisProps$2;
+    yAxisProps?: YAxisProps$2;
+    defaultSelectedDataKey?: string | null;
+    curveType?: AreaType;
+    strokeWidth?: number;
+    areaVariant?: AreaVariant;
+    strokeVariant?: StrokeVariant$1;
+    stackType?: StackType$1;
+    dotVariant?: DotVariant;
+    activeDotVariant?: DotVariant;
+    legendVariant?: ChartLegendVariant;
+    connectNulls?: boolean;
+    tickGap?: number;
+    hideTooltip?: boolean;
+    hideCartesianGrid?: boolean;
+    hideLegend?: boolean;
+    hideCursorLine?: boolean;
+    tooltipRoundness?: TooltipRoundness;
+    tooltipVariant?: TooltipVariant;
+    tooltipDefaultIndex?: number;
+    tooltipAnimationDuration?: number;
+    tooltipContentProps?: Omit<ComponentProps<typeof ChartTooltipContent>, 'selected' | 'roundness' | 'variant'>;
+    isLoading?: boolean;
+    loadingPoints?: number;
+    showBrush?: boolean;
+    brushHeight?: number;
+    brushFormatLabel?: (value: unknown, index: number) => string;
+    onBrushChange?: (range: ChartBrushRange) => void;
+    backgroundVariant?: BackgroundVariant;
+};
+type AreaChartClickable = {
+    isClickable: true;
+    onSelectionChange?: (selectedDataKey: string | null) => void;
+};
+type AreaChartNotClickable = {
+    isClickable?: false;
+    onSelectionChange?: never;
+};
+type AreaChartProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = BaseAreaChartProps<TData, TConfig> & (AreaChartClickable | AreaChartNotClickable);
+declare function AreaChart<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>>({ chartConfig, data, xDataKey, yDataKey, className, chartProps, xAxisProps, yAxisProps, defaultSelectedDataKey, curveType, strokeWidth, areaVariant, strokeVariant, stackType, dotVariant, activeDotVariant, legendVariant, connectNulls, tickGap, hideTooltip, hideCartesianGrid, hideLegend, hideCursorLine, tooltipRoundness, tooltipVariant, tooltipDefaultIndex, tooltipAnimationDuration, tooltipContentProps, isClickable, isLoading, loadingPoints, showBrush, brushHeight, brushFormatLabel, onBrushChange, onSelectionChange, backgroundVariant, }: AreaChartProps<TData, TConfig>): react_jsx_runtime.JSX.Element;
+
+type ChartProps$2 = ComponentProps<typeof BarChart$1>;
+type XAxisProps$1 = ComponentProps<typeof XAxis>;
+type YAxisProps$1 = ComponentProps<typeof YAxis>;
+type BarVariant = 'default' | 'hatched' | 'duotone' | 'duotone-reverse' | 'gradient' | 'stripped';
+type StackType = 'default' | 'stacked' | 'percent';
+type BarLayout = 'vertical' | 'horizontal';
+type ValidateConfigKeys$1<TData, TConfig> = {
+    [K in keyof TConfig]: K extends keyof TData ? ChartConfig[string] : never;
+};
+type NumericDataKeys$1<T> = {
+    [K in keyof T]: T[K] extends number ? K : never;
+}[keyof T];
+type BarChartProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = {
+    chartConfig: TConfig & ValidateConfigKeys$1<TData, TConfig>;
+    data: TData[];
+    xDataKey?: keyof TData & string;
+    yDataKey?: keyof TData & string;
+    className?: string;
+    chartProps?: ChartProps$2;
+    xAxisProps?: XAxisProps$1;
+    yAxisProps?: YAxisProps$1;
+    defaultSelectedDataKey?: string | null;
+    barVariant?: BarVariant;
+    stackType?: StackType;
+    layout?: BarLayout;
+    barRadius?: number;
+    barGap?: number;
+    barCategoryGap?: number;
+    tickGap?: number;
+    legendVariant?: ChartLegendVariant;
+    hideTooltip?: boolean;
+    hideCartesianGrid?: boolean;
+    hideLegend?: boolean;
+    tooltipRoundness?: TooltipRoundness;
+    tooltipVariant?: TooltipVariant;
+    tooltipDefaultIndex?: number;
+    tooltipAnimationDuration?: number;
+    tooltipCursorStrokeWidth?: number;
+    tooltipContentProps?: Omit<ComponentProps<typeof ChartTooltipContent>, 'selected' | 'roundness' | 'variant'>;
+    enableHoverHighlight?: boolean;
+    isLoading?: boolean;
+    loadingBars?: number;
+    glowingBars?: NumericDataKeys$1<TData>[];
+    showBrush?: boolean;
+    brushHeight?: number;
+    brushFormatLabel?: (value: unknown, index: number) => string;
+    onBrushChange?: (range: ChartBrushRange) => void;
+    backgroundVariant?: BackgroundVariant;
+    enableBufferBar?: boolean;
+};
+type BarChartClickable = {
+    isClickable: true;
+    onSelectionChange?: (selectedDataKey: string | null) => void;
+};
+type BarChartNotClickable = {
+    isClickable?: false;
+    onSelectionChange?: never;
+};
+type BarChartPropsWithCallback<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = BarChartProps<TData, TConfig> & (BarChartClickable | BarChartNotClickable);
+declare function BarChart<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>>({ chartConfig, data, xDataKey, yDataKey, className, chartProps, xAxisProps, yAxisProps, defaultSelectedDataKey, barVariant, stackType, layout, barRadius, barGap, barCategoryGap, tickGap, legendVariant, hideTooltip, hideCartesianGrid, hideLegend, tooltipRoundness, tooltipVariant, tooltipDefaultIndex, tooltipAnimationDuration, tooltipCursorStrokeWidth, tooltipContentProps, isClickable, enableHoverHighlight, isLoading, loadingBars, glowingBars, showBrush, brushHeight, brushFormatLabel, onBrushChange, onSelectionChange, backgroundVariant, enableBufferBar, }: BarChartPropsWithCallback<TData, TConfig>): react_jsx_runtime.JSX.Element;
+
+type ChartProps$1 = ComponentProps<typeof LineChart$1>;
+type XAxisProps = ComponentProps<typeof XAxis>;
+type YAxisProps = ComponentProps<typeof YAxis>;
+type LineType = ComponentProps<typeof Line>['type'];
+type StrokeVariant = 'solid' | 'dashed' | 'animated-dashed';
+type ValidateConfigKeys<TData, TConfig> = {
+    [K in keyof TConfig]: K extends keyof TData ? ChartConfig[string] : never;
+};
+type NumericDataKeys<T> = {
+    [K in keyof T]: T[K] extends number ? K : never;
+}[keyof T];
+type LineChartProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = {
+    chartConfig: TConfig & ValidateConfigKeys<TData, TConfig>;
+    data: TData[];
+    xDataKey?: keyof TData & string;
+    yDataKey?: keyof TData & string;
+    className?: string;
+    chartProps?: ChartProps$1;
+    xAxisProps?: XAxisProps;
+    yAxisProps?: YAxisProps;
+    defaultSelectedDataKey?: string | null;
+    curveType?: LineType;
+    strokeWidth?: number;
+    strokeVariant?: StrokeVariant;
+    dotVariant?: DotVariant;
+    activeDotVariant?: DotVariant;
+    legendVariant?: ChartLegendVariant;
+    connectNulls?: boolean;
+    tickGap?: number;
+    hideTooltip?: boolean;
+    hideCartesianGrid?: boolean;
+    hideLegend?: boolean;
+    hideCursorLine?: boolean;
+    tooltipRoundness?: TooltipRoundness;
+    tooltipVariant?: TooltipVariant;
+    tooltipDefaultIndex?: number;
+    tooltipAnimationDuration?: number;
+    tooltipContentProps?: Omit<ComponentProps<typeof ChartTooltipContent>, 'selected' | 'roundness' | 'variant'>;
+    isLoading?: boolean;
+    loadingPoints?: number;
+    glowingLines?: NumericDataKeys<TData>[];
+    showBrush?: boolean;
+    brushHeight?: number;
+    brushFormatLabel?: (value: unknown, index: number) => string;
+    onBrushChange?: (range: ChartBrushRange) => void;
+    backgroundVariant?: BackgroundVariant;
+    enableBufferLine?: boolean;
+};
+type LineChartClickable = {
+    isClickable: true;
+    onSelectionChange?: (selectedDataKey: string | null) => void;
+};
+type LineChartNotClickable = {
+    isClickable?: false;
+    onSelectionChange?: never;
+};
+type LineChartPropsWithCallback<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = LineChartProps<TData, TConfig> & (LineChartClickable | LineChartNotClickable);
+declare function LineChart<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>>({ chartConfig, data, xDataKey, yDataKey, className, chartProps, xAxisProps, yAxisProps, defaultSelectedDataKey, curveType, strokeWidth, strokeVariant, dotVariant, activeDotVariant, legendVariant, connectNulls, tickGap, hideTooltip, hideCartesianGrid, hideLegend, hideCursorLine, tooltipRoundness, tooltipVariant, tooltipDefaultIndex, tooltipAnimationDuration, tooltipContentProps, isClickable, isLoading, loadingPoints, glowingLines, showBrush, brushHeight, brushFormatLabel, onBrushChange, onSelectionChange, backgroundVariant, enableBufferLine, }: LineChartPropsWithCallback<TData, TConfig>): react_jsx_runtime.JSX.Element;
+
+type ChartProps = ComponentProps<typeof PieChart$1>;
+type PieProps = ComponentProps<typeof Pie>;
+type PieVariant = 'default' | 'donut';
+type BasePieChartProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = {
+    /**
+     * Keyed by the category values found in `data[nameKey]` — each slice reads
+     * its label and colors from the matching entry.
+     */
+    chartConfig: TConfig;
+    data: TData[];
+    /** Numeric field of each row that sizes the slice. */
+    dataKey: keyof TData & string;
+    /** Categorical field of each row that names the slice (and its config key). */
+    nameKey: keyof TData & string;
+    className?: string;
+    chartProps?: Omit<ChartProps, 'data'>;
+    pieProps?: Omit<PieProps, 'data' | 'dataKey' | 'nameKey' | 'children' | 'ref'>;
+    defaultSelectedDataKey?: string | null;
+    pieVariant?: PieVariant;
+    paddingAngle?: number;
+    cornerRadius?: number;
+    legendVariant?: ChartLegendVariant;
+    /** Center content, rendered only on the `donut` variant. */
+    centerLabel?: React.ReactNode;
+    centerValue?: React.ReactNode;
+    hideTooltip?: boolean;
+    hideLegend?: boolean;
+    tooltipRoundness?: TooltipRoundness;
+    tooltipVariant?: TooltipVariant;
+    tooltipAnimationDuration?: number;
+    tooltipContentProps?: Omit<ComponentProps<typeof ChartTooltipContent>, 'selected' | 'roundness' | 'variant'>;
+    isLoading?: boolean;
+    loadingSlices?: number;
+};
+type PieChartClickable = {
+    isClickable: true;
+    onSelectionChange?: (selectedDataKey: string | null) => void;
+};
+type PieChartNotClickable = {
+    isClickable?: false;
+    onSelectionChange?: never;
+};
+type PieChartProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = BasePieChartProps<TData, TConfig> & (PieChartClickable | PieChartNotClickable);
+declare function PieChart<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>>({ chartConfig, data, dataKey, nameKey, className, chartProps, pieProps, defaultSelectedDataKey, pieVariant, paddingAngle, cornerRadius, legendVariant, centerLabel, centerValue, hideTooltip, hideLegend, tooltipRoundness, tooltipVariant, tooltipAnimationDuration, tooltipContentProps, isClickable, isLoading, loadingSlices, onSelectionChange, }: PieChartProps<TData, TConfig>): react_jsx_runtime.JSX.Element;
+
+interface TrackerChartBlockProps {
+    key?: string | number;
+    color?: string;
+    tooltip?: string;
+    defaultBackgroundColor?: string;
+    disabledTooltip?: boolean;
+}
+interface TrackerChartProps extends React.ComponentProps<'div'>, Pick<TrackerChartBlockProps, 'disabledTooltip'> {
+    data: TrackerChartBlockProps[];
+    defaultBackgroundColor?: string;
+    isLoading?: boolean;
+    loadingBlocks?: number;
+}
+declare const TrackerChart: ({ data, disabledTooltip, isLoading, loadingBlocks, className, ref, ...props }: TrackerChartProps) => react_jsx_runtime.JSX.Element;
+
 type ChatMessage = {
     role: 'user' | 'assistant';
     content: string;
@@ -726,6 +1194,7 @@ declare const KeyboardShortcut: {
     displayName: string;
 };
 
+declare function markMenuRoundable<P>(Component: React$1.ComponentType<P>): React$1.ComponentType<P>;
 type DropdownMenuProps = Omit<Menu.Root.Props, 'onOpenChange'> & {
     onOpenChange?: (open: boolean) => void;
 };
@@ -734,32 +1203,40 @@ declare function DropdownMenuPortal({ children, ...props }: Menu.Portal.Props):
 declare function DropdownMenuTrigger({ className, asChild, children, ...props }: Menu.Trigger.Props & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, align, side, children, ...props }: Menu.Positioner.Props & {
+declare function DropdownMenuContent({ className, sideOffset, align, side, rounded, children, ...props }: Menu.Positioner.Props & {
     sideOffset?: number;
+    rounded?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuGroup({ children, ...props }: Menu.Group.Props): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, resetClassName, asChild, children, ...props }: Menu.Item.Props & {
-    inset?: boolean;
+declare function DropdownMenuItem({ className, variant, resetClassName, asChild, children, 'data-menu-edge-first': edgeFirst, 'data-menu-edge-last': edgeLast, ...props }: Menu.Item.Props & {
     variant?: 'default' | 'destructive';
     resetClassName?: boolean;
     asChild?: boolean;
+    'data-menu-edge-first'?: boolean;
+    'data-menu-edge-last'?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, onCheckedChange, 'data-menu-edge-first': edgeFirst, 'data-menu-edge-last': edgeLast, ...props }: Menu.CheckboxItem.Props & {
+    'data-menu-edge-first'?: boolean;
+    'data-menu-edge-last'?: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, onCheckedChange, ...props }: Menu.CheckboxItem.Props): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuRadioGroup({ children, ...props }: Menu.RadioGroup.Props): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: Menu.RadioItem.Props): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
-    inset?: boolean;
+declare function DropdownMenuRadioItem({ className, children, 'data-menu-edge-first': edgeFirst, 'data-menu-edge-last': edgeLast, ...props }: Menu.RadioItem.Props & {
+    'data-menu-edge-first'?: boolean;
+    'data-menu-edge-last'?: boolean;
 }): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, ...props }: Menu.GroupLabel.Props): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<typeof KeyboardShortcut>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuSub({ children, ...props }: Menu.SubmenuRoot.Props): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
-    inset?: boolean;
+declare function DropdownMenuSubTrigger({ className, children, 'data-menu-edge-first': edgeFirst, 'data-menu-edge-last': edgeLast, ...props }: Menu.SubmenuTrigger.Props & {
+    'data-menu-edge-first'?: boolean;
+    'data-menu-edge-last'?: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSubContent({ className, sideOffset, alignOffset, children, }: {
+declare function DropdownMenuSubContent({ className, sideOffset, alignOffset, rounded, children, }: {
     className?: string;
     sideOffset?: number;
     alignOffset?: number;
+    rounded?: boolean;
     children?: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element | null;
 declare function DropdownMenuArrow({ className, ...props }: Menu.Arrow.Props): react_jsx_runtime.JSX.Element;
@@ -779,6 +1256,7 @@ declare const DropdownMenu: typeof DropdownMenuRoot & {
     SubContent: typeof DropdownMenuSubContent;
     SubTrigger: typeof DropdownMenuSubTrigger;
     Trigger: typeof DropdownMenuTrigger;
+    markRoundable: typeof markMenuRoundable;
 };
 
 declare function EmojiPickerRoot({ className, ...props }: React$1.ComponentProps<typeof EmojiPicker$1.Root>): react_jsx_runtime.JSX.Element;
@@ -834,10 +1312,12 @@ declare function InputGroupInput({ className, ...props }: InputGroupInputProps):
 declare namespace InputGroupInput {
     var displayName: string;
 }
-type InputGroupAddonProps = React$1.HTMLAttributes<HTMLDivElement> & {
-    align?: 'inline-start' | 'inline-end';
-};
-declare function InputGroupAddon({ align, className, ...props }: InputGroupAddonProps): react_jsx_runtime.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | null | undefined;
+    variant?: "default" | "filled" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputGroupAddonProps = React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof inputGroupAddonVariants>;
+declare function InputGroupAddon({ align, variant, className, ...props }: InputGroupAddonProps): react_jsx_runtime.JSX.Element;
 declare namespace InputGroupAddon {
     var displayName: string;
 }
@@ -1219,6 +1699,17 @@ declare const TextShimmer: React__default.MemoExoticComponent<typeof TextShimmer
 
 declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 
+declare function SliderRoot({ className, children, ...props }: Slider$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function SliderTrack({ className, ...props }: Slider$1.Track.Props): react_jsx_runtime.JSX.Element;
+declare function SliderIndicator({ className, ...props }: Slider$1.Indicator.Props): react_jsx_runtime.JSX.Element;
+declare function SliderThumb({ className, ...props }: Slider$1.Thumb.Props): react_jsx_runtime.JSX.Element;
+declare const Slider: typeof SliderRoot & {
+    Control: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.SliderControlProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+    Track: typeof SliderTrack;
+    Indicator: typeof SliderIndicator;
+    Thumb: typeof SliderThumb;
+};
+
 declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & {
     containerClassName?: string;
 } & React$1.RefAttributes<HTMLTableElement>> & {
@@ -1323,19 +1814,6 @@ type AppToasterProps = Omit<ToasterProps, 'theme'> & {
 };
 declare const Toaster: ({ theme: themeProp, toastOptions, style, className, richColors, ...props }: AppToasterProps) => react_jsx_runtime.JSX.Element;
 
-interface TrackerBlockProps {
-    key?: string | number;
-    color?: string;
-    tooltip?: string;
-    defaultBackgroundColor?: string;
-    disabledTooltip?: boolean;
-}
-interface TrackerProps extends React.ComponentProps<'div'>, Pick<TrackerBlockProps, 'disabledTooltip'> {
-    data: TrackerBlockProps[];
-    defaultBackgroundColor?: string;
-}
-declare const Tracker: ({ data, disabledTooltip, className, ref, ...props }: TrackerProps) => react_jsx_runtime.JSX.Element;
-
 type VideoPlayerProps = ComponentProps<typeof MediaController>;
 declare const VideoPlayer: ({ style, ...props }: VideoPlayerProps) => react_jsx_runtime.JSX.Element;
 type VideoPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;
@@ -1369,52 +1847,6 @@ declare const Avatar: typeof AvatarRoot & {
 
 declare function Calendar({ className, classNames, showOutsideDays, components: userComponents, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
 
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-type ChartConfig = {
-    [k in string]: {
-        label?: React$1.ReactNode;
-        icon?: React$1.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare function ChartRoot({ id, className, children, config, ...props }: React$1.ComponentProps<'div'> & {
-    config: ChartConfig;
-    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
-}): react_jsx_runtime.JSX.Element;
-/** Recharts injects these when rendering tooltip content; callers may omit them. */
-type TooltipInjectedProps = 'active' | 'payload' | 'coordinate' | 'accessibilityLayer' | 'activeIndex';
-type ChartTooltipContentProps = Omit<TooltipContentProps, TooltipInjectedProps> & Partial<Pick<TooltipContentProps, TooltipInjectedProps>> & React$1.ComponentProps<'div'> & {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: 'line' | 'dot' | 'dashed';
-    nameKey?: string;
-    labelKey?: string;
-    color?: string;
-};
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): react_jsx_runtime.JSX.Element | null;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<'div'> & Pick<DefaultLegendContentProps, 'payload' | 'verticalAlign'> & {
-    hideIcon?: boolean;
-    nameKey?: string;
-}): react_jsx_runtime.JSX.Element | null;
-declare const Chart: typeof ChartRoot & {
-    Legend: React$1.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React$1.ReactPortal | null>;
-    LegendContent: typeof ChartLegendContent;
-    Style: ({ id, config }: {
-        id: string;
-        config: ChartConfig;
-    }) => react_jsx_runtime.JSX.Element | null;
-    Tooltip: typeof RechartsPrimitive.Tooltip;
-    TooltipContent: typeof ChartTooltipContent;
-};
-
 declare const collapsibleRootVariants: (props?: ({
     variant?: "row" | "card" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1495,9 +1927,10 @@ declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawe
 declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
 declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
 declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
-declare function DrawerContent({ className, children, title, showDivider, onOpenAutoFocus, ...props }: React$1.ComponentProps<typeof Drawer$1.Content> & {
+declare function DrawerContent({ className, children, title, showDivider, rounded, onOpenAutoFocus, ...props }: React$1.ComponentProps<typeof Drawer$1.Content> & {
     title?: string;
     showDivider?: boolean;
+    rounded?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
 declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
@@ -1537,4 +1970,4 @@ declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_r
     ScrollBar: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ScrollAreaScrollbarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 };
 
-export { ANNOUNCEMENT_TYPES, Accordion, ActionGroup, Alert, AnnouncementBanner, type AnnouncementBannerProps, type AnnouncementType, AppShell, type AppShellSidebarItemData, Avatar, Badge, type BadgeProps, BrandDomainInput, type BrandIconName, Breadcrumb, Button, type ButtonVariants, Calendar, Card, CardContent, CardFooter, CardHeader, CardSlider, Chart, type ChartConfig, ChatPreview, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, Command, type Country, type Currency, CurrencyInput, type CurrencyInputProps, type CustomIconName, DATA_CUSTOM_TABLE_VARIANTS, DEFAULT_DATA_CUSTOM_TABLE_VARIANT, DataCustomTable, type DataCustomTableVariant, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DataTableViewOptions, Devices, Dialog$1 as Dialog, DialogStack, Drawer, DropdownMenu, type DuoIconName, EmojiPicker, EmptyState, type FillIconName, HoverCard, type HoverCardContentProps, Icon, type IconProps, type IconSharedProps, type IconType, type IconVariant, ImageUpload, type ImageUploadProps, Input, InputGroup, type InputProps, InputTime, InputTimePicker, type InputTimePickerProps, type InputTimeProps, type InputTimeType, InputTimeUnit, type InputTimeUnitProps, Kbd, type KbdKey, type KbdProps, Label, LanguageSwitch, Loader, Marquee, MarqueeContent, type MarqueeContentProps, MarqueeFade, type MarqueeFadeProps, MarqueeItem, type MarqueeItemProps, type MarqueeProps, NetworkStatus, OnneLogo, OnnebookLogo, PhoneInput, type PhoneInputProps, Popover, Progress, RadioGroup, SIDEBAR_WIDTH, ScrollArea, Select, SelectInfiniteScroll, type SelectInfiniteScrollProps, SelectMulti, type SelectMultiProps, Separator, Sheet, Sidebar, Skeleton, type SocialIconName, TIME_UNITS, Table, Tabs, Text, TextShimmer, type TextShimmerProps, Textarea, type ThemeIcon, type TimeUnit, type TimeUnitLabel, type TimeUnitOption, Toaster, Tracker, type TrackerBlockProps, VideoPlayer, VideoPlayerContent, type VideoPlayerContentProps, VideoPlayerControlBar, type VideoPlayerControlBarProps, VideoPlayerMuteButton, type VideoPlayerMuteButtonProps, VideoPlayerPlayButton, type VideoPlayerPlayButtonProps, type VideoPlayerProps, VideoPlayerSeekBackwardButton, type VideoPlayerSeekBackwardButtonProps, VideoPlayerSeekForwardButton, type VideoPlayerSeekForwardButtonProps, VideoPlayerTimeDisplay, type VideoPlayerTimeDisplayProps, VideoPlayerTimeRange, type VideoPlayerTimeRangeProps, VideoPlayerVolumeRange, type VideoPlayerVolumeRangeProps, badgeVariants, buttonVariants, collapsibleContentVariants, collapsibleRootVariants, collapsibleTriggerSettingsOverlayVariants, resolveThemeIcon, useAppShellRightSidebar, useCollapsibleOpen, useDialog, useDialogStack, useOptionalCollapsibleContext, useSidebar };
+export { ANNOUNCEMENT_TYPES, Accordion, ActionGroup, Alert, AnnouncementBanner, type AnnouncementBannerProps, type AnnouncementType, AppShell, type AppShellSidebarItemData, AreaChart, Avatar, type BackgroundVariant, Badge, type BadgeProps, BarChart, BrandDomainInput, type BrandIconName, Breadcrumb, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonVariants, Calendar, Card, CardContent, CardFooter, CardHeader, CardSlider, ChartBackground, ChartBrush, type ChartBrushProps, type ChartBrushRange, type ChartBrushVariant, type ChartConfig, ChartContainer, ChartDot, ChartLegend, ChartLegendContent, type ChartLegendVariant, ChartStyle, ChartTooltip, ChartTooltipContent, ChatPreview, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, Command, type Country, type Currency, CurrencyInput, type CurrencyInputProps, type CustomIconName, DATA_CUSTOM_TABLE_VARIANTS, DEFAULT_DATA_CUSTOM_TABLE_VARIANT, DataCustomTable, type DataCustomTableVariant, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DataTableViewOptions, Devices, Dialog$1 as Dialog, DialogStack, type DotVariant, Drawer, DropdownMenu, type DuoIconName, EmojiPicker, EmptyState, type FillIconName, HoverCard, type HoverCardContentProps, Icon, type IconProps, type IconSharedProps, type IconType, type IconVariant, ImageUpload, type ImageUploadProps, Input, InputGroup, type InputProps, InputTime, InputTimePicker, type InputTimePickerProps, type InputTimeProps, type InputTimeType, InputTimeUnit, type InputTimeUnitProps, Kbd, type KbdKey, type KbdProps, Label, LanguageSwitch, LineChart, Loader, LoadingIndicator, Marquee, MarqueeContent, type MarqueeContentProps, MarqueeFade, type MarqueeFadeProps, MarqueeItem, type MarqueeItemProps, type MarqueeProps, NetworkStatus, OnneLogo, OnnebookLogo, PhoneInput, type PhoneInputProps, PieChart, Popover, Progress, RadioGroup, SIDEBAR_WIDTH, ScrollArea, Select, SelectInfiniteScroll, type SelectInfiniteScrollProps, SelectMulti, type SelectMultiProps, Separator, Sheet, Sidebar, Skeleton, Slider, type SocialIconName, TIME_UNITS, Table, Tabs, Text, TextShimmer, type TextShimmerProps, Textarea, type ThemeIcon, type TimeUnit, type TimeUnitLabel, type TimeUnitOption, Toaster, type TooltipRoundness, type TooltipVariant, TrackerChart, type TrackerChartBlockProps, VideoPlayer, VideoPlayerContent, type VideoPlayerContentProps, VideoPlayerControlBar, type VideoPlayerControlBarProps, VideoPlayerMuteButton, type VideoPlayerMuteButtonProps, VideoPlayerPlayButton, type VideoPlayerPlayButtonProps, type VideoPlayerProps, VideoPlayerSeekBackwardButton, type VideoPlayerSeekBackwardButtonProps, VideoPlayerSeekForwardButton, type VideoPlayerSeekForwardButtonProps, VideoPlayerTimeDisplay, type VideoPlayerTimeDisplayProps, VideoPlayerTimeRange, type VideoPlayerTimeRangeProps, VideoPlayerVolumeRange, type VideoPlayerVolumeRangeProps, axisValueToPercentFormatter, badgeVariants, buttonGroupVariants, buttonVariants, collapsibleContentVariants, collapsibleRootVariants, collapsibleTriggerSettingsOverlayVariants, getColorsCount, getLoadingData, getPayloadConfigFromPayload, resolveThemeIcon, useAppShellLeftSidebar, useAppShellRightSidebar, useChart, useChartBrush, useCollapsibleOpen, useDialog, useDialogStack, useLeftSidebarToggle, useOptionalCollapsibleContext, useRightSidebarToggle, useSidebar };