@timbal-ai/timbal-react 1.4.0 → 1.6.0

package/dist/{chunk-VXMM2HX7.esm.js → chunk-R4RQT2XQ.esm.js}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-QU7ET55D.esm.js";
+} from "./chunk-EDEKQYSU.esm.js";
 
 // src/ui/pill-segmented-tabs.tsx
 import {
@@ -27,10 +27,10 @@ var pillSegmentedTrackFlushClass = cn(
   "h-[var(--studio-chrome-pill-height)] items-center gap-0.5 overflow-visible p-0.5"
 );
 var pillSegmentedSegmentClass = cn(
-  "relative flex items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-normal transition-colors"
+  "relative flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-normal transition-colors"
 );
 var pillSegmentedFlushSegmentClass = cn(
-  "relative box-border inline-flex h-9 min-h-9 items-center justify-center gap-1.5 rounded-full px-3.5 py-0",
+  "relative box-border inline-flex h-8 min-h-8 items-center justify-center gap-1.5 rounded-full px-3 py-0",
   "text-sm font-normal leading-tight transition-colors"
 );
 var pillSegmentedActiveIndicatorClass = cn(

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

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

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

@@ -21,9 +21,11 @@ import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
-  TooltipTrigger,
+  TooltipTrigger
+} from "./chunk-MBS7XHV2.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(
@@ -1813,7 +1824,7 @@ var BadgeNode = ({ node }) => {
     "span",
     {
       className: cn(
-        "aui-ui-badge inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium",
+        "aui-ui-badge inline-flex w-fit shrink-0 items-center rounded-full px-2 py-0.5 text-xs font-medium",
         BADGE_TONE[node.tone ?? "default"],
         node.className
       ),
@@ -4360,13 +4371,14 @@ export {
   studioSidebarCollapsedRailItemIdleClass,
   studioSidebarCollapsedRailItemActiveClass,
   studioSidebarNavItemActiveClass,
+  toNum,
+  monotoneLinePath,
+  monotoneAreaPath,
+  formatCompact,
   TooltipIconButton,
   UserMessageAttachments,
   ComposerAttachments,
   ComposerAddAttachment,
-  toNum,
-  monotoneLinePath,
-  monotoneAreaPath,
   resolveChartMargin,
   flushBarCategoryGap,
   flushLineAreaEdgeToEdge,