@codefast/ui 0.3.15 → 0.3.16-canary.1

package/dist/components/breadcrumb.mjs

@@ -4,6 +4,9 @@ import { Slot } from "@radix-ui/react-slot";
 import { ChevronRightIcon, EllipsisIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/breadcrumb.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function Breadcrumb({ ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"aria-label": "breadcrumb",
@@ -11,6 +14,9 @@ function Breadcrumb({ ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function BreadcrumbList({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ol", {
 		className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground", "sm:gap-2", className),
@@ -18,6 +24,9 @@ function BreadcrumbList({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function BreadcrumbItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		className: cn("inline-flex items-center gap-1.5", className),
@@ -25,6 +34,9 @@ function BreadcrumbItem({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function BreadcrumbLink({ asChild, className, ...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
 		className: cn("transition-colors", "hover:text-foreground", className),
@@ -32,6 +44,9 @@ function BreadcrumbLink({ asChild, className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function BreadcrumbPage({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		"aria-current": "page",
@@ -41,6 +56,9 @@ function BreadcrumbPage({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function BreadcrumbSeparator({ children, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"aria-hidden": "true",
@@ -50,6 +68,9 @@ function BreadcrumbSeparator({ children, ...props }) {
 		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5" })
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function BreadcrumbEllipsis({ className, ...props }) {
 	return /* @__PURE__ */ jsxs("span", {
 		"aria-hidden": "true",

package/dist/components/button-group.d.mts

@@ -4,27 +4,48 @@ import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/button-group.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const buttonGroupVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
   orientation: {
     horizontal: string[];
     vertical: string[];
   };
 }, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ButtonGroupProps = ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ButtonGroup({
   className,
   orientation,
   ...props
 }: ButtonGroupProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface ButtonGroupTextProps extends ComponentProps<"div"> {
   asChild?: boolean;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ButtonGroupText({
   asChild,
   className,
   ...props
 }: ButtonGroupTextProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ButtonGroupSeparatorProps = ComponentProps<typeof Separator>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ButtonGroupSeparator({
   className,
   orientation,

package/dist/components/button-group.mjs

@@ -4,6 +4,9 @@ import { Separator } from "./separator.mjs";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/button-group.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const buttonGroupVariants = tv({
 	base: [
 		"flex w-fit items-stretch",
@@ -23,6 +26,9 @@ const buttonGroupVariants = tv({
 		]
 	} }
 });
+/**
+* @since 0.3.16-canary.0
+*/
 function ButtonGroup({ className, orientation, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: buttonGroupVariants({
@@ -35,12 +41,18 @@ function ButtonGroup({ className, orientation, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function ButtonGroupText({ asChild = false, className, ...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		className: cn("flex items-center gap-2", "px-4", "rounded-lg border", "bg-muted shadow-xs", "text-sm font-medium", "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
 	return /* @__PURE__ */ jsx(Separator, {
 		className: cn("relative self-stretch", "bg-input", "data-vertical:h-auto", "!m-0", className),

package/dist/components/button.d.mts

@@ -3,6 +3,9 @@ import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/button.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const buttonVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
   size: {
     "icon-sm": string;
@@ -21,10 +24,16 @@ declare const buttonVariants: _$_codefast_tailwind_variants0.VariantFunctionType
     secondary: string[];
   };
 }, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
   type?: ComponentProps<"button">["type"];
 };
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Button({
   asChild,
   children,

package/dist/components/button.mjs

@@ -2,6 +2,9 @@ import { tv } from "../lib/utils.mjs";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/button.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const buttonVariants = tv({
 	base: [
 		"inline-flex shrink-0 items-center justify-center gap-2",
@@ -69,6 +72,9 @@ const buttonVariants = tv({
 		}
 	}
 });
+/**
+* @since 0.3.16-canary.0
+*/
 function Button({ asChild = false, children, className, size, type = "button", variant, ...props }) {
 	const Comp = asChild ? Slot : "button";
 	if (asChild) return /* @__PURE__ */ jsx(Comp, {

package/dist/components/calendar.d.mts

@@ -3,9 +3,15 @@ import { ComponentProps, JSX } from "react";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region src/components/calendar.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type CalendarProps = ComponentProps<typeof DayPicker> & {
   buttonVariant?: ComponentProps<typeof Button>["variant"];
 };
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Calendar({
   buttonVariant,
   captionLayout,
@@ -16,7 +22,13 @@ declare function Calendar({
   showOutsideDays,
   ...props
 }: CalendarProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CalendarDayButtonProps = ComponentProps<typeof DayButton>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CalendarDayButton({
   className,
   day,

package/dist/components/calendar.mjs

@@ -6,6 +6,9 @@ import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
 //#region src/components/calendar.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function Calendar({ buttonVariant = "ghost", captionLayout = "label", className, classNames, components, formatters, showOutsideDays = true, ...props }) {
 	const defaultClassNames = getDefaultClassNames();
 	return /* @__PURE__ */ jsx(DayPicker, {
@@ -36,7 +39,7 @@ function Calendar({ buttonVariant = "ghost", captionLayout = "label", className,
 			range_middle: cn("rounded-none", defaultClassNames.range_middle),
 			range_start: cn("rounded-l-md", "bg-accent", defaultClassNames.range_start),
 			root: cn("w-fit", defaultClassNames.root),
-			table: "w-full border-collapse",
+			month_grid: "w-full border-collapse",
 			today: cn("rounded-md", "bg-accent text-accent-foreground", "data-selected:rounded-none", defaultClassNames.today),
 			week: cn("flex w-full", "mt-2", defaultClassNames.week),
 			week_number: cn("text-[0.8rem] text-muted-foreground", "select-none", defaultClassNames.week_number),
@@ -91,6 +94,9 @@ function CalendarWeekNumber({ children, ...props }) {
 		})
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function CalendarDayButton({ className, day, modifiers, ...props }) {
 	const defaultClassNames = getDefaultClassNames();
 	const ref = useRef(null);

package/dist/components/card.d.mts

@@ -1,38 +1,80 @@
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/card.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type CardProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Card({
   className,
   ...props
 }: CardProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CardHeaderProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CardHeader({
   className,
   ...props
 }: CardHeaderProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CardTitleProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CardTitle({
   children,
   className,
   ...props
 }: CardTitleProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CardDescriptionProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CardDescription({
   className,
   ...props
 }: CardDescriptionProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CardContentProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CardContent({
   className,
   ...props
 }: CardContentProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CardFooterProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CardFooter({
   className,
   ...props
 }: CardFooterProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CardActionProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CardAction({
   className,
   ...props

package/dist/components/card.mjs

@@ -1,6 +1,9 @@
 import { cn } from "../lib/utils.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/card.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function Card({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex flex-col gap-6 overflow-auto py-6", "rounded-xl border", "bg-card text-card-foreground shadow-sm", className),
@@ -8,6 +11,9 @@ function Card({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function CardHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5", "px-6", "has-[data-slot=card-action]:grid-cols-[1fr_auto]", "[.border-b]:pb-6", className),
@@ -15,6 +21,9 @@ function CardHeader({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function CardTitle({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("leading-none font-semibold", className),
@@ -23,6 +32,9 @@ function CardTitle({ children, className, ...props }) {
 		children
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function CardDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("text-sm text-muted-foreground", className),
@@ -30,6 +42,9 @@ function CardDescription({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function CardContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("px-6", className),
@@ -37,6 +52,9 @@ function CardContent({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function CardFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex items-center", "px-6", "[.border-t]:pt-6", className),
@@ -44,6 +62,9 @@ function CardFooter({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function CardAction({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),

package/dist/components/carousel.d.mts

@@ -9,6 +9,9 @@ type ScopedProps<P> = P & {
   __scopeCarousel?: Scope;
 };
 declare const createCarouselScope: _$_radix_ui_react_context0.CreateScope;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];
@@ -19,7 +22,13 @@ interface BaseCarouselProps {
   plugins?: CarouselPlugin;
   setApi?: (api: CarouselApi) => void;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 interface CarouselProps extends BaseCarouselProps, ComponentProps<"div"> {}
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Carousel({
   __scopeCarousel,
   children,
@@ -30,25 +39,43 @@ declare function Carousel({
   setApi,
   ...props
 }: ScopedProps<CarouselProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface CarouselContentProps extends ComponentProps<"div"> {
   classNames?: {
     content?: string;
     wrapper?: string;
   };
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CarouselContent({
   __scopeCarousel,
   className,
   classNames,
   ...props
 }: ScopedProps<CarouselContentProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CarouselItemProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CarouselItem({
   __scopeCarousel,
   className,
   ...props
 }: ScopedProps<CarouselItemProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CarouselPreviousProps = ComponentProps<typeof Button>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CarouselPrevious({
   __scopeCarousel,
   className,
@@ -56,7 +83,13 @@ declare function CarouselPrevious({
   variant,
   ...props
 }: ScopedProps<CarouselPreviousProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type CarouselNextProps = ComponentProps<typeof Button>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function CarouselNext({
   __scopeCarousel,
   className,

package/dist/components/carousel.mjs

@@ -10,6 +10,9 @@ import useEmblaCarousel from "embla-carousel-react";
 const CAROUSEL_NAME = "Carousel";
 const [createCarouselContext, createCarouselScope] = createContextScope(CAROUSEL_NAME);
 const [CarouselContextProvider, useCarouselContext] = createCarouselContext(CAROUSEL_NAME);
+/**
+* @since 0.3.16-canary.0
+*/
 function Carousel({ __scopeCarousel, children, className, opts, orientation, plugins, setApi, ...props }) {
 	const [carouselRef, api] = useEmblaCarousel({
 		...opts,
@@ -72,6 +75,9 @@ function Carousel({ __scopeCarousel, children, className, opts, orientation, plu
 	});
 }
 const CAROUSEL_CONTENT_NAME = "CarouselContent";
+/**
+* @since 0.3.16-canary.0
+*/
 function CarouselContent({ __scopeCarousel, className, classNames, ...props }) {
 	const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);
 	return /* @__PURE__ */ jsx("div", {
@@ -85,6 +91,9 @@ function CarouselContent({ __scopeCarousel, className, classNames, ...props }) {
 	});
 }
 const CAROUSEL_ITEM_NAME = "CarouselItem";
+/**
+* @since 0.3.16-canary.0
+*/
 function CarouselItem({ __scopeCarousel, className, ...props }) {
 	const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);
 	return /* @__PURE__ */ jsx("div", {
@@ -96,6 +105,9 @@ function CarouselItem({ __scopeCarousel, className, ...props }) {
 	});
 }
 const CAROUSEL_PREVIOUS_NAME = "CarouselPrevious";
+/**
+* @since 0.3.16-canary.0
+*/
 function CarouselPrevious({ __scopeCarousel, className, size = "icon", variant = "outline", ...props }) {
 	const { canScrollPrev, orientation, scrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);
 	return /* @__PURE__ */ jsxs(Button, {
@@ -114,6 +126,9 @@ function CarouselPrevious({ __scopeCarousel, className, size = "icon", variant =
 	});
 }
 const CAROUSEL_NEXT_NAME = "CarouselNext";
+/**
+* @since 0.3.16-canary.0
+*/
 function CarouselNext({ __scopeCarousel, className, size = "icon", variant = "outline", ...props }) {
 	const { canScrollNext, orientation, scrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);
 	return /* @__PURE__ */ jsxs(Button, {

package/dist/components/chart.d.mts

@@ -13,6 +13,9 @@ declare const THEMES: {
   readonly dark: ".dark";
   readonly light: "";
 };
+/**
+ * @since 0.3.16-canary.0
+ */
 type ChartConfig = Record<string, {
   label?: ReactNode;
   icon?: ComponentType;
@@ -27,10 +30,16 @@ type ScopedProps<P> = P & {
   __scopeChart?: Scope;
 };
 declare const createChartScope: _$_radix_ui_react_context0.CreateScope;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface ChartContainerProps extends ComponentProps<"div"> {
   children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
   config: ChartConfig;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ChartContainer({
   __scopeChart,
   children,
@@ -39,16 +48,31 @@ declare function ChartContainer({
   id,
   ...props
 }: ScopedProps<ChartContainerProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface ChartStyleProps {
   config: ChartConfig;
   id: string;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ChartStyle({
   config,
   id
 }: ChartStyleProps): ReactNode;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ChartTooltipProps<TValue extends ValueType, TName extends NameType> = TooltipProps<TValue, TName>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ChartTooltipContentProps<TValue extends ValueType, TName extends NameType> = Omit<MakeOptional<TooltipContentProps<TValue, TName>, "accessibilityLayer" | "active" | "activeIndex" | "coordinate" | "payload">, "payload"> & {
   hideIndicator?: boolean;
   hideLabel?: boolean;
@@ -57,8 +81,11 @@ type ChartTooltipContentProps<TValue extends ValueType, TName extends NameType>
   nameKey?: string;
   color?: string | undefined;
   className?: string | undefined;
-  payload?: Payload<TValue, TName>[];
+  payload?: Array<Payload<TValue, TName>>;
 };
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ChartTooltipContent<TValue extends ValueType, TName extends NameType>({
   __scopeChart,
   active,
@@ -75,12 +102,24 @@ declare function ChartTooltipContent<TValue extends ValueType, TName extends Nam
   nameKey,
   payload
 }: ScopedProps<ChartTooltipContentProps<TValue, TName>>): ReactNode;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ChartLegendProps = ComponentProps<typeof RechartsPrimitive.Legend>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const ChartLegend: _$react.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ChartLegendContentProps = ComponentProps<"div"> & ExtractProps<RechartsPrimitive.LegendProps["content"]> & {
   hideIcon?: boolean;
   nameKey?: string;
 };
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ChartLegendContent({
   __scopeChart,
   className,

package/dist/components/chart.mjs

@@ -12,6 +12,9 @@ const THEMES = {
 const CHART_PROVIDER_NAME = "ChartProvider";
 const [createChartContext, createChartScope] = createContextScope(CHART_PROVIDER_NAME);
 const [ChartContextProvider, useChartContext] = createChartContext(CHART_PROVIDER_NAME);
+/**
+* @since 0.3.16-canary.0
+*/
 function ChartContainer({ __scopeChart, children, className, config, id, ...props }) {
 	const uniqueId = useId();
 	const chartId = `chart-${id ?? uniqueId}`;
@@ -30,13 +33,22 @@ function ChartContainer({ __scopeChart, children, className, config, id, ...prop
 		})
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function ChartStyle({ config, id }) {
 	const colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.theme ?? itemConfig.color);
 	if (colorConfig.length === 0) return null;
 	return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: generateChartStyles(id, colorConfig) } });
 }
+/**
+* @since 0.3.16-canary.0
+*/
 const ChartTooltip = RechartsPrimitive.Tooltip;
 const CHART_TOOLTIP_CONTENT_NAME = "ChartTooltipContent";
+/**
+* @since 0.3.16-canary.0
+*/
 function ChartTooltipContent({ __scopeChart, active, className, color, formatter, hideIndicator = false, hideLabel = false, indicator = "dot", label, labelClassName, labelFormatter, labelKey, nameKey, payload = [] }) {
 	const { config } = useChartContext(CHART_TOOLTIP_CONTENT_NAME, __scopeChart);
 	const tooltipLabel = useMemo(() => {
@@ -105,8 +117,14 @@ function ChartTooltipContent({ __scopeChart, active, className, color, formatter
 		})]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 const ChartLegend = RechartsPrimitive.Legend;
 const CHART_LEGEND_CONTENT_NAME = "ChartLegendContent";
+/**
+* @since 0.3.16-canary.0
+*/
 function ChartLegendContent({ __scopeChart, className, hideIcon = false, nameKey, payload, verticalAlign = "bottom" }) {
 	const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);
 	if (!payload?.length) return null;