@agg-market/ui 8.0.0 → 10.0.0

package/dist/{chunk-WKY3IN52.mjs → chunk-XP7DREIX.mjs}

@@ -758,7 +758,7 @@ var SwitchButton = ({
     "div",
     {
       className: cn(
-        "group/agg-switch",
+        "group/agg-switch min-w-fit",
         "inline-flex min-w-0 rounded-agg-full bg-agg-secondary-hover font-agg-sans",
         getMotionClassName(enableAnimations, "transition-background duration-200 ease-in-out"),
         "cursor-pointer hover:bg-agg-tertiary",
@@ -804,6 +804,7 @@ var SwitchButton = ({
                   tabIndex: isActive ? 0 : -1,
                   disabled: option.disabled,
                   className: cn(
+                    "whitespace-nowrap",
                     "relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-base leading-agg-6 text-agg-foreground",
                     getMotionClassName(
                       enableAnimations,
@@ -1075,11 +1076,16 @@ var LineChart = ({
   isLoading = false,
   chartType = "line",
   showSeriesControls = true,
-  renderSeriesControls
+  renderSeriesControls,
+  liveCandle: liveForming,
+  lineData,
+  lineValue,
+  live
 }) => {
   var _a, _b;
   const labels = useLabels6();
-  const { theme } = useSdkUiConfig5();
+  const { theme, enableGradients, enableLiveUpdates } = useSdkUiConfig5();
+  const isLive = enableLiveUpdates && (live != null ? live : true);
   const normalizedSeries = useMemo2(() => {
     return normalizeSeries(series);
   }, [series]);
@@ -1102,7 +1108,19 @@ var LineChart = ({
     if (!primarySeries) {
       return [];
     }
-    return toLivelinePoints(primarySeries.points);
+    const points = toLivelinePoints(primarySeries.points);
+    if (points.length < 3) {
+      return [
+        ...points,
+        ...points.map((point) => __spreadProps(__spreadValues({}, point), {
+          time: point.time + 1500
+        })),
+        ...points.map((point) => __spreadProps(__spreadValues({}, point), {
+          time: point.time + 3e3
+        }))
+      ];
+    }
+    return points;
   }, [primarySeries]);
   const primaryCandles = useMemo2(() => {
     if (!primarySeries) {
@@ -1136,7 +1154,7 @@ var LineChart = ({
   const timeFormatter = useMemo2(() => {
     return resolveTimeFormatter(windowSeconds);
   }, [windowSeconds]);
-  const seriesControls = showSeriesControls && normalizedSeries.length > 0 ? (_a = renderSeriesControls == null ? void 0 : renderSeriesControls({
+  const seriesControls = showSeriesControls ? (_a = renderSeriesControls == null ? void 0 : renderSeriesControls({
     series: normalizedSeries,
     activeSeriesId,
     handleSeriesChange
@@ -1169,13 +1187,17 @@ var LineChart = ({
             series: livelineSeries,
             color: (_b = primarySeries == null ? void 0 : primarySeries.color) != null ? _b : "var(--agg-color-primary)",
             theme: livelineTheme,
+            fill: enableGradients,
             grid: true,
-            momentum: false,
-            pulse: false,
+            momentum: isLive,
+            pulse: isLive,
             window: windowSeconds,
             mode: chartType === "candlestick" ? "candle" : "line",
             candles: chartType === "candlestick" ? primaryCandles : void 0,
             candleWidth: chartType === "candlestick" ? candleWidth : void 0,
+            liveCandle: chartType === "candlestick" ? liveForming : void 0,
+            lineData,
+            lineValue,
             formatValue: defaultValueFormatter,
             formatTime: timeFormatter,
             padding: {
@@ -1184,7 +1206,8 @@ var LineChart = ({
               bottom: 28,
               left: 12
             },
-            loading: isLoading
+            loading: isLoading,
+            lineWidth: 1
           }
         )
       }
@@ -3086,7 +3109,7 @@ var NumberValue = ({
 NumberValue.displayName = "NumberValue";
 
 // src/primitives/venue-logo/index.tsx
-import { useLabels as useLabels8 } from "@agg-market/hooks";
+import { useAggUiConfig, useLabels as useLabels8 } from "@agg-market/hooks";
 
 // src/primitives/remote-image/index.tsx
 import { useRef, useState as useState3 } from "react";
@@ -3488,9 +3511,12 @@ var VenueLogo = ({
   title
 }) => {
   var _a;
+  const { showVenueLogo = true } = useAggUiConfig();
   const labels = useLabels8();
   const sizeClass = sizeClasses2[size];
   const resolvedLabel = (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueLogoLabels[venue];
+  if (!showVenueLogo)
+    return null;
   if (variant === "logo") {
     return /* @__PURE__ */ jsx74(
       RemoteImage,
@@ -3564,9 +3590,9 @@ function Badge({
       )
     }, onClick && { onClick }), {
       children: [
-        prefix ? /* @__PURE__ */ jsx75("span", { className: classNames == null ? void 0 : classNames.prefix, children: prefix }) : null,
+        prefix ? /* @__PURE__ */ jsx75("span", { className: cn(classNames == null ? void 0 : classNames.prefix, "empty:hidden"), children: prefix }) : null,
         /* @__PURE__ */ jsx75("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
-        suffix ? /* @__PURE__ */ jsx75("span", { className: classNames == null ? void 0 : classNames.suffix, children: suffix }) : null
+        suffix ? /* @__PURE__ */ jsx75("span", { className: cn(classNames == null ? void 0 : classNames.suffix, "empty:hidden"), children: suffix }) : null
       ]
     })
   );
@@ -4072,7 +4098,11 @@ var StateMessage = ({
             size: "large",
             className: "text-agg-base leading-agg-6",
             "aria-label": actionLabel,
-            onClick: onAction,
+            onClick: (e) => {
+              e.stopPropagation();
+              e.preventDefault();
+              onAction == null ? void 0 : onAction();
+            },
             children: actionLabel
           }
         ) : null
@@ -4124,7 +4154,7 @@ var getTabButtonClassName = ({
   return cn(
     "cursor-pointer disabled:cursor-not-allowed",
     "relative inline-flex h-full shrink-0 items-center justify-center gap-2 font-agg-sans",
-    isBarVariant ? "hover:text-agg-foreground hover:bg-agg-secondary-hover" : "hover:text-agg-foreground hover:font-bold",
+    isBarVariant ? "hover:text-agg-foreground hover:bg-agg-secondary-hover" : "hover:text-agg-foreground hover:font-agg-bold",
     getMotionClassName(
       enableAnimations,
       "transition-[colors] duration-300 ease-in-out motion-reduce:transition-none"
@@ -4550,8 +4580,17 @@ var Tabs = ({
                           )
                         }
                       ) }) : null,
-                      item.icon ? /* @__PURE__ */ jsx80("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center", children: item.icon }) : null,
-                      /* @__PURE__ */ jsx80("span", { className: "relative z-10 truncate whitespace-nowrap [&::first-letter]:uppercase", children: item.label })
+                      item.icon ? /* @__PURE__ */ jsx80("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center empty:hidden", children: item.icon }) : null,
+                      /* @__PURE__ */ jsx80(
+                        "span",
+                        {
+                          className: cn(
+                            "relative z-10 truncate whitespace-nowrap [&::first-letter]:uppercase"
+                          ),
+                          "data-text": item.label,
+                          children: item.label
+                        }
+                      )
                     ]
                   },
                   item.value