@caffeinebounce/ui 0.62.2

package/dist/blog.mjs

@@ -0,0 +1,279 @@
+import { Badge, Alert, AlertTitle, AlertDescription } from './chunk-GUSTCU2W.mjs';
+import { Card, CardContent, CardHeader, CardFooter } from './chunk-YL7RZRHM.mjs';
+import './chunk-MHZXUOGN.mjs';
+import './chunk-IMKLN273.mjs';
+import Image from 'next/image';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { formatDate } from '@caffeinebounce/shared-utils';
+import Link2 from 'next/link';
+import { ChevronLeft, ChevronRight, InfoIcon, AlertTriangleIcon, LightbulbIcon } from 'lucide-react';
+import { useState, useEffect } from 'react';
+
+function BlogAuthorCard({
+  name,
+  avatar,
+  bio,
+  links
+}) {
+  return /* @__PURE__ */ jsx(Card, { className: "border-border/50 bg-card/50 backdrop-blur-sm", children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-start gap-4 p-6", children: [
+    avatar ? /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: avatar,
+        alt: name,
+        width: 56,
+        height: 56,
+        className: "rounded-full object-cover shrink-0"
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "h-14 w-14 rounded-full bg-primary/10 flex items-center justify-center text-lg font-semibold text-primary shrink-0", children: name.charAt(0) }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-semibold text-sm", children: name }),
+      bio && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: bio }),
+      links && links.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-3 mt-2", children: links.map((link) => /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: link.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+          children: link.label
+        },
+        link.url
+      )) })
+    ] })
+  ] }) });
+}
+function BlogCardGrid({ posts, basePath = "/blog" }) {
+  if (posts.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No posts yet. Check back soon." });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: posts.map((post) => /* @__PURE__ */ jsx(
+    Link2,
+    {
+      href: `${basePath}/${post.slug}`,
+      className: "group block",
+      children: /* @__PURE__ */ jsxs(Card, { className: "h-full overflow-hidden border-border/50 bg-card/50 backdrop-blur-sm transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-lg group-hover:shadow-primary/5 group-hover:border-border", children: [
+        /* @__PURE__ */ jsx("div", { className: "relative h-48 w-full overflow-hidden", children: post.cover ? /* @__PURE__ */ jsx(
+          Image,
+          {
+            src: post.cover,
+            alt: post.title,
+            fill: true,
+            className: "object-cover transition-transform duration-500 group-hover:scale-105"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-gradient-to-br from-primary/20 via-primary/10 to-transparent" }) }),
+        /* @__PURE__ */ jsx(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold tracking-tight leading-snug group-hover:text-primary transition-colors", children: post.title }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "pb-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground mb-3", children: [
+            /* @__PURE__ */ jsx("time", { children: formatDate(post.date, {
+              month: "long",
+              day: "numeric",
+              year: "numeric"
+            }) }),
+            post.readingTime && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { children: post.readingTime })
+            ] })
+          ] }),
+          post.excerpt && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground line-clamp-2", children: post.excerpt })
+        ] }),
+        post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx(CardFooter, { className: "pt-0", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: post.tags.map((tag) => /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "secondary",
+            className: "text-xs font-normal",
+            children: tag
+          },
+          tag
+        )) }) })
+      ] })
+    },
+    post.slug
+  )) });
+}
+function BlogPostFooter({
+  prevPost,
+  nextPost,
+  basePath = "/blog"
+}) {
+  if (!prevPost && !nextPost) return null;
+  return /* @__PURE__ */ jsx("footer", { className: "mt-16 pt-8 border-t border-border/50", children: /* @__PURE__ */ jsxs("nav", { className: "flex items-center justify-between gap-4", children: [
+    prevPost ? /* @__PURE__ */ jsxs(
+      Link2,
+      {
+        href: `${basePath}/${prevPost.slug}`,
+        className: "group flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors",
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4 transition-transform group-hover:-translate-x-0.5" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-wide mb-0.5", children: "Previous" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: prevPost.title })
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("div", {}),
+    nextPost ? /* @__PURE__ */ jsxs(
+      Link2,
+      {
+        href: `${basePath}/${nextPost.slug}`,
+        className: "group flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors text-right",
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-wide mb-0.5", children: "Next" }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: nextPost.title })
+          ] }),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 transition-transform group-hover:translate-x-0.5" })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("div", {})
+  ] }) });
+}
+function BlogPostHeader({
+  title,
+  date,
+  author,
+  cover,
+  readingTime,
+  tags
+}) {
+  return /* @__PURE__ */ jsxs("header", { className: "mb-12", children: [
+    tags && tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 mb-4", children: tags.map((tag) => /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: "secondary",
+        className: "text-xs font-normal",
+        children: tag
+      },
+      tag
+    )) }),
+    /* @__PURE__ */ jsx("h1", { className: "text-4xl md:text-5xl font-bold tracking-tight leading-tight mb-4", children: title }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      author && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: author }),
+        /* @__PURE__ */ jsx("span", { children: "\xB7" })
+      ] }),
+      /* @__PURE__ */ jsx("time", { children: formatDate(date, {
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      }) }),
+      readingTime && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+        /* @__PURE__ */ jsx("span", { children: readingTime })
+      ] })
+    ] }),
+    cover && /* @__PURE__ */ jsx("div", { className: "relative mt-8 aspect-[2/1] w-full overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: cover,
+        alt: title,
+        fill: true,
+        priority: true,
+        className: "object-cover"
+      }
+    ) })
+  ] });
+}
+var calloutConfig = {
+  tip: {
+    icon: LightbulbIcon,
+    className: "border-emerald-500/30 bg-emerald-500/5 [&>svg]:text-emerald-500"
+  },
+  warning: {
+    icon: AlertTriangleIcon,
+    className: "border-amber-500/30 bg-amber-500/5 [&>svg]:text-amber-500"
+  },
+  note: {
+    icon: InfoIcon,
+    className: "border-blue-500/30 bg-blue-500/5 [&>svg]:text-blue-500"
+  }
+};
+function Callout({ type = "note", title, children }) {
+  const config = calloutConfig[type];
+  const Icon = config.icon;
+  return /* @__PURE__ */ jsxs(Alert, { className: `my-6 ${config.className}`, children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+    title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
+    /* @__PURE__ */ jsx(AlertDescription, { children })
+  ] });
+}
+function Blockquote(props) {
+  return /* @__PURE__ */ jsx(
+    "blockquote",
+    {
+      className: "border-l-2 border-primary/30 pl-6 my-6 text-muted-foreground italic",
+      ...props
+    }
+  );
+}
+function MdxImage(props) {
+  const { caption, alt, ...rest } = props;
+  return /* @__PURE__ */ jsxs("figure", { className: "my-8", children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        alt: alt ?? "",
+        className: "rounded-lg w-full",
+        loading: "lazy",
+        ...rest
+      }
+    ),
+    (caption ?? alt) && /* @__PURE__ */ jsx("figcaption", { className: "mt-2 text-center text-xs text-muted-foreground", children: caption ?? alt })
+  ] });
+}
+function createHeading(level) {
+  const Tag = `h${level}`;
+  return function Heading(props) {
+    return /* @__PURE__ */ jsx(Tag, { ...props });
+  };
+}
+var mdxComponents = {
+  h1: createHeading(1),
+  h2: createHeading(2),
+  h3: createHeading(3),
+  h4: createHeading(4),
+  blockquote: Blockquote,
+  img: MdxImage,
+  Callout
+};
+function TableOfContents({ headings }) {
+  const [activeId, setActiveId] = useState("");
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            setActiveId(entry.target.id);
+          }
+        }
+      },
+      { rootMargin: "-80px 0px -80% 0px" }
+    );
+    for (const heading of headings) {
+      const el = document.getElementById(heading.id);
+      if (el) observer.observe(el);
+    }
+    return () => observer.disconnect();
+  }, [headings]);
+  if (headings.length === 0) return null;
+  return /* @__PURE__ */ jsxs("nav", { className: "hidden lg:block sticky top-24", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-3", children: "On this page" }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-1.5 text-sm", children: headings.map((heading) => /* @__PURE__ */ jsx(
+      "li",
+      {
+        style: { paddingLeft: `${(heading.level - 2) * 12}px` },
+        children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `#${heading.id}`,
+            className: `block py-0.5 transition-colors hover:text-foreground ${activeId === heading.id ? "text-primary font-medium" : "text-muted-foreground"}`,
+            children: heading.text
+          }
+        )
+      },
+      heading.id
+    )) })
+  ] });
+}
+
+export { BlogAuthorCard, BlogCardGrid, BlogPostFooter, BlogPostHeader, Callout, TableOfContents, mdxComponents };

