@actioneer/ads 0.5.7 → 0.5.8

package/components/ai-elements/task-progress.js

@@ -58,7 +58,16 @@ function y({ status: a }) {
       ),
       children: [
         a === "complete" && /* @__PURE__ */ t(M, { className: "size-4", strokeWidth: 2 }),
-        a === "active" && /* @__PURE__ */ t(J, { size: "sm", color: "current", role: "presentation", "aria-hidden": !0 }),
+        a === "active" && /* @__PURE__ */ t(
+          J,
+          {
+            variant: "content",
+            size: "sm",
+            color: "current",
+            role: "presentation",
+            "aria-hidden": !0
+          }
+        ),
         a === "pending" && /* @__PURE__ */ t(Q, { className: "size-4" })
       ]
     }
@@ -84,25 +93,25 @@ const O = i.forwardRef(
     onOpenChange: u,
     title: c = "Task progress",
     summary: _,
-    emptyLabel: P = "No task steps",
-    isSticky: I,
+    emptyLabel: I = "No task steps",
+    isSticky: P,
     role: T,
     "aria-label": $,
     "aria-busy": z,
     ...D
   }, S) => {
-    const g = i.useContext(w), b = d !== void 0, [V, j] = i.useState(f), m = b ? d : V, o = r.findIndex((e) => e.status === "active"), p = r.reduce(
+    const g = i.useContext(w), x = d !== void 0, [V, j] = i.useState(f), m = x ? d : V, o = r.findIndex((e) => e.status === "active"), p = r.reduce(
       (e, F, W) => F.status === "complete" ? W : e,
       -1
     ), E = r.findIndex(
       (e) => e.status === "pending"
-    ), h = o >= 0 ? o : p >= 0 ? p : E, s = h >= 0 ? r[h] : void 0, x = o >= 0 ? o + 1 : p >= 0 ? p + 1 : 0, R = r.filter(
+    ), h = o >= 0 ? o : p >= 0 ? p : E, s = h >= 0 ? r[h] : void 0, b = o >= 0 ? o + 1 : p >= 0 ? p + 1 : 0, R = r.filter(
       (e) => e.status === "pending"
     ).length, v = r.length > 0 && r.every((e) => e.status === "complete"), A = o >= 0 ? "active" : v ? "complete" : "pending", k = s ? s.accessibilityLabel ?? (typeof s.label == "string" ? s.label : "") : "", L = i.useCallback(
       (e) => {
-        b || j(e), u == null || u(e);
+        x || j(e), u == null || u(e);
       },
-      [b, u]
+      [x, u]
     );
     return /* @__PURE__ */ n(
       B,
@@ -110,14 +119,14 @@ const O = i.forwardRef(
         ref: S,
         open: m,
         onOpenChange: L,
-        role: T ?? "region",
+        role: T ?? "group",
         "aria-label": $ ?? c,
         "aria-busy": z ?? (o >= 0 || void 0),
         ...D,
         "data-slot": "task-progress",
         "data-status": A,
         className: l(
-          U({ isSticky: g ? !1 : I }),
+          U({ isSticky: g ? !1 : P }),
           g && "rounded-b-none",
           a
         ),
@@ -130,10 +139,10 @@ const O = i.forwardRef(
               "aria-label": c,
               "aria-valuemin": 0,
               "aria-valuemax": r.length,
-              "aria-valuenow": x
+              "aria-valuenow": b
             }
           ),
-          /* @__PURE__ */ t("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: v ? `All ${r.length} steps complete` : `Step ${x} of ${r.length}${k ? `: ${k}` : ""}. ${R} pending.` }),
+          /* @__PURE__ */ t("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: v ? `All ${r.length} steps complete` : `Step ${b} of ${r.length}${k ? `: ${k}` : ""}. ${R} pending.` }),
           /* @__PURE__ */ t(G, { asChild: !0, children: /* @__PURE__ */ n(
             "button",
             {
@@ -142,21 +151,21 @@ const O = i.forwardRef(
               className: l(
                 "flex min-h-14 w-full items-center gap-3 px-4 text-left sm:px-5",
                 "rounded-t-2xl rounded-b-sm outline-none focus-visible:ring-3 focus-visible:ring-inset focus-visible:ring-ring",
-                "transition-[color,transform] duration-(--duration-fast) ease-out active:scale-(--scale-press) motion-reduce:transition-none"
+                "transition-[color,transform] duration-150 ease-out active:scale-[0.97] motion-reduce:transition-none"
               ),
               children: [
-                m ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-base font-semibold text-secondary", children: c }) : /* @__PURE__ */ n(q, { children: [
+                m ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-base font-medium text-secondary", children: c }) : /* @__PURE__ */ n(q, { children: [
                   /* @__PURE__ */ t(y, { status: (s == null ? void 0 : s.status) ?? "pending" }),
-                  /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-base text-primary", children: _ ?? (s == null ? void 0 : s.label) ?? P }),
+                  /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-base text-primary", children: _ ?? (s == null ? void 0 : s.label) ?? I }),
                   (s == null ? void 0 : s.status) === "active" && /* @__PURE__ */ t(N, { elapsed: s.elapsed })
                 ] }),
                 /* @__PURE__ */ n(
                   "span",
                   {
                     "aria-hidden": !0,
-                    className: "shrink-0 text-xs font-semibold text-tertiary tabular-nums",
+                    className: "shrink-0 text-xs font-medium text-tertiary tabular-nums",
                     children: [
-                      x,
+                      b,
                       " / ",
                       r.length
                     ]
@@ -179,6 +188,7 @@ const O = i.forwardRef(
             "ol",
             {
               "aria-label": "Task steps",
+              tabIndex: 0,
               className: "max-h-64 space-y-1 overflow-y-auto px-4 pb-4 sm:px-5",
               children: r.map((e) => /* @__PURE__ */ n(
                 "li",

package/components/ai-elements/task.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { createContext as m, useContext as d } from "react";
-import { motion as u } from "motion/react";
-import { EASE_DISCLOSURE as p } from "../../lib/motion.js";
+import { motion as p } from "motion/react";
+import { springDisclosure as u } from "../../lib/motion.js";
 import { Collapsible as h, CollapsibleContent as x, CollapsibleTrigger as f } from "../collapsible.js";
 import { Search as g, ChevronDown as N } from "../../lib/icons.js";
-import { cn as i } from "../../lib/cn.js";
+import { cn as n } from "../../lib/cn.js";
 const l = m(!0), k = ({
   children: t,
   className: a,
@@ -13,7 +13,7 @@ const l = m(!0), k = ({
 }) => /* @__PURE__ */ e(
   "div",
   {
-    className: i(
+    className: n(
       "inline-flex items-center gap-1 rounded-md bg-fill px-1.5 py-0.5 text-xs text-fill-foreground",
       a
     ),
@@ -22,22 +22,22 @@ const l = m(!0), k = ({
   }
 );
 k.displayName = "TaskItemFile";
-const v = ({ children: t, className: a, ...s }) => /* @__PURE__ */ e("div", { className: i("text-base text-secondary", a), ...s, children: t });
+const v = ({ children: t, className: a, ...s }) => /* @__PURE__ */ e("div", { className: n("text-base text-secondary", a), ...s, children: t });
 v.displayName = "TaskItem";
 const y = ({
   defaultOpen: t = !0,
   className: a,
   open: s,
-  children: n,
+  children: i,
   ...r
 }) => /* @__PURE__ */ e(
   h,
   {
-    className: i(a),
+    className: n(a),
     defaultOpen: t,
     open: s,
     ...r,
-    children: /* @__PURE__ */ e(l.Provider, { value: s ?? t, children: n })
+    children: /* @__PURE__ */ e(l.Provider, { value: s ?? t, children: i })
   }
 );
 y.displayName = "Task";
@@ -45,23 +45,23 @@ const T = ({
   children: t,
   className: a,
   title: s,
-  icon: n,
+  icon: i,
   endContent: r,
   ...c
-}) => /* @__PURE__ */ e(f, { asChild: !0, className: i("group", a), ...c, children: t ?? /* @__PURE__ */ o(
+}) => /* @__PURE__ */ e(f, { asChild: !0, className: n("group", a), ...c, children: t ?? /* @__PURE__ */ o(
   "button",
   {
     type: "button",
     className: "flex w-full cursor-pointer items-center gap-2 rounded-sm text-base text-secondary outline-none transition-colors hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
     children: [
-      /* @__PURE__ */ e("span", { className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4", "aria-hidden": !0, children: n ?? /* @__PURE__ */ e(g, { className: "size-4 shrink-0" }) }),
+      /* @__PURE__ */ e("span", { className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4", "aria-hidden": !0, children: i ?? /* @__PURE__ */ e(g, { className: "size-4 shrink-0" }) }),
       /* @__PURE__ */ e("span", { className: "text-base", children: s }),
       /* @__PURE__ */ o("span", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
         r != null && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary tabular-nums", children: r }),
         /* @__PURE__ */ e(
           N,
           {
-            className: "size-4 shrink-0 transition-transform duration-(--duration-fast) ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
+            className: "size-4 shrink-0 transition-transform duration-150 ease-out group-data-[state=open]:rotate-180 motion-reduce:transition-none",
             "aria-hidden": !0
           }
         )
@@ -75,18 +75,18 @@ const b = ({
   className: a,
   ...s
 }) => {
-  const n = d(l);
+  const i = d(l);
   return /* @__PURE__ */ e(x, { forceMount: !0, asChild: !0, ...s, children: /* @__PURE__ */ e(
-    u.div,
+    p.div,
     {
       initial: !1,
-      animate: n ? "open" : "closed",
+      animate: i ? "open" : "closed",
       variants: {
         open: { height: "auto", opacity: 1 },
         closed: { height: 0, opacity: 0 }
       },
-      transition: { duration: n ? 0.28 : 0.2, ease: p },
-      className: i(
+      transition: u,
+      className: n(
         "overflow-hidden text-secondary outline-none",
         "data-[state=closed]:pointer-events-none",
         a

package/components/ai-elements/tool.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { isValidElement as m } from "react";
-import { Collapsible as p, CollapsibleTrigger as f, CollapsibleContent as h } from "../collapsible.js";
+import { isValidElement as p } from "react";
+import { Collapsible as m, CollapsibleTrigger as f, CollapsibleContent as h } from "../collapsible.js";
 import { Badge as x } from "../badge.js";
 import { ChevronDown as g, CloseCircle as b, CheckCircle as N, Clock as v, CircleDashed as y } from "../../lib/icons.js";
 import { cn as r } from "../../lib/cn.js";
 import { TraceStateIcon as w } from "./chain-of-thought-icon.js";
 const C = ({ className: e, ...o }) => /* @__PURE__ */ t(
-  p,
+  m,
   {
     className: r(
       "not-prose group/tool w-full overflow-hidden rounded-xl bg-card",
@@ -84,7 +84,7 @@ const O = {
       /* @__PURE__ */ t(
         g,
         {
-          className: "size-4 shrink-0 text-tertiary transition-transform duration-(--duration-fast) ease-out group-data-[state=open]/tool-header:rotate-180 motion-reduce:transition-none",
+          className: "size-4 shrink-0 text-tertiary transition-transform duration-150 ease-out group-data-[state=open]/tool-header:rotate-180 motion-reduce:transition-none",
           "aria-hidden": !0
         }
       )
@@ -116,12 +116,12 @@ const c = ({
     ),
     children: /* @__PURE__ */ t("code", { children: e })
   }
-), d = ({ children: e }) => /* @__PURE__ */ t("h4", { className: "text-xs font-normal uppercase tracking-wide text-tertiary", children: e }), I = ({ className: e, input: o, ...n }) => /* @__PURE__ */ l("div", { className: r("space-y-2 overflow-hidden p-4", e), ...n, children: [
+), d = ({ children: e }) => /* @__PURE__ */ t("p", { className: "text-xs font-normal uppercase tracking-wide text-tertiary", children: e }), I = ({ className: e, input: o, ...n }) => /* @__PURE__ */ l("div", { className: r("space-y-2 overflow-hidden p-4", e), ...n, children: [
   /* @__PURE__ */ t(d, { children: "Parameters" }),
   /* @__PURE__ */ t(c, { code: JSON.stringify(o, null, 2) })
 ] });
 I.displayName = "ToolInput";
-const P = (e) => typeof e == "object" && e !== null && !m(e) ? /* @__PURE__ */ t(c, { code: JSON.stringify(e, null, 2) }) : typeof e == "string" ? /* @__PURE__ */ t("div", { className: "rounded-md bg-surface p-3 text-xs leading-relaxed text-secondary whitespace-pre-wrap", children: e }) : e, z = ({
+const P = (e) => typeof e == "object" && e !== null && !p(e) ? /* @__PURE__ */ t(c, { code: JSON.stringify(e, null, 2) }) : typeof e == "string" ? /* @__PURE__ */ t("div", { className: "rounded-md bg-surface p-3 text-xs leading-relaxed text-secondary whitespace-pre-wrap", children: e }) : e, z = ({
   className: e,
   output: o,
   errorText: n,

package/components/ai-elements/transcript.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { cn as t } from "../../lib/cn.js";
 function g({
   turns: i,
@@ -7,11 +7,11 @@ function g({
   userLabel: o = "User",
   emptyMessage: m = "No transcript captured yet.",
   className: n,
-  ...d
+  ...l
 }) {
-  return i.length === 0 ? /* @__PURE__ */ e("p", { className: t("text-sm text-muted-foreground", n), "data-slot": "transcript", ...d, children: m }) : /* @__PURE__ */ e("div", { className: t("space-y-3", n), "data-slot": "transcript", ...d, children: i.map((s) => {
+  return i.length === 0 ? /* @__PURE__ */ e("p", { className: t("text-sm text-muted-foreground", n), "data-slot": "transcript", ...l, children: m }) : /* @__PURE__ */ e("div", { className: t("space-y-3", n), "data-slot": "transcript", ...l, children: i.map((s) => {
     const r = s.role === "user", a = r ? s.tone ?? "neutral" : "neutral";
-    return /* @__PURE__ */ e("div", { className: t("flex w-full", r ? "justify-end" : "justify-start"), children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ e("div", { className: t("flex w-full", r ? "justify-end" : "justify-start"), children: /* @__PURE__ */ d(
       "div",
       {
         className: t(
@@ -21,10 +21,11 @@ function g({
           a === "negative" && "bg-danger-100/70"
         ),
         children: [
-          /* @__PURE__ */ l("div", { className: t("mb-1 flex items-center gap-3", r && "justify-end"), children: [
+          /* @__PURE__ */ d("div", { className: t("mb-1 flex items-center gap-3", r && "justify-end"), children: [
             a !== "neutral" && /* @__PURE__ */ e(
               "span",
               {
+                role: "img",
                 "aria-label": a === "positive" ? "Positive response" : "Negative response",
                 className: t(
                   "size-1.5 rounded-dot",

package/components/ai-elements/voice.js

@@ -389,7 +389,7 @@ function ue({ state: t = "idle", className: e }) {
     {
       "aria-hidden": !0,
       className: R(
-        "inline-block size-2.5 shrink-0 rounded-dot transition-[background-color,opacity] duration-(--duration-normal) ease-out motion-reduce:transition-none",
+        "inline-block size-2.5 shrink-0 rounded-dot transition-[background-color,opacity] duration-200 ease-out motion-reduce:transition-none",
         ae[t],
         e
       )

package/components/alert.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import * as i from "react";
-import { cva as u } from "class-variance-authority";
+import { cva as m } from "class-variance-authority";
 import { Info as l, WarningCircle as g, Warning as p, CheckCircle as x, Close as v } from "../lib/icons.js";
 import { cn as n } from "../lib/cn.js";
-const h = u(
+const h = m(
   "flex w-full items-start gap-4 rounded-2xl bg-muted p-4",
   {
     variants: {
@@ -25,17 +25,17 @@ const h = u(
   danger: g,
   info: l
 }, N = i.forwardRef(
-  ({ className: t, variant: r = "default", icon: a, onClose: s, children: o, ...c }, d) => {
-    const f = w[r ?? "default"];
-    return /* @__PURE__ */ m(
+  ({ className: t, variant: r = "default", icon: a, onClose: s, children: o, ...c }, f) => {
+    const d = w[r ?? "default"];
+    return /* @__PURE__ */ u(
       "div",
       {
-        ref: d,
+        ref: f,
         role: "alert",
         className: n(h({ variant: r }), t),
         ...c,
         children: [
-          /* @__PURE__ */ e("span", { className: "flex shrink-0 select-none items-center justify-center py-1 text-(--alert-accent) [&_svg]:size-4", children: a ?? /* @__PURE__ */ e(f, { "aria-hidden": !0 }) }),
+          /* @__PURE__ */ e("span", { className: "flex shrink-0 select-none items-center justify-center py-1 text-(--alert-accent) [&_svg]:size-4", children: a ?? /* @__PURE__ */ e(d, { "aria-hidden": !0 }) }),
           /* @__PURE__ */ e("div", { className: "flex min-w-0 grow flex-col items-start", children: o }),
           s && /* @__PURE__ */ e(
             "button",
@@ -44,7 +44,7 @@ const h = u(
               "aria-label": "Dismiss",
               onClick: s,
               className: n(
-                "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground",
+                "inline-flex size-6 shrink-0 items-center justify-center rounded-sm text-muted-foreground",
                 "transition-colors hover:bg-fill hover:text-foreground",
                 "outline-none focus-visible:ring-3 focus-visible:ring-ring",
                 "[&_svg]:size-4"
@@ -62,7 +62,7 @@ const b = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "p",
   {
     ref: a,
-    className: n("text-xs font-normal leading-6 text-(--alert-accent)", t),
+    className: n("text-xs font-normal leading-6 text-foreground", t),
     ...r
   }
 ));

package/components/answer-sources.js

@@ -37,7 +37,7 @@ const b = c.forwardRef(({ icon: n, count: e, className: a, children: t, ...i },
     children: [
       n,
       t,
-      e != null && e > 1 && /* @__PURE__ */ s("span", { className: "tabular-nums opacity-70", children: [
+      e != null && e > 1 && /* @__PURE__ */ s("span", { className: "tabular-nums", children: [
         "· ",
         e
       ] })