@alexgorbatchev/shadcn 0.0.12 → 0.0.17

package/dist/chunk-h0g7qkya.js

@@ -0,0 +1,265 @@
+import {
+  usePrefersReducedMotion
+} from "./chunk-jy57625a.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/assistant-ui/elements/NumberRoll.tsx
+import { useEffect, useMemo, useRef as useRef3, useState } from "react";
+
+// src/components/assistant-ui/utils/getNumberRollParts.ts
+function getNumberRollParts(value, formatter, prefix, suffix) {
+  const atoms = [];
+  if (prefix)
+    atoms.push({ kind: "symbol", type: "prefix", value: prefix });
+  for (const part of formatter.formatToParts(value)) {
+    if (part.type === "integer" || part.type === "fraction") {
+      for (const character of part.value) {
+        const isDigit = character >= "0" && character <= "9";
+        atoms.push({ kind: isDigit ? part.type : "symbol", type: part.type, value: character });
+      }
+    } else {
+      atoms.push({
+        kind: part.type === "group" ? "group" : "symbol",
+        type: part.type === "minusSign" || part.type === "plusSign" ? "sign" : part.type,
+        value: part.value
+      });
+    }
+  }
+  if (suffix)
+    atoms.push({ kind: "symbol", type: "suffix", value: suffix });
+  const counts = new Map;
+  const nextKey = (type) => {
+    const count = counts.get(type) ?? 0;
+    counts.set(type, count + 1);
+    return `${type}:${count}`;
+  };
+  const integerKeys = new Map;
+  for (const [index, atom] of [...atoms.entries()].reverse()) {
+    if (atom.kind === "integer" || atom.kind === "group")
+      integerKeys.set(index, nextKey(atom.kind === "integer" ? "int" : "group"));
+  }
+  return atoms.map((atom, index) => {
+    if (atom.kind === "integer" || atom.kind === "fraction") {
+      return { type: "digit", key: integerKeys.get(index) ?? nextKey("fraction"), digit: Number(atom.value) };
+    }
+    return { type: "symbol", key: integerKeys.get(index) ?? `${nextKey(atom.type)}:${atom.value}`, value: atom.value };
+  });
+}
+function mergeNumberRollParts(previous, next) {
+  const nextKeys = new Set(next.map((part) => part.key));
+  const previousKeys = new Set(previous.map((part) => part.key));
+  const output = [];
+  let cursor = 0;
+  const emitExited = (until) => {
+    while (cursor < previous.length) {
+      const part = previous[cursor];
+      if (!part || part.key === until)
+        break;
+      cursor++;
+      if (!nextKeys.has(part.key))
+        output.push({ ...part, isExiting: true });
+    }
+  };
+  for (const part of next) {
+    if (previousKeys.has(part.key)) {
+      emitExited(part.key);
+      cursor++;
+      output.push(part);
+    } else
+      output.push({ ...part, hasEntered: true });
+  }
+  emitExited();
+  return output;
+}
+function getRollDelta(from, to, direction) {
+  const up = ((to - from) % 10 + 10) % 10;
+  if (up === 0)
+    return 0;
+  if (direction > 0)
+    return up;
+  if (direction < 0)
+    return up - 10;
+  return up > 5 ? up - 10 : up;
+}
+function getNumberRollCellOffset(cell, position) {
+  return Math.max(-1, Math.min(1, ((cell - position) % 10 + 15) % 10 - 5));
+}
+
+// src/components/assistant-ui/elements/NumberRollPart.tsx
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef2 } from "react";
+
+// src/components/assistant-ui/elements/NumberRollDigit.tsx
+import { useLayoutEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CELLS = Array.from({ length: 10 }, (_, index) => index);
+function NumberRollDigit({ digit, direction, duration }) {
+  const reference = useRef(null);
+  const previousDigit = useRef(digit);
+  const isReducedMotion = usePrefersReducedMotion();
+  useLayoutEffect(() => {
+    const from = previousDigit.current;
+    previousDigit.current = digit;
+    const delta = getRollDelta(from, digit, direction);
+    if (!reference.current || isReducedMotion || delta === 0 || duration <= 0)
+      return;
+    const steps = Math.abs(delta) * 4;
+    const animations = Array.from(reference.current.querySelectorAll("[data-digit-cell]"), (cell) => {
+      const index = Number(cell.dataset.digitCell);
+      const frames = Array.from({ length: steps + 1 }, (_, step) => ({
+        offset: step / steps,
+        transform: `translateY(${getNumberRollCellOffset(index, from + delta * step / steps) * 100}%)`
+      }));
+      return cell.animate(frames, { duration, easing: "cubic-bezier(0.23, 1, 0.32, 1)" });
+    });
+    return () => {
+      for (const animation of animations)
+        animation.cancel();
+    };
+  }, [digit, direction, duration, isReducedMotion]);
+  return /* @__PURE__ */ jsxs("span", {
+    ref: reference,
+    "data-testid": "NumberRollDigit",
+    className: "relative inline-block overflow-clip",
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        "data-digit": digit,
+        className: "invisible before:content-[attr(data-digit)]"
+      }),
+      CELLS.map((cell) => /* @__PURE__ */ jsx("span", {
+        "data-digit-cell": cell,
+        "data-digit": cell,
+        className: "absolute inset-0 text-center before:content-[attr(data-digit)]",
+        style: { transform: `translateY(${getNumberRollCellOffset(cell, digit) * 100}%)` }
+      }, cell))
+    ]
+  });
+}
+
+// src/components/assistant-ui/elements/NumberRollPart.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function NumberRollPart({ part, direction, duration }) {
+  const reference = useRef2(null);
+  const isReducedMotion = usePrefersReducedMotion();
+  useLayoutEffect2(() => {
+    if (!reference.current || isReducedMotion || duration <= 0 || !part.hasEntered && !part.isExiting)
+      return;
+    const frames = [
+      { gridTemplateColumns: "0fr", opacity: 0, translate: `0 ${direction * (part.isExiting ? -35 : 35)}%` },
+      { gridTemplateColumns: "1fr", opacity: 1, translate: "0 0%" }
+    ];
+    const animation = reference.current.animate(part.isExiting ? frames.reverse() : frames, {
+      duration: duration * 0.6,
+      easing: "ease-out"
+    });
+    return () => animation.cancel();
+  }, [part.hasEntered, part.isExiting, direction, duration, isReducedMotion]);
+  return /* @__PURE__ */ jsx2("span", {
+    ref: reference,
+    "data-testid": "NumberRollPart",
+    className: cn2("inline-grid", part.isExiting ? "pointer-events-none grid-cols-[0fr] opacity-0" : "grid-cols-[1fr]"),
+    children: /* @__PURE__ */ jsx2("span", {
+      className: "min-w-0 overflow-hidden",
+      children: part.type === "digit" ? /* @__PURE__ */ jsx2(NumberRollDigit, {
+        digit: part.digit,
+        direction,
+        duration
+      }) : /* @__PURE__ */ jsx2("span", {
+        className: "whitespace-pre",
+        children: part.value
+      })
+    })
+  });
+}
+
+// src/components/assistant-ui/elements/NumberRoll.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function NumberRoll2({
+  value,
+  format,
+  locales,
+  prefix,
+  suffix,
+  trend = "auto",
+  duration = 500,
+  ...props
+}) {
+  const formatter = useMemo(() => new Intl.NumberFormat(locales, format), [locales, format]);
+  const parts = useMemo(() => getNumberRollParts(value, formatter, prefix, suffix), [value, formatter, prefix, suffix]);
+  const formatted = `${prefix ?? ""}${formatter.format(value)}${suffix ?? ""}`;
+  const animationDuration = Number.isFinite(duration) ? Math.max(0, duration) : 500;
+  const [display, setDisplay] = useState(() => ({
+    value,
+    formatted,
+    rendered: parts,
+    direction: 0
+  }));
+  if (display.formatted !== formatted) {
+    setDisplay({
+      value,
+      formatted,
+      rendered: mergeNumberRollParts(display.rendered, parts),
+      direction: trend === "up" ? 1 : trend === "down" ? -1 : Math.sign(value - display.value)
+    });
+  }
+  const exitTimers = useRef3(new Map);
+  const previousDuration = useRef3(animationDuration);
+  useEffect(() => {
+    const timers = exitTimers.current;
+    if (previousDuration.current !== animationDuration) {
+      previousDuration.current = animationDuration;
+      for (const timer of timers.values())
+        clearTimeout(timer);
+      timers.clear();
+    }
+    const exiting = new Set(display.rendered.filter((part) => part.isExiting).map((part) => part.key));
+    for (const [key, timer] of timers) {
+      if (!exiting.has(key)) {
+        clearTimeout(timer);
+        timers.delete(key);
+      }
+    }
+    for (const key of exiting) {
+      if (timers.has(key))
+        continue;
+      timers.set(key, setTimeout(() => {
+        timers.delete(key);
+        setDisplay((current) => ({
+          ...current,
+          rendered: current.rendered.filter((part) => !(part.isExiting && part.key === key))
+        }));
+      }, animationDuration));
+    }
+  }, [display.rendered, animationDuration]);
+  useEffect(() => {
+    const timers = exitTimers.current;
+    return () => {
+      for (const timer of timers.values())
+        clearTimeout(timer);
+      timers.clear();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs2("span", {
+    "data-testid": "NumberRoll",
+    className: "inline-block whitespace-nowrap tabular-nums",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx3("span", {
+        className: "sr-only",
+        children: formatted
+      }),
+      /* @__PURE__ */ jsx3("span", {
+        "aria-hidden": "true",
+        className: "inline-block select-none",
+        children: display.rendered.map((part) => /* @__PURE__ */ jsx3(NumberRollPart, {
+          part,
+          direction: display.direction,
+          duration: animationDuration
+        }, part.key))
+      })
+    ]
+  });
+}
+
+export { NumberRoll2 };

package/dist/chunk-h51gnkz8.js

@@ -0,0 +1,99 @@
+import {
+  ShareMeter2
+} from "./chunk-mammcx1w.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Badge2
+} from "./chunk-wjx6zf94.js";
+import {
+  take,
+  pct,
+  announced
+} from "./chunk-v8ks0cfq.js";
+import {
+  paper,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ScoreBreakdown.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ScoreBreakdown2({
+  verdict,
+  total,
+  outOf,
+  criteria,
+  visibleCount,
+  className,
+  ...props
+}) {
+  const ratio = outOf === 0 ? 0 : total / outOf;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-testid": "ScoreBreakdown",
+    "data-slot": "score-breakdown",
+    className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-3 rounded-md p-4"), className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-baseline gap-2",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "text-2xl font-medium tracking-tight tabular-nums",
+            children: total.toFixed(1)
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: cn2(mono, "text-muted-foreground tabular-nums"),
+            children: [
+              "/ ",
+              outOf
+            ]
+          }),
+          /* @__PURE__ */ jsx(Badge2, {
+            variant: ratio >= 0.75 ? "success" : ratio >= 0.5 ? "warning" : "destructive",
+            children: verdict
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex flex-col gap-2",
+        children: take(criteria, visibleCount).map((criterion) => /* @__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__ */ jsxs("div", {
+              className: "flex items-baseline gap-2",
+              children: [
+                /* @__PURE__ */ jsx("span", {
+                  className: "text-muted-foreground min-w-0 flex-1 truncate text-base",
+                  children: criterion.label
+                }),
+                /* @__PURE__ */ jsxs("span", {
+                  className: cn2(mono, "text-muted-foreground shrink-0"),
+                  children: [
+                    "×",
+                    criterion.weight
+                  ]
+                }),
+                /* @__PURE__ */ jsx("span", {
+                  className: cn2(mono, "text-muted-foreground shrink-0 tabular-nums"),
+                  children: criterion.score.toFixed(1)
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsx(ShareMeter2, {
+              label: `${criterion.label} score`,
+              percentage: announced(pct(criterion.score, outOf)),
+              valueText: `${criterion.score.toFixed(1)} of ${outOf}`
+            }),
+            criterion.note && /* @__PURE__ */ jsx("span", {
+              className: "text-muted-foreground text-sm leading-relaxed break-words",
+              children: criterion.note
+            })
+          ]
+        }, criterion.label))
+      })
+    ]
+  });
+}
+
+export { ScoreBreakdown2 };

