@clidey/ux 0.28.0 → 0.29.0

package/dist/index.d.ts

@@ -13,6 +13,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import { LucideIcon } from 'lucide-react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React_2 from 'react';
+import * as RechartsPrimitive from 'recharts';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -104,6 +105,50 @@ export declare function CardHeader({ className, ...props }: React_2.ComponentPro
 
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
+declare type ChartConfig = {
+    [k in string]: {
+        label?: React_2.ReactNode;
+        icon?: React_2.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+
+export declare function ChartContainer({ id, className, children, config, ...props }: React_2.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}): JSX.Element;
+
+export declare const ChartLegend: typeof RechartsPrimitive.Legend;
+
+export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React_2.ComponentProps<"div"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+    payload?: PayloadItem[];
+    verticalAlign?: "top" | "bottom";
+}): JSX.Element | null;
+
+export declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => JSX.Element | null;
+
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+
+export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React_2.ComponentProps<typeof RechartsPrimitive.Tooltip> & React_2.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+    payload?: PayloadItem[];
+    label?: string;
+}): JSX.Element | null;
+
 export declare function Checkbox({ className, ...props }: React_2.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
 
 export declare function cn(...inputs: ClassValue[]): string;
@@ -266,6 +311,19 @@ export declare function PaginationNext({ className, ...props }: React_2.Componen
 
 export declare function PaginationPrevious({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
 
+declare type PayloadItem = {
+    type?: "none";
+    name?: string;
+    dataKey?: string;
+    value?: number;
+    color?: string;
+    payload?: {
+        fill?: string;
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+};
+
 export declare function Popover({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
 
 export declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element;
@@ -517,6 +575,11 @@ declare type ThemeProviderState = {
     setTheme: (theme: Theme) => void;
 };
 
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
 export { toast }
 
 export declare const Toaster: ({ className, ...props }: ToasterProps) => JSX.Element;