package/dist/button-BHnoRUkF.d.cts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+/**
+ * Hover effect styles for buttons
+ * - slide: Color slides up from bottom
+ * - glow: Adds a glow effect on hover
+ * - scale: Scales up slightly on hover
+ * - none: No hover effect
+ */
+type ButtonHoverEffect = "slide" | "glow" | "scale" | "none";
+/**
+ * Corner styles for buttons
+ * - default: Uses the shared global box radius
+ * - pill: Fully rounded ends (rounded-full)
+ * - sharp: No rounding (rounded-none)
+ */
+type ButtonCorners = "default" | "pill" | "sharp";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "premium" | "link" | "destructive" | "ghost" | "ghost-icon" | "muted" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-xs" | "icon-lg" | null | undefined;
+    corners?: "default" | "pill" | "sharp" | null | undefined;
+    hoverEffect?: "none" | "scale" | "slide" | "glow" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    /** Show loading spinner and disable button */
+    loading?: boolean;
+}
+declare function Button({ className, variant, size, corners, hoverEffect, asChild, loading, disabled, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button as B, type ButtonCorners as a, type ButtonHoverEffect as b, type ButtonProps as c, buttonVariants as d };

package/dist/button-BHnoRUkF.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+/**
+ * Hover effect styles for buttons
+ * - slide: Color slides up from bottom
+ * - glow: Adds a glow effect on hover
+ * - scale: Scales up slightly on hover
+ * - none: No hover effect
+ */
+type ButtonHoverEffect = "slide" | "glow" | "scale" | "none";
+/**
+ * Corner styles for buttons
+ * - default: Uses the shared global box radius
+ * - pill: Fully rounded ends (rounded-full)
+ * - sharp: No rounding (rounded-none)
+ */
+type ButtonCorners = "default" | "pill" | "sharp";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "premium" | "link" | "destructive" | "ghost" | "ghost-icon" | "muted" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-xs" | "icon-lg" | null | undefined;
+    corners?: "default" | "pill" | "sharp" | null | undefined;
+    hoverEffect?: "none" | "scale" | "slide" | "glow" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    /** Show loading spinner and disable button */
+    loading?: boolean;
+}
+declare function Button({ className, variant, size, corners, hoverEffect, asChild, loading, disabled, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+export { Button as B, type ButtonCorners as a, type ButtonHoverEffect as b, type ButtonProps as c, buttonVariants as d };

package/dist/charts.d.cts

@@ -0,0 +1,80 @@
+import * as recharts_types_chart_types from 'recharts/types/chart/types';
+import * as recharts_types_util_payload_getUniqPayload from 'recharts/types/util/payload/getUniqPayload';
+import * as recharts_types_state_tooltipSlice from 'recharts/types/state/tooltipSlice';
+import * as recharts_types_component_Cursor from 'recharts/types/component/Cursor';
+import * as recharts_types_component_Tooltip from 'recharts/types/component/Tooltip';
+import * as recharts_types_util_types from 'recharts/types/util/types';
+import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/component/DefaultTooltipContent';
+import * as recharts from 'recharts';
+import { ResponsiveContainer, Tooltip } from 'recharts';
+import * as React from 'react';
+
+type ChartConfig = Record<string, {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+    color?: string;
+    theme?: Record<"light" | "dark", string>;
+}>;
+type ChartTooltipPayloadItem = Record<string, unknown> & {
+    payload?: Record<string, unknown>;
+    name?: string;
+    dataKey?: string;
+    color?: string;
+    value?: number;
+};
+/**
+ * ChartContainer - Container for Recharts components with theme support
+ *
+ * @example
+ * <ChartContainer config={chartConfig}>
+ *   <LineChart data={data}>
+ *     <Line dataKey="value" />
+ *   </LineChart>
+ * </ChartContainer>
+ */
+declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof ResponsiveContainer>["children"];
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartTooltip: typeof Tooltip;
+declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<Omit<recharts.DefaultTooltipContentProps<recharts.TooltipValueType, recharts_types_component_DefaultTooltipContent.NameType>, "viewBox" | "label" | "active" | "payload" | "coordinate" | "accessibilityLayer"> & {
+    active?: boolean;
+    allowEscapeViewBox?: recharts_types_util_types.AllowInDimension;
+    animationDuration?: recharts_types_util_types.AnimationDuration;
+    animationEasing?: recharts_types_util_types.AnimationTiming;
+    axisId?: recharts.AxisId;
+    content?: recharts_types_component_Tooltip.ContentType<recharts.TooltipValueType, recharts_types_component_DefaultTooltipContent.NameType> | undefined;
+    contentStyle?: React.CSSProperties;
+    cursor?: recharts_types_component_Cursor.CursorDefinition;
+    defaultIndex?: number | recharts.TooltipIndex;
+    filterNull?: boolean;
+    formatter?: ((value: recharts.TooltipValueType, name: recharts_types_component_DefaultTooltipContent.NameType, item: recharts_types_state_tooltipSlice.TooltipPayloadEntry, index: number, payload: recharts.TooltipPayload) => React.ReactNode | [React.ReactNode, React.ReactNode]) | undefined;
+    includeHidden?: boolean | undefined;
+    isAnimationActive?: boolean | "auto";
+    itemSorter?: recharts.TooltipItemSorter;
+    itemStyle?: React.CSSProperties;
+    labelFormatter?: (label: any, payload: recharts.TooltipPayload) => React.ReactNode;
+    labelStyle?: React.CSSProperties;
+    offset?: number | recharts.Coordinate;
+    payloadUniqBy?: recharts_types_util_payload_getUniqPayload.UniqueOption<recharts_types_state_tooltipSlice.TooltipPayloadEntry>;
+    portal?: HTMLElement | null;
+    position?: Partial<recharts.Coordinate>;
+    reverseDirection?: recharts_types_util_types.AllowInDimension;
+    separator?: string;
+    shared?: boolean;
+    trigger?: recharts_types_chart_types.TooltipTrigger;
+    useTranslate3d?: boolean;
+    wrapperStyle?: React.CSSProperties;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+    labelFormatter?: (value: React.ReactNode, payload: ChartTooltipPayloadItem[]) => React.ReactNode;
+    payload?: ChartTooltipPayloadItem[];
+    label?: React.ReactNode;
+    color?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent };

package/dist/charts.d.ts

@@ -0,0 +1,80 @@
+import * as recharts_types_chart_types from 'recharts/types/chart/types';
+import * as recharts_types_util_payload_getUniqPayload from 'recharts/types/util/payload/getUniqPayload';
+import * as recharts_types_state_tooltipSlice from 'recharts/types/state/tooltipSlice';
+import * as recharts_types_component_Cursor from 'recharts/types/component/Cursor';
+import * as recharts_types_component_Tooltip from 'recharts/types/component/Tooltip';
+import * as recharts_types_util_types from 'recharts/types/util/types';
+import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/component/DefaultTooltipContent';
+import * as recharts from 'recharts';
+import { ResponsiveContainer, Tooltip } from 'recharts';
+import * as React from 'react';
+
+type ChartConfig = Record<string, {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+    color?: string;
+    theme?: Record<"light" | "dark", string>;
+}>;
+type ChartTooltipPayloadItem = Record<string, unknown> & {
+    payload?: Record<string, unknown>;
+    name?: string;
+    dataKey?: string;
+    color?: string;
+    value?: number;
+};
+/**
+ * ChartContainer - Container for Recharts components with theme support
+ *
+ * @example
+ * <ChartContainer config={chartConfig}>
+ *   <LineChart data={data}>
+ *     <Line dataKey="value" />
+ *   </LineChart>
+ * </ChartContainer>
+ */
+declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof ResponsiveContainer>["children"];
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartTooltip: typeof Tooltip;
+declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<Omit<recharts.DefaultTooltipContentProps<recharts.TooltipValueType, recharts_types_component_DefaultTooltipContent.NameType>, "viewBox" | "label" | "active" | "payload" | "coordinate" | "accessibilityLayer"> & {
+    active?: boolean;
+    allowEscapeViewBox?: recharts_types_util_types.AllowInDimension;
+    animationDuration?: recharts_types_util_types.AnimationDuration;
+    animationEasing?: recharts_types_util_types.AnimationTiming;
+    axisId?: recharts.AxisId;
+    content?: recharts_types_component_Tooltip.ContentType<recharts.TooltipValueType, recharts_types_component_DefaultTooltipContent.NameType> | undefined;
+    contentStyle?: React.CSSProperties;
+    cursor?: recharts_types_component_Cursor.CursorDefinition;
+    defaultIndex?: number | recharts.TooltipIndex;
+    filterNull?: boolean;
+    formatter?: ((value: recharts.TooltipValueType, name: recharts_types_component_DefaultTooltipContent.NameType, item: recharts_types_state_tooltipSlice.TooltipPayloadEntry, index: number, payload: recharts.TooltipPayload) => React.ReactNode | [React.ReactNode, React.ReactNode]) | undefined;
+    includeHidden?: boolean | undefined;
+    isAnimationActive?: boolean | "auto";
+    itemSorter?: recharts.TooltipItemSorter;
+    itemStyle?: React.CSSProperties;
+    labelFormatter?: (label: any, payload: recharts.TooltipPayload) => React.ReactNode;
+    labelStyle?: React.CSSProperties;
+    offset?: number | recharts.Coordinate;
+    payloadUniqBy?: recharts_types_util_payload_getUniqPayload.UniqueOption<recharts_types_state_tooltipSlice.TooltipPayloadEntry>;
+    portal?: HTMLElement | null;
+    position?: Partial<recharts.Coordinate>;
+    reverseDirection?: recharts_types_util_types.AllowInDimension;
+    separator?: string;
+    shared?: boolean;
+    trigger?: recharts_types_chart_types.TooltipTrigger;
+    useTranslate3d?: boolean;
+    wrapperStyle?: React.CSSProperties;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+    labelFormatter?: (value: React.ReactNode, payload: ChartTooltipPayloadItem[]) => React.ReactNode;
+    payload?: ChartTooltipPayloadItem[];
+    label?: React.ReactNode;
+    color?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent };

package/dist/charts.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunk3NDB4YPC_js = require('./chunk-3NDB4YPC.js');
+require('./chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "ChartContainer", {
+  enumerable: true,
+  get: function () { return chunk3NDB4YPC_js.ChartContainer; }
+});
+Object.defineProperty(exports, "ChartTooltip", {
+  enumerable: true,
+  get: function () { return chunk3NDB4YPC_js.ChartTooltip; }
+});
+Object.defineProperty(exports, "ChartTooltipContent", {
+  enumerable: true,
+  get: function () { return chunk3NDB4YPC_js.ChartTooltipContent; }
+});

package/dist/charts.mjs

@@ -0,0 +1,2 @@
+export { ChartContainer, ChartTooltip, ChartTooltipContent } from './chunk-Q52ZEL62.mjs';
+import './chunk-IMKLN273.mjs';

package/dist/chunk-33JR5SYE.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var LabelPrimitive = require('@radix-ui/react-label');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LabelPrimitive__namespace.Root,
+    {
+      "data-slot": "label",
+      className: chunkADIDI7AJ_js.cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Label = Label;