package/dist/chunk-h561m2ae.js

@@ -0,0 +1,75 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  DropdownMenu2,
+  DropdownMenuTrigger2,
+  DropdownMenuContent2,
+  DropdownMenuItem2
+} from "./chunk-mx21wpq0.js";
+import {
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/RegenerateMenu.tsx
+import { RefreshCwIcon } from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function RegenerateMenu2({
+  options,
+  open,
+  currentId,
+  onOpenChange,
+  onPick,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "RegenerateMenu",
+    "data-slot": "regenerate-menu",
+    className: cn2(cn2("flex w-full max-w-sm flex-col gap-2"), className),
+    ...props,
+    children: /* @__PURE__ */ jsxs(DropdownMenu2, {
+      open,
+      onOpenChange: (next) => onOpenChange?.(next),
+      children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger2, {
+          disabled: !onOpenChange,
+          render: /* @__PURE__ */ jsx(Button2, {
+            "aria-label": "Regenerate with a different model",
+            variant: "ghost",
+            size: "icon"
+          }),
+          children: /* @__PURE__ */ jsx(RefreshCwIcon, {
+            "aria-hidden": "true"
+          })
+        }),
+        /* @__PURE__ */ jsx(DropdownMenuContent2, {
+          children: options.map((option) => {
+            const content = /* @__PURE__ */ jsxs(Fragment, {
+              children: [
+                /* @__PURE__ */ jsx("span", {
+                  className: "min-w-0 flex-1 truncate text-base",
+                  children: option.label
+                }),
+                /* @__PURE__ */ jsx("span", {
+                  className: cn2(mono, "text-muted-foreground shrink-0"),
+                  children: option.id === currentId ? "current" : option.detail
+                })
+              ]
+            });
+            return /* @__PURE__ */ jsx(DropdownMenuItem2, {
+              disabled: !onPick,
+              onClick: () => onPick?.(option.id),
+              children: content
+            }, option.id);
+          })
+        })
+      ]
+    })
+  });
+}
+
+export { RegenerateMenu2 };

