@alexgorbatchev/shadcn 0.0.0-stage → 0.0.16

package/dist/chunk-fgfaarep.js

@@ -0,0 +1,37 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Badge2
+} from "./chunk-wjx6zf94.js";
+
+// src/components/assistant-ui/elements/DiffViewerStats.tsx
+import { jsxs } from "react/jsx-runtime";
+function DiffViewerStats2({ additions, deletions, className, ...props }) {
+  return /* @__PURE__ */ jsxs("span", {
+    "data-testid": "DiffViewerStats",
+    "data-slot": "diff-viewer-stats",
+    className: cn2("flex shrink-0 gap-1.5 tabular-nums", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs(Badge2, {
+        variant: "success",
+        "aria-label": String(additions) + " additions",
+        children: [
+          "+",
+          additions
+        ]
+      }),
+      /* @__PURE__ */ jsxs(Badge2, {
+        variant: "destructive",
+        "aria-label": String(deletions) + " deletions",
+        children: [
+          "−",
+          deletions
+        ]
+      })
+    ]
+  });
+}
+
+export { DiffViewerStats2 };

package/dist/chunk-fgmcbtyt.js

@@ -0,0 +1,23 @@
+// src/components/assistant-ui/elements/constants.ts
+var paper = "bg-card border border-frame-edge text-card-foreground shadow-frame";
+var floating = "bg-popover border border-frame-edge text-popover-foreground shadow-frame";
+var field = "bg-secondary border border-input";
+var fieldInteractive = "bg-secondary border border-input transition-colors hover:bg-accent";
+var inkButton = "rounded-sm border border-transparent bg-primary font-semibold text-primary-foreground transition-colors hover:brightness-110 motion-reduce:transition-none";
+var labelSwap = "col-start-1 row-start-1 flex w-max items-center gap-1.5 leading-none transition-[opacity] duration-300 motion-reduce:transition-none";
+var labelSwapIn = "opacity-100 ";
+var labelSwapOut = "pointer-events-none select-none opacity-0";
+var collapsePanel = "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none";
+var mono = "font-mono text-sm";
+var codeScroll = "overflow-x-auto";
+var codeSurface = "w-max min-w-full";
+var REASONING_ANIMATION_DURATION = 200;
+var HEAT_GRAPH_COLOR_SCALE = [
+  "color-mix(in srgb, var(--foreground) 6%, transparent)",
+  "color-mix(in srgb, var(--primary) 25%, transparent)",
+  "color-mix(in srgb, var(--primary) 45%, transparent)",
+  "color-mix(in srgb, var(--primary) 70%, transparent)",
+  "var(--primary)"
+];
+
+export { paper, floating, field, fieldInteractive, inkButton, labelSwap, labelSwapIn, labelSwapOut, collapsePanel, mono, codeScroll, codeSurface, REASONING_ANIMATION_DURATION, HEAT_GRAPH_COLOR_SCALE };

package/dist/chunk-fh3nme7f.js

@@ -0,0 +1,45 @@
+import {
+  CommandItem2
+} from "./chunk-4gby2v61.js";
+import {
+  useModelSelectorContext
+} from "./chunk-ydfx8r6d.js";
+
+// src/components/assistant-ui/elements/ModelSelectorItem.tsx
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function ModelSelectorItem2({ model, children, onSelect, ...props }) {
+  const { value, setValue, setOpen } = useModelSelectorContext();
+  return /* @__PURE__ */ jsx(CommandItem2, {
+    ...props,
+    "data-slot": "model-selector-item",
+    value: model.id,
+    "data-checked": value === model.id,
+    keywords: [model.name, ...model.keywords ?? []],
+    disabled: model.disabled,
+    onSelect: (selectedValue) => {
+      setValue(model.id);
+      setOpen(false);
+      onSelect?.(selectedValue);
+    },
+    children: children ?? /* @__PURE__ */ jsxs(Fragment, {
+      children: [
+        model.icon,
+        /* @__PURE__ */ jsxs("span", {
+          className: "flex min-w-0 flex-col",
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              className: "truncate font-medium",
+              children: model.name
+            }),
+            model.description && /* @__PURE__ */ jsx("span", {
+              className: "truncate text-sm text-muted-foreground",
+              children: model.description
+            })
+          ]
+        })
+      ]
+    })
+  });
+}
+
+export { ModelSelectorItem2 };

