@locusgraph/components 0.2.1 → 0.2.2

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

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as React from "react";
@@ -16,109 +15,34 @@ const attachmentVariants = cva("group/attachment relative flex w-fit max-w-full
     }
   }
 });
-function Attachment(t0) {
-  const $ = _c(16);
-  let className;
-  let props;
-  let t1;
-  let t2;
-  let t3;
-  if ($[0] !== t0) {
-    ({
-      className,
-      state: t1,
-      size: t2,
-      orientation: t3,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-    $[4] = t2;
-    $[5] = t3;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-    t2 = $[4];
-    t3 = $[5];
-  }
-  const state = t1 === undefined ? "done" : t1;
-  const size = t2 === undefined ? "default" : t2;
-  const orientation = t3 === undefined ? "horizontal" : t3;
-  let t4;
-  if ($[6] !== className || $[7] !== orientation || $[8] !== size) {
-    t4 = cn(attachmentVariants({
+function Attachment({
+  className,
+  state = "done",
+  size = "default",
+  orientation = "horizontal",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "attachment",
+    "data-state": state,
+    "data-size": size,
+    "data-orientation": orientation,
+    className: cn(attachmentVariants({
       size,
       orientation
-    }), className);
-    $[6] = className;
-    $[7] = orientation;
-    $[8] = size;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  let t5;
-  if ($[10] !== orientation || $[11] !== props || $[12] !== size || $[13] !== state || $[14] !== t4) {
-    t5 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "attachment",
-      "data-state": state,
-      "data-size": size,
-      "data-orientation": orientation,
-      className: t4,
-      ...props
-    });
-    $[10] = orientation;
-    $[11] = props;
-    $[12] = size;
-    $[13] = state;
-    $[14] = t4;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  return t5;
+    }), className),
+    ...props
+  });
 }
-function AttachmentGroup(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("flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "attachment-group",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function AttachmentGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "attachment-group",
+    className: cn("flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className),
+    ...props
+  });
 }
 const attachmentMediaVariants = cva("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
   variants: {
@@ -131,92 +55,28 @@ const attachmentMediaVariants = cva("relative flex aspect-square w-10 shrink-0 i
     variant: "icon"
   }
 });
-function AttachmentMedia(t0) {
-  const $ = _c(11);
-  let className;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      className,
-      variant: t1,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-  }
-  const variant = t1 === undefined ? "icon" : t1;
-  let t2;
-  if ($[4] !== className || $[5] !== variant) {
-    t2 = cn(attachmentMediaVariants({
+function AttachmentMedia({
+  className,
+  variant = "icon",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "attachment-media",
+    "data-variant": variant,
+    className: cn(attachmentMediaVariants({
       variant
-    }), className);
-    $[4] = className;
-    $[5] = variant;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== props || $[8] !== t2 || $[9] !== variant) {
-    t3 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "attachment-media",
-      "data-variant": variant,
-      className: t2,
-      ...props
-    });
-    $[7] = props;
-    $[8] = t2;
-    $[9] = variant;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  return t3;
+    }), className),
+    ...props
+  });
 }
-function AttachmentContent(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("max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "attachment-content",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function AttachmentContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "attachment-content",
+    className: cn("max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1", className),
+    ...props
+  });
 }
 export { Attachment, AttachmentContent, AttachmentGroup, AttachmentMedia };

package/dist/display/chat/bubble.js

@@ -1,47 +1,17 @@
-import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
 import * as React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function BubbleGroup(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("flex min-w-0 flex-col gap-2", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "bubble-group",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function BubbleGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "bubble-group",
+    className: cn("flex min-w-0 flex-col gap-2", className),
+    ...props
+  });
 }
 const bubbleVariants = cva("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
   variants: {
@@ -59,107 +29,33 @@ const bubbleVariants = cva("group/bubble relative flex w-fit max-w-[80%] min-w-0
     variant: "default"
   }
 });
-function Bubble(t0) {
-  const $ = _c(13);
-  let className;
-  let props;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      variant: t1,
-      align: t2,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-    t2 = $[4];
-  }
-  const variant = t1 === undefined ? "default" : t1;
-  const align = t2 === undefined ? "start" : t2;
-  let t3;
-  if ($[5] !== className || $[6] !== variant) {
-    t3 = cn(bubbleVariants({
+function Bubble({
+  variant = "default",
+  align = "start",
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "bubble",
+    "data-variant": variant,
+    "data-align": align,
+    className: cn(bubbleVariants({
       variant
-    }), className);
-    $[5] = className;
-    $[6] = variant;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] !== align || $[9] !== props || $[10] !== t3 || $[11] !== variant) {
-    t4 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "bubble",
-      "data-variant": variant,
-      "data-align": align,
-      className: t3,
-      ...props
-    });
-    $[8] = align;
-    $[9] = props;
-    $[10] = t3;
-    $[11] = variant;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  return t4;
+    }), className),
+    ...props
+  });
 }
