@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/button-group/button-group.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { Separator } from "../separator/separator.js";
+import { cn } from "../../lib/utils.js";
+const buttonGroupVariants = cva("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", {
+    variants: {
+        orientation: {
+            horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+        }
+    },
+    defaultVariants: {
+        orientation: "horizontal"
+    }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        role: "group",
+        "data-slot": "button-group",
+        "data-orientation": orientation,
+        className: cn(buttonGroupVariants({
+            orientation
+        }), className),
+        ...props
+    });
+}
+function ButtonGroupText({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ jsx(Comp, {
+        className: cn("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        "data-slot": "button-group-separator",
+        orientation: orientation,
+        className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className),
+        ...props
+    });
+}
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/registry/calendar/calendar.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { type DayButton, DayPicker } from "react-day-picker";
+import { Button } from "../button/button";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };

package/dist/registry/calendar/calendar.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { useEffect, useRef } from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { Button, buttonVariants } from "../button/button.js";
+import { cn } from "../../lib/utils.js";
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    return /*#__PURE__*/ jsx(DayPicker, {
+        showOutsideDays: showOutsideDays,
+        className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+        captionLayout: captionLayout,
+        formatters: {
+            formatMonthDropdown: (date)=>date.toLocaleString("default", {
+                    month: "short"
+                }),
+            ...formatters
+        },
+        classNames: {
+            root: cn("w-fit", defaultClassNames.root),
+            months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
+            month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+            nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+            button_previous: cn(buttonVariants({
+                variant: buttonVariant
+            }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+            button_next: cn(buttonVariants({
+                variant: buttonVariant
+            }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
+            month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
+            dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
+            dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
+            dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
+            caption_label: cn("select-none font-medium", "label" === captionLayout ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
+            weekdays: cn("flex", defaultClassNames.weekdays),
+            weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
+            week: cn("flex w-full mt-2", defaultClassNames.week),
+            week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
+            week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
+            day: cn("relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
+            range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+            range_middle: cn("rounded-none", defaultClassNames.range_middle),
+            range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+            today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+            hidden: cn("invisible", defaultClassNames.hidden),
+            ...classNames
+        },
+        components: {
+            Root: ({ className: rootClassName, rootRef, ...rootProps })=>/*#__PURE__*/ jsx("div", {
+                    "data-slot": "calendar",
+                    ref: rootRef,
+                    className: cn(rootClassName),
+                    ...rootProps
+                }),
+            Chevron: ({ className: chevronClassName, orientation, ...chevronProps })=>{
+                if ("left" === orientation) return /*#__PURE__*/ jsx(ChevronLeftIcon, {
+                    className: cn("size-4", chevronClassName),
+                    ...chevronProps
+                });
+                if ("right" === orientation) return /*#__PURE__*/ jsx(ChevronRightIcon, {
+                    className: cn("size-4", chevronClassName),
+                    ...chevronProps
+                });
+                return /*#__PURE__*/ jsx(ChevronDownIcon, {
+                    className: cn("size-4", chevronClassName),
+                    ...chevronProps
+                });
+            },
+            DayButton: CalendarDayButton,
+            WeekNumber: ({ children, ...weekNumberProps })=>/*#__PURE__*/ jsx("td", {
+                    ...weekNumberProps,
+                    children: /*#__PURE__*/ jsx("div", {
+                        className: "flex size-(--cell-size) items-center justify-center text-center",
+                        children: children
+                    })
+                }),
+            ...components
+        },
+        ...props
+    });
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    const ref = useRef(null);
+    useEffect(()=>{
+        if (modifiers.focused) ref.current?.focus();
+    }, [
+        modifiers.focused
+    ]);
+    return /*#__PURE__*/ jsx(Button, {
+        ref: ref,
+        variant: "ghost",
+        size: "icon",
+        "data-day": day.date.toLocaleDateString(),
+        "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+        "data-range-start": modifiers.range_start,
+        "data-range-end": modifiers.range_end,
+        "data-range-middle": modifiers.range_middle,
+        className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+        ...props
+    });
+}
+export { Calendar, CalendarDayButton };

package/dist/registry/card/card.d.ts

@@ -0,0 +1,19 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+export declare const GLASS_CLASSES: readonly ["bg-white/55 border border-white/80 rounded-2xl backdrop-blur-sm", "shadow-[0_2px_16px_2px_rgba(0,0,0,0.05),inset_0_1px_0_0_rgba(255,255,255,0.6)]", "dark:bg-white/[0.055] dark:border-white/[0.03]", "dark:shadow-[0_2px_24px_2px_rgba(0,0,0,0.12),inset_0_1px_0_0_color-mix(in_srgb,var(--sidebar)_5%,transparent)]"];
+declare const cardVariants: (props?: ({
+    variant?: "dashboard" | "solid" | "default" | "glass" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface CardProps extends React.ComponentProps<"div">, VariantProps<typeof cardVariants> {
+    selectable?: "standard" | "ai";
+    selected?: boolean;
+}
+declare function Card({ className, variant, selectable, selected, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, cardVariants, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+export type { CardProps };

package/dist/registry/card/card.js

@@ -0,0 +1,110 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import "react";
+import { cn } from "../../lib/utils.js";
+const GLASS_CLASSES = [
+    "bg-white/55 border border-white/80 rounded-2xl backdrop-blur-sm",
+    "shadow-[0_2px_16px_2px_rgba(0,0,0,0.05),inset_0_1px_0_0_rgba(255,255,255,0.6)]",
+    "dark:bg-white/[0.055] dark:border-white/[0.03]",
+    "dark:shadow-[0_2px_24px_2px_rgba(0,0,0,0.12),inset_0_1px_0_0_color-mix(in_srgb,var(--sidebar)_5%,transparent)]"
+];
+const cardVariants = cva("flex flex-col gap-6 py-6 text-card-foreground", {
+    variants: {
+        variant: {
+            default: GLASS_CLASSES,
+            solid: "bg-card rounded-xl border",
+            glass: GLASS_CLASSES,
+            dashboard: [
+                ...GLASS_CLASSES,
+                "gap-6 py-6"
+            ]
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+function Card({ className, variant, selectable, selected = false, children, ...props }) {
+    if (selectable) {
+        const isAi = "ai" === selectable;
+        return /*#__PURE__*/ jsxs("div", {
+            className: "relative group/card h-full",
+            "data-slot": "card",
+            "data-variant": variant,
+            "data-selectable": selectable,
+            children: [
+                isAi ? /*#__PURE__*/ jsx("div", {
+                    className: cn("absolute inset-0 rounded-2xl pointer-events-none blur-xl", "transition-opacity duration-150", selected ? "opacity-100" : "opacity-0"),
+                    style: {
+                        background: "var(--ai-gradient)"
+                    }
+                }) : /*#__PURE__*/ jsx("div", {
+                    className: cn("absolute inset-0 rounded-2xl pointer-events-none blur-xl bg-primary-400/15 dark:bg-primary-400/20", "transition-opacity duration-150", selected ? "opacity-100" : "opacity-0")
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: cn("absolute inset-0 rounded-2xl pointer-events-none blur-xl bg-primary-400/15 dark:bg-primary-400/20", "opacity-0 transition-opacity duration-150", !selected && "group-hover/card:opacity-100")
+                }),
+                /*#__PURE__*/ jsx("button", {
+                    ...props,
+                    type: "button",
+                    "aria-pressed": selected,
+                    className: cn("relative w-full h-full flex flex-col text-left p-5 text-card-foreground", GLASS_CLASSES, "transition-all duration-150 cursor-pointer", "focus-visible:ring-2 focus-visible:ring-primary focus-visible:outline-none", selected ? "border-primary dark:border-primary bg-card dark:bg-card" : "hover:bg-card dark:hover:bg-card", className),
+                    children: children
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "card",
+        "data-variant": variant,
+        className: cn(cardVariants({
+            variant,
+            className
+        })),
+        ...props,
+        children: children
+    });
+}
+function CardHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "card-header",
+        className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+        ...props
+    });
+}
+function CardTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "card-title",
+        className: cn("leading-none font-semibold", className),
+        ...props
+    });
+}
+function CardDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "card-description",
+        className: cn("text-muted-foreground text-sm", className),
+        ...props
+    });
+}
+function CardAction({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "card-action",
+        className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+        ...props
+    });
+}
+function CardContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "card-content",
+        className: cn("px-6", className),
+        ...props
+    });
+}
+function CardFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "card-footer",
+        className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+        ...props
+    });
+}
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, GLASS_CLASSES, cardVariants };

package/dist/registry/carousel/carousel.d.ts

@@ -0,0 +1,19 @@
+import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
+import * as React from "react";
+import { Button } from "../button/button";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): import("react/jsx-runtime").JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/registry/carousel/carousel.js