package/dist/chunk-h6kcqtzf.js

@@ -0,0 +1,121 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Collapsible2,
+  CollapsibleTrigger2,
+  CollapsibleContent2
+} from "./chunk-24d68cjp.js";
+import {
+  ShimmerLabel2
+} from "./chunk-s3wqwhxc.js";
+import {
+  SwapLabel2
+} from "./chunk-wgxs6b5t.js";
+import {
+  field,
+  collapsePanel,
+  mono
+} from "./chunk-fgmcbtyt.js";
+
+// src/components/assistant-ui/elements/ToolCall.tsx
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function ToolCall2({
+  label,
+  activeLabel,
+  query,
+  request,
+  result,
+  running,
+  open,
+  onOpenChange
+}) {
+  return /* @__PURE__ */ jsxs(Collapsible2, {
+    "data-testid": "ToolCall",
+    "data-slot": "tool-call",
+    open,
+    onOpenChange: (next) => onOpenChange(next),
+    render: /* @__PURE__ */ jsx("div", {
+      className: cn2("w-full max-w-sm")
+    }),
+    children: [
+      /* @__PURE__ */ jsxs(CollapsibleTrigger2, {
+        render: /* @__PURE__ */ jsx("button", {
+          type: "button",
+          className: "group/trigger text-muted-foreground hover:text-foreground flex w-full items-center gap-2 rounded-md py-1 text-[13.5px] transition-colors outline-none"
+        }),
+        children: [
+          /* @__PURE__ */ jsx(ChevronRightIcon, {
+            "aria-hidden": "true",
+            className: cn2("size-4")
+          }),
+          /* @__PURE__ */ jsxs(SwapLabel2, {
+            active: running ? 0 : 1,
+            children: [
+              /* @__PURE__ */ jsx(ShimmerLabel2, {
+                active: running,
+                children: activeLabel
+              }),
+              /* @__PURE__ */ jsx(Fragment, {
+                children: label
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: cn2(mono, "bg-foreground/[0.06] text-muted-foreground min-w-0 truncate rounded-md px-1.5 py-0.5"),
+            children: query
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "ms-auto flex w-4 shrink-0 items-center justify-end",
+            children: !running && /* @__PURE__ */ jsx(CheckIcon, {
+              "aria-hidden": "true",
+              className: cn2("size-4")
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(CollapsibleContent2, {
+        render: /* @__PURE__ */ jsx("div", {
+          className: cn2(collapsePanel, "outline-none")
+        }),
+        children: /* @__PURE__ */ jsxs("div", {
+          className: cn2(field, "mt-2 overflow-hidden rounded-md text-sm"),
+          children: [
+            /* @__PURE__ */ jsxs("div", {
+              className: "px-3.5 pt-2.5 pb-2",
+              children: [
+                /* @__PURE__ */ jsx("p", {
+                  className: cn2(mono, "text-muted-foreground mb-1"),
+                  children: "Request"
+                }),
+                /* @__PURE__ */ jsx("p", {
+                  className: "text-muted-foreground font-mono break-words",
+                  children: request
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsx("div", {
+              className: "bg-foreground/[0.06] mx-3.5 h-px"
+            }),
+            /* @__PURE__ */ jsxs("div", {
+              className: "px-3.5 pt-2 pb-2.5",
+              children: [
+                /* @__PURE__ */ jsx("p", {
+                  className: cn2(mono, "text-muted-foreground mb-1"),
+                  children: "Result"
+                }),
+                /* @__PURE__ */ jsx("p", {
+                  className: "text-foreground break-words",
+                  children: result
+                })
+              ]
+            })
+          ]
+        })
+      })
+    ]
+  });
+}
+
+export { ToolCall2 };