@timbal-ai/timbal-react 1.4.0 → 1.5.0

package/dist/chunk-EDEKQYSU.esm.js

@@ -0,0 +1,10 @@
+// src/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};

package/dist/{chunk-GQBYZRD7.esm.js → chunk-IGHBLJV3.esm.js}

@@ -21,9 +21,11 @@ import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
-  TooltipTrigger,
+  TooltipTrigger
+} from "./chunk-AZL2WANO.esm.js";
+import {
   cn
-} from "./chunk-QU7ET55D.esm.js";
+} from "./chunk-EDEKQYSU.esm.js";
 
 // src/chat/tooltip-icon-button.tsx
 import { forwardRef } from "react";
@@ -215,13 +217,13 @@ function resolveChartMargin(options) {
   }
   const anyAxis = showXAxis || showYAxis;
   if (!anyAxis) {
-    return { top: 8, right: 12, bottom: 8, left: 12 };
+    return { top: 8, right: 0, bottom: 0, left: 0 };
   }
   return {
     top: 8,
-    right: 12,
-    bottom: showXAxis ? 24 : 8,
-    left: showYAxis ? 8 : 12
+    right: showYAxis ? 12 : 0,
+    bottom: showXAxis ? 24 : 0,
+    left: showYAxis ? 8 : 0
   };
 }
 function flushBarCategoryGap(flush, showCategoryAxis) {
@@ -250,6 +252,7 @@ import {
   AreaChart,
   Bar,
   BarChart,
+  BarStack,
   CartesianGrid,
   Line,
   LineChart,
@@ -442,7 +445,7 @@ var LineAreaChart = ({
   barRadius = 4,
   gridLines,
   layout = "default",
-  showGrid = true,
+  showGrid: showGridProp,
   showXAxis: showXAxisProp,
   showYAxis: showYAxisProp,
   showLegend: showLegendProp,
@@ -458,6 +461,7 @@ var LineAreaChart = ({
   const xKey = xKeyProp ?? inferXKey(data);
   const series = resolveSeries(seriesProp, data, xKey);
   const flush = layout === "flush";
+  const showGrid = showGridProp ?? !flush;
   const horizontal = orientation === "horizontal" && variant === "bar";
   const showXAxis = showXAxisProp ?? !flush;
   const showYAxis = showYAxisProp ?? !flush;
@@ -498,14 +502,7 @@ var LineAreaChart = ({
             const category = resolveTooltipCategory(label, items, xKey, data, xFmt);
             return category || null;
           },
-          formatter: (value, name, item) => {
-            const key = String(item.dataKey ?? name ?? "value");
-            const seriesLabel = config[key]?.label ?? name;
-            return /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 items-center justify-between leading-none", children: [
-              /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground", children: seriesLabel }),
-              value != null ? /* @__PURE__ */ jsx5("span", { className: "text-foreground font-mono font-medium tabular-nums", children: valueFmt(value) }) : null
-            ] });
-          }
+          valueFormatter: (value) => value != null ? valueFmt(value) : null
         }
       )
     }
@@ -516,13 +513,27 @@ var LineAreaChart = ({
   if (variant === "bar") {
     const dataKeys = series.map((s) => s.dataKey);
     const barDefs = /* @__PURE__ */ jsx5(BarGradientDefs, { scopeId: gradientScopeId, dataKeys, horizontal });
-    const bars = series.map((s) => /* @__PURE__ */ jsx5(
+    const bars = stacked ? /* @__PURE__ */ jsx5(
+      BarStack,
+      {
+        radius: barCornerRadius(barRadius, horizontal, false),
+        stackId: "stack",
+        children: series.map((s) => /* @__PURE__ */ jsx5(
+          Bar,
+          {
+            dataKey: s.dataKey,
+            fill: `url(#${barGradientId(gradientScopeId, s.dataKey)})`,
+            isAnimationActive: true
+          },
+          s.dataKey
+        ))
+      }
+    ) : series.map((s) => /* @__PURE__ */ jsx5(
       Bar,
       {
         dataKey: s.dataKey,
         fill: `url(#${barGradientId(gradientScopeId, s.dataKey)})`,
-        radius: barCornerRadius(barRadius, horizontal, stacked),
-        stackId: stacked ? "stack" : void 0,
+        radius: barCornerRadius(barRadius, horizontal, false),
         isAnimationActive: true
       },
       s.dataKey
@@ -595,7 +606,7 @@ var LineAreaChart = ({
               tick: categoryTick("middle"),
               ...flushCategoryXAxisProps
             }
-          ) : /* @__PURE__ */ jsx5(XAxis, { dataKey: xKey, hide: true }),
+          ) : /* @__PURE__ */ jsx5(XAxis, { dataKey: xKey, hide: true, height: 0 }),
           showYAxis ? /* @__PURE__ */ jsx5(
             YAxis,
             {
@@ -606,7 +617,7 @@ var LineAreaChart = ({
               tickFormatter: (v) => valueFmt(v),
               domain: yDomain
             }
-          ) : null,
+          ) : /* @__PURE__ */ jsx5(YAxis, { hide: true, width: 0, domain: yDomain }),
           tooltipEl,
           legendEl,
           bars
@@ -642,7 +653,7 @@ var LineAreaChart = ({
         tickFormatter: (v, i) => xFmt(v, i),
         ...flushCategoryXAxisProps
       }
-    ) : /* @__PURE__ */ jsx5(XAxis, { dataKey: chartXKey, hide: true }),
+    ) : /* @__PURE__ */ jsx5(XAxis, { dataKey: chartXKey, hide: true, height: 0 }),
     showYAxis ? /* @__PURE__ */ jsx5(
       YAxis,
       {
@@ -653,7 +664,7 @@ var LineAreaChart = ({
         tickFormatter: (v) => valueFmt(v),
         domain: yDomain
       }
-    ) : null
+    ) : /* @__PURE__ */ jsx5(YAxis, { hide: true, width: 0, domain: yDomain })
   ] });
   const chartA11y = flush ? {} : { accessibilityLayer: true };
   if (variant === "area") {
@@ -832,7 +843,7 @@ var PieChart = ({
     fill: palette[i % palette.length]
   }));
   const config = {};
-  for (const s of slices) config[s.name] = { label: s.name };
+  for (const s of slices) config[s.name] = { label: s.name, color: s.fill };
   const innerPct = innerRadius > 0 ? `${Math.round(innerRadius * 75)}%` : 0;
   const hasCenter = innerRadius > 0 && (centerValue != null || centerLabel != null);
   return /* @__PURE__ */ jsx7(
@@ -959,7 +970,7 @@ var RadialChart = ({
   }));
   const max = maxValue ?? Math.max(...rows.map((r) => r.value), 1);
   const config = {};
-  for (const r of rows) config[r.name] = { label: r.name };
+  for (const r of rows) config[r.name] = { label: r.name, color: r.fill };
   const hasCenter = centerValue != null || centerLabel != null;
   return /* @__PURE__ */ jsxs8("div", { className: cn("flex w-full flex-col items-center gap-3", className), children: [
     /* @__PURE__ */ jsx8(
@@ -4360,13 +4371,13 @@ export {
   studioSidebarCollapsedRailItemIdleClass,
   studioSidebarCollapsedRailItemActiveClass,
   studioSidebarNavItemActiveClass,
+  toNum,
+  monotoneLinePath,
+  monotoneAreaPath,
   TooltipIconButton,
   UserMessageAttachments,
   ComposerAttachments,
   ComposerAddAttachment,
-  toNum,
-  monotoneLinePath,
-  monotoneAreaPath,
   resolveChartMargin,
   flushBarCategoryGap,
   flushLineAreaEdgeToEdge,

package/dist/{chunk-OFWC4MIY.esm.js → chunk-JYDJRGDE.esm.js}

@@ -1,10 +1,12 @@
 import {
   studioTopbarPillHeightClass
-} from "./chunk-GQBYZRD7.esm.js";
+} from "./chunk-IGHBLJV3.esm.js";
 import {
-  cn,
   controlSurfaceClass
-} from "./chunk-QU7ET55D.esm.js";
+} from "./chunk-AZL2WANO.esm.js";
+import {
+  cn
+} from "./chunk-EDEKQYSU.esm.js";
 
 // src/chat/workforce-selector.tsx
 import { ChevronDownIcon } from "lucide-react";