@rafal.lemieszewski/tide-ui 0.12.5 → 0.12.7

package/dist/index.es.js

@@ -21268,7 +21268,7 @@ const Ha = {
     "#CC0000"
     // High contrast red
   ]
-}, b1 = ({ active: e, payload: t, label: n, config: r, tooltipMaxWidth: a = "max-w-xs" }) => !e || !t || !t.length ? null : /* @__PURE__ */ G(
+}, b1 = ({ active: e, payload: t, label: n, config: r, tooltipMaxWidth: a = "max-w-xs", chartType: o }) => !e || !t || !t.length ? null : /* @__PURE__ */ G(
   "div",
   {
     className: `rounded-md border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] p-[var(--space-sm)] shadow-md ${a}`,
@@ -21276,29 +21276,56 @@ const Ha = {
     "aria-label": "Chart data tooltip",
     children: [
       /* @__PURE__ */ k("p", { className: "text-body-sm font-medium mb-[var(--space-xsm)] text-[var(--color-text-primary)]", children: n }),
-      t.map((o, i) => {
-        const c = r[o.dataKey];
-        let s;
-        if (c?.type === "range-area" && o.payload) {
-          const l = o.payload[o.dataKey];
-          Array.isArray(l) && l.length === 2 ? s = `${l[0].toLocaleString()} – ${l[1].toLocaleString()}` : s = typeof o.value == "number" ? o.value.toLocaleString() : o.value;
+      t.map((i, c) => {
+        const s = r[i.dataKey];
+        let l;
+        if (s?.type === "range-area" && i.payload) {
+          const h = i.payload[i.dataKey];
+          Array.isArray(h) && h.length === 2 ? l = `${h[0].toLocaleString()} – ${h[1].toLocaleString()}` : l = typeof i.value == "number" ? i.value.toLocaleString() : i.value;
         } else
-          s = typeof o.value == "number" ? o.value.toLocaleString() : o.value;
+          l = typeof i.value == "number" ? i.value.toLocaleString() : i.value;
         return /* @__PURE__ */ G("div", { className: "flex items-center gap-[var(--space-xsm)] text-body-sm", children: [
-          /* @__PURE__ */ k(
-            "div",
-            {
-              className: "w-3 h-3 rounded-full flex-shrink-0",
-              style: { backgroundColor: o.color },
-              "aria-hidden": "true"
+          (() => {
+            switch (o) {
+              case "line":
+                return /* @__PURE__ */ k(
+                  "div",
+                  {
+                    className: "w-3 h-0.5 flex-shrink-0",
+                    style: { backgroundColor: i.color },
+                    "aria-hidden": "true"
+                  }
+                );
+              case "scatter":
+                return /* @__PURE__ */ k(
+                  "div",
+                  {
+                    className: "w-2 h-2 rounded-full flex-shrink-0",
+                    style: { backgroundColor: i.color },
+                    "aria-hidden": "true"
+                  }
+                );
+              case "bar":
+              case "horizontal-bar":
+              case "area":
+              case "composed":
+              default:
+                return /* @__PURE__ */ k(
+                  "div",
+                  {
+                    className: "w-2 h-2 flex-shrink-0",
+                    style: { backgroundColor: i.color },
+                    "aria-hidden": "true"
+                  }
+                );
             }
-          ),
+          })(),
           /* @__PURE__ */ G("span", { className: "text-[var(--color-text-secondary)] min-w-0 break-words", children: [
-            c?.label || o.dataKey,
+            s?.label || i.dataKey,
             ":"
           ] }),
-          /* @__PURE__ */ k("span", { className: "font-medium text-[var(--color-text-primary)] ml-auto", children: s })
-        ] }, i);
+          /* @__PURE__ */ k("span", { className: "font-medium text-[var(--color-text-primary)] ml-auto", children: l })
+        ] }, c);
       })
     ]
   }
@@ -21496,7 +21523,7 @@ function zve({
               p && /* @__PURE__ */ k(
                 g1,
                 {
-                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I }),
+                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I, chartType: e }),
                   cursor: {
                     stroke: "var(--color-border-primary)",
                     strokeWidth: 1,
@@ -21544,7 +21571,7 @@ function zve({
               p && /* @__PURE__ */ k(
                 g1,
                 {
-                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I }),
+                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I, chartType: e }),
                   cursor: {
                     stroke: "var(--color-border-primary)",
                     strokeWidth: 1,
@@ -21589,7 +21616,7 @@ function zve({
               p && /* @__PURE__ */ k(
                 g1,
                 {
-                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I }),
+                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I, chartType: e }),
                   position: { x: void 0, y: void 0 },
                   offset: 10,
                   animationDuration: 0
@@ -21639,7 +21666,7 @@ function zve({
               p && /* @__PURE__ */ k(
                 g1,
                 {
-                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I }),
+                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I, chartType: e }),
                   position: { x: void 0, y: void 0 },
                   offset: 10,
                   animationDuration: 0
@@ -21678,7 +21705,7 @@ function zve({
               p && /* @__PURE__ */ k(
                 g1,
                 {
-                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I }),
+                  content: (A) => /* @__PURE__ */ k(b1, { ...A, config: n, tooltipMaxWidth: I, chartType: e }),
                   position: { x: void 0, y: void 0 },
                   offset: 10,
                   animationDuration: 0