package/dist/chunk-fq8taatb.js

@@ -0,0 +1,85 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Card2,
+  CardContent2
+} from "./chunk-fqekyjkh.js";
+import {
+  take
+} from "./chunk-v8ks0cfq.js";
+import {
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/FlowGraph.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var COL_W = 96;
+var ROW_H = 58;
+var NODE_W = 78;
+var NODE_H = 30;
+function FlowGraph2({ nodes, edges, visibleCount, ...props }) {
+  const shown = take(nodes, visibleCount);
+  const shownIds = new Set(shown.map((node) => node.id));
+  const columns = Math.max(0, ...nodes.map((node) => node.column)) + 1;
+  const rows = Math.max(0, ...nodes.map((node) => node.row)) + 1;
+  const width = (columns - 1) * COL_W + NODE_W;
+  const height = (rows - 1) * ROW_H + NODE_H;
+  const center = (node) => ({
+    x: node.column * COL_W + NODE_W / 2,
+    y: node.row * ROW_H + NODE_H / 2
+  });
+  return /* @__PURE__ */ jsx(Card2, {
+    "data-testid": "FlowGraph",
+    className: "w-full max-w-md",
+    ...props,
+    children: /* @__PURE__ */ jsx(CardContent2, {
+      className: "overflow-x-auto",
+      children: /* @__PURE__ */ jsxs("ol", {
+        "aria-label": "Workflow nodes",
+        className: "relative list-none",
+        style: { width, height, minWidth: width },
+        children: [
+          /* @__PURE__ */ jsx("svg", {
+            "aria-hidden": true,
+            className: "absolute inset-0 overflow-visible",
+            width,
+            height,
+            children: edges.map((edge) => {
+              const from = nodes.find((node) => node.id === edge.from);
+              const to = nodes.find((node) => node.id === edge.to);
+              if (!from || !to)
+                return null;
+              const live = shownIds.has(edge.from) && shownIds.has(edge.to);
+              const a = center(from);
+              const b = center(to);
+              const midX = (a.x + b.x) / 2;
+              return /* @__PURE__ */ jsx("path", {
+                d: `M ${a.x + NODE_W / 2} ${a.y} C ${midX} ${a.y}, ${midX} ${b.y}, ${b.x - NODE_W / 2} ${b.y}`,
+                fill: "none",
+                strokeWidth: "1.5",
+                className: cn2("transition-opacity duration-500 motion-reduce:transition-none", live ? "stroke-foreground/20" : "stroke-foreground/5")
+              }, `${edge.from}-${edge.to}`);
+            })
+          }),
+          shown.map((node) => /* @__PURE__ */ jsx("li", {
+            "aria-label": `${node.label}: ${node.state}`,
+            className: cn2("fade-in animate-in fill-mode-both absolute flex items-center justify-center rounded-md border text-center text-[11.5px] leading-tight duration-300", node.state === "done" && "border-foreground/10 bg-foreground/[0.04] text-muted-foreground", node.state === "active" && "text-foreground/90 border-primary/30 bg-primary/10 border-primary/30", node.state === "pending" && "border-border text-muted-foreground border-dashed"),
+            style: {
+              left: node.column * COL_W,
+              top: node.row * ROW_H,
+              width: NODE_W,
+              height: NODE_H
+            },
+            children: /* @__PURE__ */ jsx("span", {
+              className: cn2(mono, "px-2"),
+              children: node.label
+            })
+          }, node.id))
+        ]
+      })
+    })
+  });
+}
+
+export { FlowGraph2 };

package/dist/chunk-fqekyjkh.js

@@ -0,0 +1,65 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Card.tsx
+import { jsx } from "react/jsx-runtime";
+function Card2({ density, className, size = "default", ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card",
+    "data-size": size,
+    className: cn2("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-md bg-card py-(--card-spacing) text-sm text-card-foreground border border-border [--card-spacing:var(--ag-panel-padding)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:var(--ag-panel-padding-sm)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-md *:[img:last-child]:rounded-b-md", className),
+    ...props
+  });
+}
+function CardHeader2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-header",
+    className: cn2("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-md px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
+    ...props
+  });
+}
+function CardTitle2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-title",
+    className: cn2("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className),
+    ...props
+  });
+}
+function CardDescription2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-description",
+    className: cn2("text-sm text-muted-foreground", className),
+    ...props
+  });
+}
+function CardAction2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-action",
+    className: cn2("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+    ...props
+  });
+}
+function CardContent2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-content",
+    className: cn2("px-(--card-spacing)", className),
+    ...props
+  });
+}
+function CardFooter2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-footer",
+    className: cn2("flex items-center rounded-b-md border-t bg-muted/50 p-(--card-spacing)", className),
+    ...props
+  });
+}
+
+export { Card2, CardHeader2, CardTitle2, CardDescription2, CardAction2, CardContent2, CardFooter2 };

