@locusgraph/components 0.1.1 → 0.2.1

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 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", 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 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 };

package/dist/display/chat/attachment/attachment-parts.js

@@ -1,21 +1,230 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
+import * as React from "react";
 import { Button } from "../../../action/button.js";
-function AttachmentTitle({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "attachment-title", className: cn("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function AttachmentTitle(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      "data-slot": "attachment-title",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function AttachmentDescription({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "attachment-description", className: cn("mt-0.5 block min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive/80", "max-w-full", className), ...props }));
+function AttachmentDescription(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("mt-0.5 block min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive/80", "max-w-full", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      "data-slot": "attachment-description",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function AttachmentActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "attachment-actions", className: cn("relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1", className), ...props }));
+function AttachmentActions(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "attachment-actions",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function AttachmentAction({ className, variant, size = "icon-xs", ...props }) {
-    return (_jsx(Button, { "data-slot": "attachment-action", variant: variant ?? "ghost", size: size, className: cn(className), ...props }));
+function AttachmentAction(t0) {
+  const $ = _c(12);
+  let className;
+  let props;
+  let t1;
+  let variant;
+  if ($[0] !== t0) {
+    ({
+      className,
+      variant,
+      size: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+    $[4] = variant;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+    variant = $[4];
+  }
+  const size = t1 === undefined ? "icon-xs" : t1;
+  const t2 = variant ?? "ghost";
+  let t3;
+  if ($[5] !== className) {
+    t3 = cn(className);
+    $[5] = className;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== props || $[8] !== size || $[9] !== t2 || $[10] !== t3) {
+    t4 = /*#__PURE__*/_jsx(Button, {
+      "data-slot": "attachment-action",
+      variant: t2,
+      size: size,
+      className: t3,
+      ...props
+    });
+    $[7] = props;
+    $[8] = size;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 }
-function AttachmentTrigger({ className, asChild = false, type, ...props }) {
-    const Comp = asChild ? Slot.Root : "button";
-    return (_jsx(Comp, { "data-slot": "attachment-trigger", type: asChild ? undefined : (type ?? "button"), className: cn("absolute inset-0 z-10 outline-none", className), ...props }));
+function AttachmentTrigger(t0) {
+  const $ = _c(12);
+  let className;
+  let props;
+  let t1;
+  let type;
+  if ($[0] !== t0) {
+    ({
+      className,
+      asChild: t1,
+      type,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+    $[4] = type;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+    type = $[4];
+  }
+  const asChild = t1 === undefined ? false : t1;
+  const Comp = asChild ? Slot.Root : "button";
+  const t2 = asChild ? undefined : type ?? "button";
+  let t3;
+  if ($[5] !== className) {
+    t3 = cn("absolute inset-0 z-10 outline-none", className);
+    $[5] = className;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== Comp || $[8] !== props || $[9] !== t2 || $[10] !== t3) {
+    t4 = /*#__PURE__*/_jsx(Comp, {
+      "data-slot": "attachment-trigger",
+      type: t2,
+      className: t3,
+      ...props
+    });
+    $[7] = Comp;
+    $[8] = props;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 }
-export { AttachmentAction, AttachmentActions, AttachmentDescription, AttachmentTitle, AttachmentTrigger, };
+export { AttachmentAction, AttachmentActions, AttachmentDescription, AttachmentTitle, AttachmentTrigger };