@@ -0,0 +1,145 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import embla_carousel_react from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { createContext, useContext, useEffect, useState } from "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Button } from "../button/button.js";
+import { cn } from "../../lib/utils.js";
+const CarouselContext = /*#__PURE__*/ createContext(null);
+function useCarousel() {
+    const context = useContext(CarouselContext);
+    if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+    return context;
+}
+function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
+    const [carouselRef, api] = embla_carousel_react({
+        ...opts,
+        axis: "horizontal" === orientation ? "x" : "y"
+    }, plugins);
+    const [canScrollPrev, setCanScrollPrev] = useState(false);
+    const [canScrollNext, setCanScrollNext] = useState(false);
+    function onSelect(carouselApi) {
+        if (!carouselApi) return;
+        setCanScrollPrev(carouselApi.canScrollPrev());
+        setCanScrollNext(carouselApi.canScrollNext());
+    }
+    function scrollPrev() {
+        api?.scrollPrev();
+    }
+    function scrollNext() {
+        api?.scrollNext();
+    }
+    function handleKeyDown(event) {
+        if ("ArrowLeft" === event.key) {
+            event.preventDefault();
+            scrollPrev();
+        } else if ("ArrowRight" === event.key) {
+            event.preventDefault();
+            scrollNext();
+        }
+    }
+    useEffect(()=>{
+        if (!api || !setApi) return;
+        setApi(api);
+    }, [
+        api,
+        setApi
+    ]);
+    useEffect(()=>{
+        if (!api) return;
+        onSelect(api);
+        api.on("reInit", onSelect);
+        api.on("select", onSelect);
+        return ()=>{
+            api?.off("select", onSelect);
+        };
+    }, [
+        api,
+        onSelect
+    ]);
+    return /*#__PURE__*/ jsx(CarouselContext.Provider, {
+        value: {
+            carouselRef,
+            api: api,
+            opts,
+            orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+            scrollPrev,
+            scrollNext,
+            canScrollPrev,
+            canScrollNext
+        },
+        children: /*#__PURE__*/ jsx("div", {
+            onKeyDownCapture: handleKeyDown,
+            className: cn("relative", className),
+            role: "region",
+            "aria-roledescription": "carousel",
+            "data-slot": "carousel",
+            ...props,
+            children: children
+        })
+    });
+}
+function CarouselContent({ className, ...props }) {
+    const { carouselRef, orientation } = useCarousel();
+    return /*#__PURE__*/ jsx("div", {
+        ref: carouselRef,
+        className: "overflow-hidden",
+        "data-slot": "carousel-content",
+        children: /*#__PURE__*/ jsx("div", {
+            className: cn("flex", "horizontal" === orientation ? "-ml-4" : "-mt-4 flex-col", className),
+            ...props
+        })
+    });
+}
+function CarouselItem({ className, ...props }) {
+    const { orientation } = useCarousel();
+    return /*#__PURE__*/ jsx("div", {
+        role: "group",
+        "aria-roledescription": "slide",
+        "data-slot": "carousel-item",
+        className: cn("min-w-0 shrink-0 grow-0 basis-full", "horizontal" === orientation ? "pl-4" : "pt-4", className),
+        ...props
+    });
+}
+function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
+    const { t } = useVertexTranslation();
+    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+    return /*#__PURE__*/ jsxs(Button, {
+        "data-slot": "carousel-previous",
+        variant: variant,
+        size: size,
+        className: cn("absolute size-8 rounded-full", "horizontal" === orientation ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+        disabled: !canScrollPrev,
+        onClick: scrollPrev,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(ArrowLeft, {}),
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: t("previous_slide")
+            })
+        ]
+    });
+}
+function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
+    const { t } = useVertexTranslation();
+    const { orientation, scrollNext, canScrollNext } = useCarousel();
+    return /*#__PURE__*/ jsxs(Button, {
+        "data-slot": "carousel-next",
+        variant: variant,
+        size: size,
+        className: cn("absolute size-8 rounded-full", "horizontal" === orientation ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+        disabled: !canScrollNext,
+        onClick: scrollNext,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(ArrowRight, {}),
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: t("next_slide")
+            })
+        ]
+    });
+}
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };

package/dist/registry/chart/chart.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}): import("react/jsx-runtime").JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };