@locusgraph/components 0.2.0 → 0.2.2

package/dist/display/chart/chart-container.js

@@ -1,59 +1,219 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-const THEMES = { light: "", dark: ".dark" };
-const INITIAL_DIMENSION = { width: 320, height: 200 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const THEMES = {
+  light: "",
+  dark: ".dark"
+};
+const INITIAL_DIMENSION = {
+  width: 320,
+  height: 200
+};
 const ChartContext = React.createContext(null);
 function useChart() {
-    const context = React.useContext(ChartContext);
-    if (!context) {
-        throw new Error("useChart must be used within a <ChartContainer />");
-    }
-    return context;
+  const context = React.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
 }
-function ChartContainer({ id, className, children, config, initialDimension = INITIAL_DIMENSION, ...props }) {
-    const uniqueId = React.useId();
-    const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
-    return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { "data-slot": "chart", "data-chart": chartId, className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(RechartsPrimitive.ResponsiveContainer, { initialDimension: initialDimension, children: children })] }) }));
+function ChartContainer(t0) {
+  const $ = _c(29);
+  let children;
+  let className;
+  let config;
+  let id;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      id,
+      className,
+      children,
+      config,
+      initialDimension: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = config;
+    $[4] = id;
+    $[5] = props;
+    $[6] = t1;
+  } else {
+    children = $[1];
+    className = $[2];
+    config = $[3];
+    id = $[4];
+    props = $[5];
+    t1 = $[6];
+  }
+  const initialDimension = t1 === undefined ? INITIAL_DIMENSION : t1;
+  const uniqueId = React.useId();
+  let t2;
+  if ($[7] !== id || $[8] !== uniqueId) {
+    t2 = id ?? uniqueId.replace(/:/g, "");
+    $[7] = id;
+    $[8] = uniqueId;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const chartId = `chart-${t2}`;
+  let t3;
+  if ($[10] !== config) {
+    t3 = {
+      config
+    };
+    $[10] = config;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== className) {
+    t4 = cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className);
+    $[12] = className;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== chartId || $[15] !== config) {
+    t5 = /*#__PURE__*/_jsx(ChartStyle, {
+      id: chartId,
+      config: config
+    });
+    $[14] = chartId;
+    $[15] = config;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  let t6;
+  if ($[17] !== children || $[18] !== initialDimension) {
+    t6 = /*#__PURE__*/_jsx(RechartsPrimitive.ResponsiveContainer, {
+      initialDimension: initialDimension,
+      children: children
+    });
+    $[17] = children;
+    $[18] = initialDimension;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  let t7;
+  if ($[20] !== chartId || $[21] !== props || $[22] !== t4 || $[23] !== t5 || $[24] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("div", {
+      "data-slot": "chart",
+      "data-chart": chartId,
+      className: t4,
+      ...props,
+      children: [t5, t6]
+    });
+    $[20] = chartId;
+    $[21] = props;
+    $[22] = t4;
+    $[23] = t5;
+    $[24] = t6;
+    $[25] = t7;
+  } else {
+    t7 = $[25];
+  }
+  let t8;
+  if ($[26] !== t3 || $[27] !== t7) {
+    t8 = /*#__PURE__*/_jsx(ChartContext.Provider, {
+      value: t3,
+      children: t7
+    });
+    $[26] = t3;
+    $[27] = t7;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  return t8;
 }
-const ChartStyle = ({ id, config }) => {
-    const colorConfig = Object.entries(config).filter(([, config]) => config.theme ?? config.color);
-    if (!colorConfig.length) {
-        return null;
-    }
-    return (_jsx("style", { dangerouslySetInnerHTML: {
-            __html: Object.entries(THEMES)
-                .map(([theme, prefix]) => `
+const ChartStyle = t0 => {
+  const $ = _c(8);
+  const {
+    id,
+    config
+  } = t0;
+  let t1;
+  if ($[0] !== config) {
+    t1 = Object.entries(config).filter(_temp);
+    $[0] = config;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const colorConfig = t1;
+  if (!colorConfig.length) {
+    return null;
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = Object.entries(THEMES);
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== colorConfig || $[4] !== id) {
+    t3 = t2.map(t4 => {
+      const [theme, prefix] = t4;
+      return `
 ${prefix} [data-chart=${id}] {
-${colorConfig
-                .map(([key, itemConfig]) => {
-                const color = itemConfig.theme?.[theme] ?? itemConfig.color;
-                return color ? `  --color-${key}: ${color};` : null;
-            })
-                .join("\n")}
+${colorConfig.map(t5 => {
+        const [key, itemConfig] = t5;
+        const color = itemConfig.theme?.[theme] ?? itemConfig.color;
+        return color ? `  --color-${key}: ${color};` : null;
+      }).join("\n")}
 }
-`)
-                .join("\n"),
-        } }));
+`;
+    });
+    $[3] = colorConfig;
+    $[4] = id;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const t4 = t3.join("\n");
+  let t5;
+  if ($[6] !== t4) {
+    t5 = /*#__PURE__*/_jsx("style", {
+      dangerouslySetInnerHTML: {
+        __html: t4
+      }
+    });
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
 };
 function getPayloadConfigFromPayload(config, payload, key) {
-    if (typeof payload !== "object" || payload === null) {
-        return undefined;
-    }
-    const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null
-        ? payload.payload
-        : undefined;
-    let configLabelKey = key;
-    if (key in payload && typeof payload[key] === "string") {
-        configLabelKey = payload[key];
-    }
-    else if (payloadPayload &&
-        key in payloadPayload &&
-        typeof payloadPayload[key] === "string") {
-        configLabelKey = payloadPayload[key];
-    }
-    return configLabelKey in config ? config[configLabelKey] : config[key];
+  if (typeof payload !== "object" || payload === null) {
+    return undefined;
+  }
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : undefined;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
 }
 export { ChartContainer, ChartStyle, getPayloadConfigFromPayload, useChart };
+function _temp(t0) {
+  const [, config_0] = t0;
+  return config_0.theme ?? config_0.color;
+}

package/dist/display/chart/chart-legend.js

@@ -1,22 +1,87 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
+import * as React from "react";
 import * as RechartsPrimitive from "recharts";
 import { getPayloadConfigFromPayload, useChart } from "./chart-container.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ChartLegend = RechartsPrimitive.Legend;
-function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
-    const { config } = useChart();
-    if (!payload?.length) {
-        return null;
+function ChartLegendContent(t0) {
+  const $ = _c(15);
+  const {
+    className,
+    hideIcon: t1,
+    payload,
+    verticalAlign: t2,
+    nameKey
+  } = t0;
+  const hideIcon = t1 === undefined ? false : t1;
+  const verticalAlign = t2 === undefined ? "bottom" : t2;
+  const {
+    config
+  } = useChart();
+  if (!payload?.length) {
+    return null;
+  }
+  const t3 = verticalAlign === "top" ? "pb-3" : "pt-3";
+  let t4;
+  if ($[0] !== className || $[1] !== t3) {
+    t4 = cn("flex items-center justify-center gap-4", t3, className);
+    $[0] = className;
+    $[1] = t3;
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  let t5;
+  if ($[3] !== config || $[4] !== hideIcon || $[5] !== nameKey || $[6] !== payload) {
+    let t6;
+    if ($[8] !== config || $[9] !== hideIcon || $[10] !== nameKey) {
+      t6 = item_0 => {
+        const key = `${nameKey ?? item_0.dataKey ?? "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item_0, key);
+        return /*#__PURE__*/_jsxs("div", {
+          className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
+          children: [itemConfig?.icon && !hideIcon ? /*#__PURE__*/_jsx(itemConfig.icon, {}) : /*#__PURE__*/_jsx("div", {
+            className: "h-2 w-2 shrink-0 rounded-[2px]",
+            style: {
+              backgroundColor: item_0.color
+            }
+          }), itemConfig?.label]
+        }, key);
+      };
+      $[8] = config;
+      $[9] = hideIcon;
+      $[10] = nameKey;
+      $[11] = t6;
+    } else {
+      t6 = $[11];
     }
-    return (_jsx("div", { className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload
-            .filter((item) => item.type !== "none")
-            .map((item) => {
-            const key = `${nameKey ?? item.dataKey ?? "value"}`;
-            const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            return (_jsxs("div", { className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"), children: [itemConfig?.icon && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
-                            backgroundColor: item.color,
-                        } })), itemConfig?.label] }, key));
-        }) }));
+    t5 = payload.filter(_temp).map(t6);
+    $[3] = config;
+    $[4] = hideIcon;
+    $[5] = nameKey;
+    $[6] = payload;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[12] !== t4 || $[13] !== t5) {
+    t6 = /*#__PURE__*/_jsx("div", {
+      className: t4,
+      children: t5
+    });
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
+}
+function _temp(item) {
+  return item.type !== "none";
 }
 export { ChartLegend, ChartLegendContent };

package/dist/display/chart/chart-tooltip.js

@@ -1,49 +1,220 @@
 "use client";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
 import { getPayloadConfigFromPayload, useChart } from "./chart-container.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ChartTooltip = RechartsPrimitive.Tooltip;
-function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
-    const { config } = useChart();
-    const tooltipLabel = React.useMemo(() => {
-        if (hideLabel || !payload?.length) {
-            return null;
-        }
-        const [item] = payload;
-        const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        const value = !labelKey && typeof label === "string" ? (config[label]?.label ?? label) : itemConfig?.label;
-        if (labelFormatter) {
-            return (_jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) }));
-        }
-        if (!value) {
-            return null;
-        }
-        return _jsx("div", { className: cn("font-medium", labelClassName), children: value });
-    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
-    if (!active || !payload?.length) {
-        return null;
+function ChartTooltipContent(t0) {
+  const $ = _c(45);
+  const {
+    active,
+    payload,
+    className,
+    indicator: t1,
+    hideLabel: t2,
+    hideIndicator: t3,
+    label,
+    labelFormatter,
+    labelClassName,
+    formatter,
+    color,
+    nameKey,
+    labelKey
+  } = t0;
+  const indicator = t1 === undefined ? "dot" : t1;
+  const hideLabel = t2 === undefined ? false : t2;
+  const hideIndicator = t3 === undefined ? false : t3;
+  const {
+    config
+  } = useChart();
+  let t4;
+  bb0: {
+    if (hideLabel || !payload?.length) {
+      t4 = null;
+      break bb0;
     }
-    const nestLabel = payload.length === 1 && indicator !== "dot";
-    return (_jsxs("div", { className: cn("grid min-w-[8rem] items-start gap-1.5 bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-overlay ring-1 ring-border", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
-                    .filter((item) => item.type !== "none")
-                    .map((item, index) => {
-                    const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
-                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-                    const indicatorColor = color ?? item.payload?.fill ?? item.color;
-                    return (_jsx("div", { className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_jsx("div", { className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
-                                        "h-2.5 w-2.5": indicator === "dot",
-                                        "w-1": indicator === "line",
-                                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                                        "my-0.5": nestLabel && indicator === "dashed",
-                                    }), style: {
-                                        "--color-bg": indicatorColor,
-                                        "--color-border": indicatorColor,
-                                    } }))), _jsxs("div", { className: cn("flex flex-1 justify-between gap-4 leading-none", nestLabel ? "items-end" : "items-center"), children: [_jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })] }), item.value != null && (_jsx("span", { className: "font-mono font-medium text-foreground tabular-nums", children: typeof item.value === "number"
-                                                ? item.value.toLocaleString()
-                                                : String(item.value) }))] })] })) }, key));
-                }) })] }));
+    const [item] = payload;
+    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
+    let t5;
+    if ($[0] !== config || $[1] !== item || $[2] !== key) {
+      t5 = getPayloadConfigFromPayload(config, item, key);
+      $[0] = config;
+      $[1] = item;
+      $[2] = key;
+      $[3] = t5;
+    } else {
+      t5 = $[3];
+    }
+    const itemConfig = t5;
+    const value = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
+    if (labelFormatter) {
+      let t6;
+      if ($[4] !== labelClassName) {
+        t6 = cn("font-medium", labelClassName);
+        $[4] = labelClassName;
+        $[5] = t6;
+      } else {
+        t6 = $[5];
+      }
+      let t7;
+      if ($[6] !== labelFormatter || $[7] !== payload || $[8] !== value) {
+        t7 = labelFormatter(value, payload);
+        $[6] = labelFormatter;
+        $[7] = payload;
+        $[8] = value;
+        $[9] = t7;
+      } else {
+        t7 = $[9];
+      }
+      let t8;
+      if ($[10] !== t6 || $[11] !== t7) {
+        t8 = /*#__PURE__*/_jsx("div", {
+          className: t6,
+          children: t7
+        });
+        $[10] = t6;
+        $[11] = t7;
+        $[12] = t8;
+      } else {
+        t8 = $[12];
+      }
+      t4 = t8;
+      break bb0;
+    }
+    if (!value) {
+      t4 = null;
+      break bb0;
+    }
+    let t6;
+    if ($[13] !== labelClassName) {
+      t6 = cn("font-medium", labelClassName);
+      $[13] = labelClassName;
+      $[14] = t6;
+    } else {
+      t6 = $[14];
+    }
+    let t7;
+    if ($[15] !== t6 || $[16] !== value) {
+      t7 = /*#__PURE__*/_jsx("div", {
+        className: t6,
+        children: value
+      });
+      $[15] = t6;
+      $[16] = value;
+      $[17] = t7;
+    } else {
+      t7 = $[17];
+    }
+    t4 = t7;
+  }
+  const tooltipLabel = t4;
+  if (!active || !payload?.length) {
+    return null;
+  }
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  let t5;
+  if ($[18] !== className) {
+    t5 = cn("grid min-w-[8rem] items-start gap-1.5 bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-overlay ring-1 ring-border", className);
+    $[18] = className;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  const t6 = !nestLabel ? tooltipLabel : null;
+  let t7;
+  if ($[20] !== color || $[21] !== config || $[22] !== formatter || $[23] !== hideIndicator || $[24] !== indicator || $[25] !== nameKey || $[26] !== nestLabel || $[27] !== payload || $[28] !== tooltipLabel) {
+    let t8;
+    if ($[30] !== color || $[31] !== config || $[32] !== formatter || $[33] !== hideIndicator || $[34] !== indicator || $[35] !== nameKey || $[36] !== nestLabel || $[37] !== tooltipLabel) {
+      t8 = (item_1, index) => {
+        const key_0 = `${nameKey ?? item_1.name ?? item_1.dataKey ?? "value"}`;
+        const itemConfig_0 = getPayloadConfigFromPayload(config, item_1, key_0);
+        const indicatorColor = color ?? item_1.payload?.fill ?? item_1.color;
+        return /*#__PURE__*/_jsx("div", {
+          className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"),
+          children: formatter && item_1?.value !== undefined && item_1.name ? formatter(item_1.value, item_1.name, item_1, index, item_1.payload) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [itemConfig_0?.icon ? /*#__PURE__*/_jsx(itemConfig_0.icon, {}) : !hideIndicator && /*#__PURE__*/_jsx("div", {
+              className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
+                "h-2.5 w-2.5": indicator === "dot",
+                "w-1": indicator === "line",
+                "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                "my-0.5": nestLabel && indicator === "dashed"
+              }),
+              style: {
+                "--color-bg": indicatorColor,
+                "--color-border": indicatorColor
+              }
+            }), /*#__PURE__*/_jsxs("div", {
+              className: cn("flex flex-1 justify-between gap-4 leading-none", nestLabel ? "items-end" : "items-center"),
+              children: [/*#__PURE__*/_jsxs("div", {
+                className: "grid gap-1.5",
+                children: [nestLabel ? tooltipLabel : null, /*#__PURE__*/_jsx("span", {
+                  className: "text-muted-foreground",
+                  children: itemConfig_0?.label ?? item_1.name
+                })]
+              }), item_1.value != null && /*#__PURE__*/_jsx("span", {
+                className: "font-mono font-medium text-foreground tabular-nums",
+                children: typeof item_1.value === "number" ? item_1.value.toLocaleString() : String(item_1.value)
+              })]
+            })]
+          })
+        }, key_0);
+      };
+      $[30] = color;
+      $[31] = config;
+      $[32] = formatter;
+      $[33] = hideIndicator;
+      $[34] = indicator;
+      $[35] = nameKey;
+      $[36] = nestLabel;
+      $[37] = tooltipLabel;
+      $[38] = t8;
+    } else {
+      t8 = $[38];
+    }
+    t7 = payload.filter(_temp).map(t8);
+    $[20] = color;
+    $[21] = config;
+    $[22] = formatter;
+    $[23] = hideIndicator;
+    $[24] = indicator;
+    $[25] = nameKey;
+    $[26] = nestLabel;
+    $[27] = payload;
+    $[28] = tooltipLabel;
+    $[29] = t7;
+  } else {
+    t7 = $[29];
+  }
+  let t8;
+  if ($[39] !== t7) {
+    t8 = /*#__PURE__*/_jsx("div", {
+      className: "grid gap-1.5",
+      children: t7
+    });
+    $[39] = t7;
+    $[40] = t8;
+  } else {
+    t8 = $[40];
+  }
+  let t9;
+  if ($[41] !== t5 || $[42] !== t6 || $[43] !== t8) {
+    t9 = /*#__PURE__*/_jsxs("div", {
+      className: t5,
+      children: [t6, t8]
+    });
+    $[41] = t5;
+    $[42] = t6;
+    $[43] = t8;
+    $[44] = t9;
+  } else {
+    t9 = $[44];
+  }
+  return t9;
+}
+function _temp(item_0) {
+  return item_0.type !== "none";
 }
 export { ChartTooltip, ChartTooltipContent };