-function BubbleContent(t0) {
-  const $ = _c(10);
-  let className;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      asChild: t1,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-  }
-  const asChild = t1 === undefined ? false : t1;
+function BubbleContent({
+  asChild = false,
+  className,
+  ...props
+}) {
   const Comp = asChild ? Slot.Root : "div";
-  let t2;
-  if ($[4] !== className) {
-    t2 = cn("w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50", className);
-    $[4] = className;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== Comp || $[7] !== props || $[8] !== t2) {
-    t3 = /*#__PURE__*/_jsx(Comp, {
-      "data-slot": "bubble-content",
-      className: t2,
-      ...props
-    });
-    $[6] = Comp;
-    $[7] = props;
-    $[8] = t2;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  return t3;
+  return /*#__PURE__*/_jsx(Comp, {
+    "data-slot": "bubble-content",
+    className: cn("w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50", className),
+    ...props
+  });
 }
 const bubbleReactionsVariants = cva("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0", {
   variants: {
@@ -177,62 +73,21 @@ const bubbleReactionsVariants = cva("absolute z-10 flex w-fit shrink-0 items-cen
     align: "end"
   }
 });
-function BubbleReactions(t0) {
-  const $ = _c(14);
-  let className;
-  let props;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      side: t1,
-      align: t2,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-    t2 = $[4];
-  }
-  const side = t1 === undefined ? "bottom" : t1;
-  const align = t2 === undefined ? "end" : t2;
-  let t3;
-  if ($[5] !== align || $[6] !== className || $[7] !== side) {
-    t3 = cn(bubbleReactionsVariants({
+function BubbleReactions({
+  side = "bottom",
+  align = "end",
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "bubble-reactions",
+    "data-align": align,
+    "data-side": side,
+    className: cn(bubbleReactionsVariants({
       side,
       align
-    }), className);
-    $[5] = align;
-    $[6] = className;
-    $[7] = side;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== align || $[10] !== props || $[11] !== side || $[12] !== t3) {
-    t4 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "bubble-reactions",
-      "data-align": align,
-      "data-side": side,
-      className: t3,
-      ...props
-    });
-    $[9] = align;
-    $[10] = props;
-    $[11] = side;
-    $[12] = t3;
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  return t4;
+    }), className),
+    ...props
+  });
 }
 export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };

package/dist/display/chat/marker.js

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
@@ -13,140 +12,42 @@ const markerVariants = cva("group/marker relative flex min-h-4 w-full items-cent
     }
   }
 });
-function Marker(t0) {
-  const $ = _c(13);
-  let className;
-  let props;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      className,
-      variant: t1,
-      asChild: t2,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-    t2 = $[4];
-  }
-  const variant = t1 === undefined ? "default" : t1;
-  const asChild = t2 === undefined ? false : t2;
+function Marker({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
   const Comp = asChild ? Slot.Root : "div";
-  let t3;
-  if ($[5] !== className || $[6] !== variant) {
-    t3 = cn(markerVariants({
+  return /*#__PURE__*/_jsx(Comp, {
+    "data-slot": "marker",
+    "data-variant": variant,
+    className: cn(markerVariants({
       variant,
       className
-    }));
-    $[5] = className;
-    $[6] = variant;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] !== Comp || $[9] !== props || $[10] !== t3 || $[11] !== variant) {
-    t4 = /*#__PURE__*/_jsx(Comp, {
-      "data-slot": "marker",
-      "data-variant": variant,
-      className: t3,
-      ...props
-    });
-    $[8] = Comp;
-    $[9] = props;
-    $[10] = t3;
-    $[11] = variant;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  return t4;
+    })),
+    ...props
+  });
 }
-function MarkerIcon(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("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("span", {
-      "data-slot": "marker-icon",
-      "aria-hidden": "true",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function MarkerIcon({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    "data-slot": "marker-icon",
+    "aria-hidden": "true",
+    className: cn("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  });
 }
-function MarkerContent(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("min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("span", {
-      "data-slot": "marker-content",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function MarkerContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    "data-slot": "marker-content",
+    className: cn("min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+    ...props
+  });
 }
 export { Marker, MarkerContent, MarkerIcon, markerVariants };