package/dist/chunk-fvg93469.js

@@ -0,0 +1,42 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  take
+} from "./chunk-v8ks0cfq.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/MathBlock.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MathBlock2({ label, steps, visibleSteps, ...props }) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "MathBlock",
+    "data-slot": "math-block",
+    className: cn2(paper, "flex w-full max-w-sm flex-col gap-2 rounded-md p-2"),
+    ...props,
+    children: [
+      label && /* @__PURE__ */ jsx("span", {
+        className: cn2(mono, "text-muted-foreground"),
+        children: label
+      }),
+      take(steps, visibleSteps).map((step, i) => /* @__PURE__ */ jsxs("div", {
+        className: "fade-in slide-in-from-bottom-1 animate-in fill-mode-both flex flex-col gap-1 duration-300",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "text-foreground/90 overflow-x-auto py-1 text-center font-serif text-[17px] leading-relaxed italic",
+            children: step.expression
+          }),
+          step.note && /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground text-center"),
+            children: step.note
+          })
+        ]
+      }, i))
+    ]
+  });
+}
+
+export { MathBlock2 };

package/dist/chunk-fy1jbp97.js

@@ -0,0 +1,47 @@
+// src/components/assistant-ui/elements/GeminiLogo.tsx
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function GeminiLogo2({ size = "md", ...props }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs("svg", {
+    "data-testid": "GeminiLogo",
+    "data-slot": "icon",
+    width: size === "sm" ? 12 : 14,
+    height: size === "sm" ? 12 : 14,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: `url(#${id})`,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("defs", {
+        children: /* @__PURE__ */ jsxs("linearGradient", {
+          id,
+          x1: "2",
+          y1: "12",
+          x2: "22",
+          y2: "12",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx("stop", {
+              stopColor: "#4285F4"
+            }),
+            /* @__PURE__ */ jsx("stop", {
+              offset: "0.5",
+              stopColor: "#9B72CB"
+            }),
+            /* @__PURE__ */ jsx("stop", {
+              offset: "1",
+              stopColor: "#D96570"
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ jsx("path", {
+        d: "M12 1c.53 5.94 4.06 9.47 10 10-5.94.53-9.47 4.06-10 10-.53-5.94-4.06-9.47-10-10C7.94 10.47 11.47 6.94 12 1Z"
+      })
+    ]
+  });
+}
+
+export { GeminiLogo2 };

package/dist/chunk-gc0s6z4e.js

@@ -0,0 +1,83 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/SharedConversation.tsx
+import { LinkIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SharedConversation2({
+  title,
+  sharedBy,
+  sharedAt,
+  turns,
+  onContinue,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "SharedConversation",
+    "data-slot": "shared-conversation",
+    className: cn2(cn2(paper, "flex w-full max-w-sm flex-col overflow-hidden rounded-md"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2.5 px-4 pt-3.5 pb-3",
+        children: [
+          /* @__PURE__ */ jsx(LinkIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4")
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "flex min-w-0 flex-1 flex-col",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "truncate text-base font-medium",
+                children: title
+              }),
+              /* @__PURE__ */ jsxs("span", {
+                className: cn2(mono, "text-muted-foreground truncate"),
+                children: [
+                  "shared by ",
+                  sharedBy,
+                  " · ",
+                  sharedAt
+                ]
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "border-foreground/[0.07] flex flex-col gap-2.5 border-t px-4 py-3.5",
+        children: turns.map((turn) => /* @__PURE__ */ jsx("div", {
+          className: cn2("text-base leading-relaxed", turn.role === "user" ? "bg-foreground/[0.05] ms-auto max-w-[85%] rounded-md px-3 py-2" : "text-muted-foreground"),
+          children: turn.text
+        }, turn.id))
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "border-foreground/[0.07] flex items-center gap-2 border-t px-4 py-3",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "text-muted-foreground"),
+            children: "read only"
+          }),
+          /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            onClick: onContinue,
+            variant: "default",
+            children: "Continue in your own chat"
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { SharedConversation2 };

package/dist/chunk-gdtrt9dz.js

@@ -0,0 +1,83 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  indexIn
+} from "./chunk-v8ks0cfq.js";
+import {
+  paper,
+  field,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/Onboarding.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Onboarding2({ steps, index, onNext, onSkip, className, ...props }) {
+  const current = indexIn(steps, index);
+  const step = steps[current];
+  if (!step)
+    return null;
+  const last = current >= steps.length - 1;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "Onboarding",
+    "data-slot": "onboarding",
+    className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-4 rounded-md p-5"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "fade-in animate-in flex flex-col gap-2 duration-300",
+        children: [
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "text-muted-foreground tabular-nums"),
+            children: [
+              current + 1,
+              " of ",
+              steps.length
+            ]
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "text-[15px] font-medium tracking-tight",
+            children: step.title
+          }),
+          /* @__PURE__ */ jsx("p", {
+            className: "text-muted-foreground text-base leading-relaxed break-words",
+            children: step.body
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(field, "text-muted-foreground rounded-md px-3 py-2 text-base leading-relaxed"),
+            children: step.example
+          })
+        ]
+      }, current),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "flex gap-1.5",
+            children: steps.map((_, i) => /* @__PURE__ */ jsx("span", {
+              "aria-hidden": true,
+              className: cn2("h-1 rounded-full transition-all duration-300 motion-reduce:transition-none", i === current ? "bg-foreground/60 w-4" : "bg-foreground/15 w-1")
+            }, i))
+          }),
+          /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            onClick: onSkip,
+            variant: "ghost",
+            children: "Skip"
+          }),
+          /* @__PURE__ */ jsx(Button2, {
+            type: "button",
+            onClick: onNext,
+            variant: "default",
+            children: last ? "Start" : "Next"
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { Onboarding2 };

package/dist/chunk-ge705y2w.js

@@ -0,0 +1,26 @@
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+
+// src/components/assistant-ui/elements/ComposerModelTrigger.tsx
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ComposerModelTrigger2({ model, open, ...props }) {
+  return /* @__PURE__ */ jsxs(Button2, {
+    "data-testid": "ComposerModelTrigger",
+    type: "button",
+    "aria-expanded": open,
+    "data-slot": "composer-model-trigger",
+    variant: "outline",
+    ...props,
+    children: [
+      model,
+      /* @__PURE__ */ jsx(ChevronDownIcon, {
+        "aria-hidden": "true",
+        "data-icon": "inline-start"
+      })
+    ]
+  });
+}
+
+export { ComposerModelTrigger2 };