@actioneer/ads 0.5.6 → 0.5.8

package/components/ai-elements/inline-citation.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
+import { jsx as i, jsxs as k } from "react/jsx-runtime";
 import * as o from "react";
 import { createPortal as M } from "react-dom";
 import { MotionConfig as R, AnimatePresence as E, motion as L } from "motion/react";
@@ -7,7 +7,7 @@ import { cn as c } from "../../lib/cn.js";
 import { floatVariants as T } from "../../lib/motion.js";
 import { ArrowRight as P, ArrowLeft as z } from "../../lib/icons.js";
 import { Badge as S } from "../badge.js";
-const F = ({ className: e, ...t }) => /* @__PURE__ */ r(
+const F = ({ className: e, ...t }) => /* @__PURE__ */ i(
   "span",
   {
     className: c("group/citation inline items-center gap-1", e),
@@ -16,7 +16,7 @@ const F = ({ className: e, ...t }) => /* @__PURE__ */ r(
 ), H = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ i(
   "span",
   {
     className: c(
@@ -37,7 +37,7 @@ const Q = ({
   open: t,
   defaultOpen: s = !1,
   onOpenChange: n,
-  openDelay: i = 0,
+  openDelay: r = 0,
   closeDelay: a = 0
 }) => {
   const d = t !== void 0, [C, l] = o.useState(s), h = d ? t : C, u = o.useRef(null), f = o.useRef(null), m = o.useRef({}), x = o.useCallback(
@@ -46,8 +46,8 @@ const Q = ({
     },
     [d, n]
   ), p = o.useCallback(() => {
-    window.clearTimeout(m.current.close), m.current.open = window.setTimeout(() => x(!0), i);
-  }, [i, x]), w = o.useCallback(() => {
+    window.clearTimeout(m.current.close), m.current.open = window.setTimeout(() => x(!0), r);
+  }, [r, x]), w = o.useCallback(() => {
     window.clearTimeout(m.current.open), m.current.close = window.setTimeout(
       () => x(!1),
       a + 120
@@ -58,7 +58,7 @@ const Q = ({
       window.clearTimeout(m.current.open), window.clearTimeout(m.current.close);
     },
     []
-  ), /* @__PURE__ */ r(
+  ), /* @__PURE__ */ i(
     g.Provider,
     {
       value: { open: h, triggerRef: u, contentRef: f, handleOpen: p, handleClose: w },
@@ -70,7 +70,7 @@ const Q = ({
   className: t,
   ...s
 }) => {
-  const { open: n, triggerRef: i, handleOpen: a, handleClose: d } = N(
+  const { open: n, triggerRef: r, handleOpen: a, handleClose: d } = N(
     "InlineCitationCardTrigger"
   ), C = o.useMemo(() => {
     if (!e[0]) return "unknown";
@@ -81,10 +81,10 @@ const Q = ({
     }
     return e.length > 1 ? `${l} +${e.length - 1}` : l;
   }, [e]);
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(
     S,
     {
-      ref: i,
+      ref: r,
       variant: "soft",
       className: c("ml-1 cursor-default align-middle", t),
       role: "button",
@@ -104,10 +104,10 @@ const Q = ({
   children: t,
   ...s
 }) => {
-  const { open: n, triggerRef: i, contentRef: a, handleOpen: d, handleClose: C } = N("InlineCitationCardBody"), [l, h] = o.useState(null);
+  const { open: n, triggerRef: r, contentRef: a, handleOpen: d, handleClose: C } = N("InlineCitationCardBody"), [l, h] = o.useState(null);
   return o.useLayoutEffect(() => {
     if (!n) return;
-    const u = i.current;
+    const u = r.current;
     if (!u) return;
     const f = () => {
       var b;
@@ -117,8 +117,8 @@ const Q = ({
     return f(), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0), () => {
       window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
     };
-  }, [n, i]), M(
-    /* @__PURE__ */ r(R, { reducedMotion: "user", children: /* @__PURE__ */ r(E, { children: n && /* @__PURE__ */ r(
+  }, [n, r]), M(
+    /* @__PURE__ */ i(R, { reducedMotion: "user", children: /* @__PURE__ */ i(E, { children: n && /* @__PURE__ */ i(
       L.div,
       {
         ref: a,
@@ -160,20 +160,20 @@ const G = ({
   children: t,
   ...s
 }) => {
-  const [n, i] = o.useState(0), [a, d] = o.useState(0), C = o.useCallback(
-    () => i((u) => Math.max(0, u - 1)),
+  const [n, r] = o.useState(0), [a, d] = o.useState(0), C = o.useCallback(
+    () => r((u) => Math.max(0, u - 1)),
     []
   ), l = o.useCallback(
-    () => i((u) => Math.min(Math.max(0, a - 1), u + 1)),
+    () => r((u) => Math.min(Math.max(0, a - 1), u + 1)),
     [a]
   ), h = o.useCallback((u) => {
-    d(u), i((f) => Math.min(f, Math.max(0, u - 1)));
+    d(u), r((f) => Math.min(f, Math.max(0, u - 1)));
   }, []);
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(
     I.Provider,
     {
       value: { index: n, count: a, setCount: h, scrollPrev: C, scrollNext: l },
-      children: /* @__PURE__ */ r("div", { className: c("w-full", e), ...s, children: t })
+      children: /* @__PURE__ */ i("div", { className: c("w-full", e), ...s, children: t })
     }
   );
 }, J = ({
@@ -181,13 +181,13 @@ const G = ({
   children: t,
   ...s
 }) => {
-  const { index: n, setCount: i } = v(), a = o.Children.count(t);
+  const { index: n, setCount: r } = v(), a = o.Children.count(t);
   return o.useEffect(() => {
-    i(a);
-  }, [a, i]), /* @__PURE__ */ r("div", { className: c("overflow-hidden", e), ...s, children: /* @__PURE__ */ r(
+    r(a);
+  }, [a, r]), /* @__PURE__ */ i("div", { className: c("overflow-hidden", e), ...s, children: /* @__PURE__ */ i(
     "div",
     {
-      className: "flex transition-transform duration-(--duration-normal) ease-out motion-reduce:transition-none",
+      className: "flex transition-transform duration-200 ease-out motion-reduce:transition-none",
       style: { transform: `translateX(-${n * 100}%)` },
       children: t
     }
@@ -195,7 +195,7 @@ const G = ({
 }, K = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ i(
   "div",
   {
     className: c("w-full shrink-0 space-y-2 p-4", e),
@@ -204,7 +204,7 @@ const G = ({
 ), O = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ i(
   "div",
   {
     className: c(
@@ -218,8 +218,8 @@ const G = ({
   className: t,
   ...s
 }) => {
-  const { index: n, count: i } = v();
-  return /* @__PURE__ */ r(
+  const { index: n, count: r } = v();
+  return /* @__PURE__ */ i(
     "div",
     {
       className: c(
@@ -227,7 +227,7 @@ const G = ({
         t
       ),
       ...s,
-      children: e ?? `${i === 0 ? 0 : n + 1}/${i}`
+      children: e ?? `${r === 0 ? 0 : n + 1}/${r}`
     }
   );
 }, y = c(
@@ -240,7 +240,7 @@ const G = ({
   ...t
 }) => {
   const { scrollPrev: s, index: n } = v();
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
@@ -249,24 +249,24 @@ const G = ({
       onClick: s,
       className: c(y, e),
       ...t,
-      children: /* @__PURE__ */ r(z, { className: "size-4" })
+      children: /* @__PURE__ */ i(z, { className: "size-4" })
     }
   );
 }, _ = ({
   className: e,
   ...t
 }) => {
-  const { scrollNext: s, index: n, count: i } = v();
-  return /* @__PURE__ */ r(
+  const { scrollNext: s, index: n, count: r } = v();
+  return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
       "aria-label": "Next source",
-      disabled: n >= i - 1,
+      disabled: n >= r - 1,
       onClick: s,
       className: c(y, e),
       ...t,
-      children: /* @__PURE__ */ r(P, { className: "size-4" })
+      children: /* @__PURE__ */ i(P, { className: "size-4" })
     }
   );
 }, D = ({
@@ -274,18 +274,18 @@ const G = ({
   url: t,
   description: s,
   className: n,
-  children: i,
+  children: r,
   ...a
 }) => /* @__PURE__ */ k("div", { className: c("space-y-1", n), ...a, children: [
-  e && /* @__PURE__ */ r("p", { className: "truncate font-normal text-base leading-tight text-primary", children: e }),
-  t && /* @__PURE__ */ r("p", { className: "truncate break-all text-xs text-tertiary", children: t }),
-  s && /* @__PURE__ */ r("p", { className: "line-clamp-3 text-base leading-relaxed text-secondary", children: s }),
-  i
+  e && /* @__PURE__ */ i("p", { className: "truncate font-normal text-base leading-tight text-primary", children: e }),
+  t && /* @__PURE__ */ i("p", { className: "truncate break-all text-xs text-tertiary", children: t }),
+  s && /* @__PURE__ */ i("p", { className: "line-clamp-3 text-base leading-relaxed text-secondary", children: s }),
+  r
 ] }), ee = ({
   children: e,
   className: t,
   ...s
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ i(
   "blockquote",
   {
     className: c(

package/components/ai-elements/message.js

@@ -100,9 +100,9 @@ const S = i(
   "size-full text-base leading-relaxed text-foreground",
   "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
   "[&_p]:my-2",
-  "[&_h1]:mt-4 [&_h1]:mb-2 [&_h1]:text-xl [&_h1]:font-semibold [&_h1]:tracking-tight",
-  "[&_h2]:mt-4 [&_h2]:mb-2 [&_h2]:text-lg [&_h2]:font-semibold [&_h2]:tracking-tight",
-  "[&_h3]:mt-3 [&_h3]:mb-1 [&_h3]:text-base [&_h3]:font-semibold",
+  "[&_h1]:mt-4 [&_h1]:mb-2 [&_h1]:text-xl [&_h1]:font-medium [&_h1]:tracking-tight",
+  "[&_h2]:mt-4 [&_h2]:mb-2 [&_h2]:text-lg [&_h2]:font-medium [&_h2]:tracking-tight",
+  "[&_h3]:mt-3 [&_h3]:mb-1 [&_h3]:text-base [&_h3]:font-medium",
   "[&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_li]:my-1",
   "[&_a]:font-normal [&_a]:underline [&_a]:underline-offset-2",
   "[&_code]:rounded-xs [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-xs [&_code]:tabular-nums",
@@ -111,7 +111,7 @@ const S = i(
   // <Table> nested in a response keeps its own padding and per-column
   // alignment — unscoped, these descendant rules silently beat it.
   "[&_table:not([data-slot=table])]:my-3 [&_table:not([data-slot=table])]:w-full [&_table:not([data-slot=table])]:text-xs",
-  "[&_table:not([data-slot=table])_th]:px-2 [&_table:not([data-slot=table])_th]:py-1.5 [&_table:not([data-slot=table])_th]:text-left [&_table:not([data-slot=table])_th]:font-semibold",
+  "[&_table:not([data-slot=table])_th]:px-2 [&_table:not([data-slot=table])_th]:py-1.5 [&_table:not([data-slot=table])_th]:text-left [&_table:not([data-slot=table])_th]:font-medium",
   "[&_table:not([data-slot=table])_td]:px-2 [&_table:not([data-slot=table])_td]:py-1.5",
   "[&_table:not([data-slot=table])_thead]:text-secondary"
 ), W = o.memo(

package/components/ai-elements/queue.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as s, jsxs as r } from "react/jsx-runtime";
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
 import { cn as a } from "../../lib/cn.js";
 import { Button as c } from "../button.js";
 import { Collapsible as l, CollapsibleContent as u, CollapsibleTrigger as m } from "../collapsible.js";
@@ -98,7 +98,7 @@ const y = ({ className: e, ...t }) => /* @__PURE__ */ s(
   children: e,
   className: t,
   ...o
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ n(
   "span",
   {
     className: a(
@@ -135,7 +135,7 @@ const y = ({ className: e, ...t }) => /* @__PURE__ */ s(
   {
     type: "button",
     className: a(
-      "group flex w-full items-center justify-between rounded-md bg-muted px-3 py-2 text-left font-normal text-base text-secondary transition-colors hover:bg-fill",
+      "group flex w-full items-center justify-between rounded-md bg-muted px-3 py-2 text-left font-normal text-base text-secondary transition-colors hover:bg-accent",
       t
     ),
     ...o,
@@ -145,18 +145,18 @@ const y = ({ className: e, ...t }) => /* @__PURE__ */ s(
   count: e,
   label: t,
   icon: o,
-  className: n,
+  className: r,
   ...i
-}) => /* @__PURE__ */ r("span", { className: a("flex items-center gap-2", n), ...i, children: [
+}) => /* @__PURE__ */ n("span", { className: a("flex items-center gap-2", r), ...i, children: [
   /* @__PURE__ */ s(
     p,
     {
       strokeWidth: 2,
-      className: "size-4 shrink-0 transition-transform group-data-[state=closed]:-rotate-90"
+      className: "size-4 shrink-0 transition-transform group-data-[state=closed]:-rotate-90 motion-reduce:transition-none"
     }
   ),
   o,
-  /* @__PURE__ */ r("span", { children: [
+  /* @__PURE__ */ n("span", { children: [
     e,
     " ",
     t