@actioneer/ads 0.5.8 → 0.6.0

package/components/assistant-ui/composer-harness.js

@@ -1,8 +1,8 @@
 "use client";
 var c = Object.defineProperty;
 var l = (r, t, o) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
-var p = (r, t, o) => l(r, typeof t != "symbol" ? t + "" : t, o);
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+var n = (r, t, o) => l(r, typeof t != "symbol" ? t + "" : t, o);
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { useComposerRuntime as d, useComposer as u } from "@assistant-ui/react";
 import "clsx";
 import "tailwind-merge";
@@ -35,6 +35,8 @@ import "../radio.js";
 import "../switch.js";
 import "../number-field.js";
 import "../select.js";
+import "@internationalized/date";
+import "react-aria-components";
 import "../autocomplete.js";
 import "../slider.js";
 import "../segmented.js";
@@ -129,7 +131,7 @@ const m = "application/x-actioneer-harness", S = [
     instructions: "Write a concise executive brief: lead with the decision or insight, use only decision-relevant evidence, and end with the recommended next action."
   }
 ];
-function Ai() {
+function Di() {
   const r = d(), t = u((i) => i.attachments), o = new Set(
     t.filter((i) => i.contentType === m).map((i) => i.name)
   ), s = (i) => {
@@ -137,8 +139,8 @@ function Ai() {
       new File([i.instructions], `${i.label}.harness`, { type: m })
     );
   };
-  return /* @__PURE__ */ n(b, { children: [
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ p(b, { children: [
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ p(
       "button",
       {
         type: "button",
@@ -157,7 +159,7 @@ function Ai() {
         ]
       }
     ) }),
-    /* @__PURE__ */ n(y, { side: "top", align: "start", className: "w-56", autoFocusFirstItem: !1, children: [
+    /* @__PURE__ */ p(y, { side: "top", align: "start", className: "w-56", autoFocusFirstItem: !1, children: [
       /* @__PURE__ */ e(x, { children: "Add a harness" }),
       S.map((i) => /* @__PURE__ */ e(
         w,
@@ -172,9 +174,9 @@ function Ai() {
     ] })
   ] });
 }
-class Ci {
+class Ei {
   constructor() {
-    p(this, "accept", m);
+    n(this, "accept", m);
   }
   async add(t) {
     return {
@@ -205,7 +207,7 @@ ${o}
   }
 }
 export {
-  Ai as ComposerHarness,
+  Di as ComposerHarness,
   m as HARNESS_MIME,
-  Ci as HarnessAttachmentAdapter
+  Ei as HarnessAttachmentAdapter
 };

package/components/avatar.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 declare const sizeClasses: {
+    readonly xs: "size-5 text-[10px]";
     readonly sm: "size-8 text-xs";
     readonly md: "size-10 text-xs";
     readonly lg: "size-12 text-base";

package/components/avatar.js

@@ -1,8 +1,9 @@
 "use client";
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
 import * as f from "react";
 import { cn as i } from "../lib/cn.js";
 const g = {
+  xs: "size-5 text-[10px]",
   sm: "size-8 text-xs",
   md: "size-10 text-xs",
   lg: "size-12 text-base",
@@ -62,21 +63,21 @@ N.displayName = "Avatar";
 const y = f.forwardRef(
   ({ className: r, max: e, size: t = "md", radius: s = "full", children: o, ...a }, c) => {
     const l = f.Children.toArray(o), d = typeof e == "number" ? l.length - e : 0, p = typeof e == "number" ? l.slice(0, e) : l;
-    return /* @__PURE__ */ x(
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: c,
         className: i("flex items-center", r),
         ...a,
         children: [
-          p.map((b, u) => /* @__PURE__ */ n(
+          p.map((x, u) => /* @__PURE__ */ n(
             "div",
             {
               className: i(
                 "ring-2 ring-background rounded-full",
                 u > 0 && "-ml-2"
               ),
-              children: b
+              children: x
             },
             u
           )),

package/components/breadcrumbs.d.ts

@@ -18,9 +18,11 @@ export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
      * overflow menu) — they ride along when the trail is sticky.
      */
     actions?: React.ReactNode;
+    /** Controls pinned to the true horizontal center of the trail row. */
+    center?: React.ReactNode;
     /**
      * Supporting metadata stitched inline right after the trail (schema name,
-     * sync status…). Muted, truncates before the trail does.
+     * sync status…). Kept visible while the current trail item truncates first.
      */
     meta?: React.ReactNode;
 }

package/components/breadcrumbs.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as v, jsx as e, Fragment as k } from "react/jsx-runtime";
+import { jsxs as g, jsx as e, Fragment as B } from "react/jsx-runtime";
 import * as t from "react";
-import { ArrowLeft as B } from "../lib/icons.js";
-import { cn as a } from "../lib/cn.js";
-const N = t.createContext({
+import { ArrowLeft as y } from "../lib/icons.js";
+import { cn as c } from "../lib/cn.js";
+const w = t.createContext({
   count: 0
-}), w = t.createContext(0);
-function R(s) {
-  let n = (s == null ? void 0 : s.parentElement) ?? null;
+}), k = t.createContext(0);
+function R(o) {
+  let n = (o == null ? void 0 : o.parentElement) ?? null;
   for (; n; ) {
     const r = getComputedStyle(n).overflowY;
     if (r === "auto" || r === "scroll") return n;
@@ -15,35 +15,36 @@ function R(s) {
   }
   return null;
 }
-const y = t.forwardRef(
+const z = t.forwardRef(
   ({
-    className: s,
+    className: o,
     children: n,
     sticky: r,
-    onBack: c,
-    backLabel: g = "Back",
-    actions: m,
-    meta: f,
-    ...p
-  }, i) => {
-    const b = t.Children.toArray(n), l = t.useRef(null), u = t.useCallback(
-      (o) => {
-        l.current = o, typeof i == "function" ? i(o) : i && (i.current = o);
+    onBack: u,
+    backLabel: d = "Back",
+    actions: f,
+    center: b,
+    meta: x,
+    ...v
+  }, a) => {
+    const l = t.Children.toArray(n), i = t.useRef(null), h = t.useCallback(
+      (s) => {
+        i.current = s, typeof a == "function" ? a(s) : a && (a.current = s);
       },
-      [i]
-    ), [x, C] = t.useState(!1);
+      [a]
+    ), [N, C] = t.useState(!1);
     return t.useEffect(() => {
       if (!r) return;
-      const o = R(l.current), d = o ?? window, h = () => C((o ? o.scrollTop : window.scrollY) > 2);
-      return h(), d.addEventListener("scroll", h, { passive: !0 }), () => d.removeEventListener("scroll", h);
-    }, [r]), /* @__PURE__ */ v(
+      const s = R(i.current), m = s ?? window, p = () => C((s ? s.scrollTop : window.scrollY) > 2);
+      return p(), m.addEventListener("scroll", p, { passive: !0 }), () => m.removeEventListener("scroll", p);
+    }, [r]), /* @__PURE__ */ g(
       "nav",
       {
-        ref: u,
+        ref: h,
         "aria-label": "Breadcrumb",
-        "data-stuck": r ? x ? "true" : "false" : void 0,
-        className: a(
-          "flex w-full items-center",
+        "data-stuck": r ? N ? "true" : "false" : void 0,
+        className: c(
+          "relative flex w-full items-center",
           r && "sticky top-0 z-40 bg-background transition-[border-color] duration-150 ease-out motion-reduce:transition-none",
           // Sticky offsets resolve against the scrollport's PADDING box, so in
           // a padded panel the pinned trail sits below a strip the content
@@ -51,66 +52,71 @@ const y = t.forwardRef(
           // background over that gap (a no-op at rest, where the strip is the
           // panel's empty padding).
           r && "before:absolute before:inset-x-0 before:-top-8 before:h-8 before:bg-inherit before:content-['']",
-          r && (x ? "border-b border-border" : "border-b border-transparent"),
-          s
+          r && (N ? "border-b border-border" : "border-b border-transparent"),
+          o
         ),
-        ...p,
+        ...v,
         children: [
-          c && /* @__PURE__ */ e(
+          u && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: c,
-              "aria-label": g,
-              className: a(
+              onClick: u,
+              "aria-label": d,
+              className: c(
                 "mr-1 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"
               ),
-              children: /* @__PURE__ */ e(B, { "aria-hidden": !0 })
+              children: /* @__PURE__ */ e(y, { "aria-hidden": !0 })
             }
           ),
-          /* @__PURE__ */ e("ol", { className: "flex min-w-0 items-center gap-1.5 text-base", children: /* @__PURE__ */ e(N.Provider, { value: { count: b.length }, children: b.map((o, d) => /* @__PURE__ */ e(w.Provider, { value: d, children: o }, d)) }) }),
-          f && /* @__PURE__ */ e("div", { className: "ml-4 flex min-w-0 shrink items-center gap-3 text-xs text-muted-foreground", children: f }),
-          m && /* @__PURE__ */ e("div", { className: "ml-auto flex shrink-0 items-center gap-2 pl-4", children: m })
+          /* @__PURE__ */ e("ol", { className: "flex min-w-0 shrink items-center gap-1.5 text-base", children: /* @__PURE__ */ e(w.Provider, { value: { count: l.length }, children: l.map((s, m) => /* @__PURE__ */ e(k.Provider, { value: m, children: s }, m)) }) }),
+          x && /* @__PURE__ */ e("div", { className: "ml-4 flex shrink-0 items-center gap-3 text-xs text-muted-foreground", children: x }),
+          b && /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 z-50 flex -translate-x-1/2 -translate-y-1/2 items-center", children: b }),
+          f && /* @__PURE__ */ e("div", { className: "ml-auto flex shrink-0 items-center gap-2 pl-4", children: f })
         ]
       }
     );
   }
 );
-y.displayName = "Breadcrumbs";
-const E = t.forwardRef(({ className: s, href: n, isCurrent: r, icon: c, children: g, ...m }, f) => {
-  const { count: p } = t.useContext(N), b = t.useContext(w) === p - 1, l = "inline-flex items-center gap-1.5", u = /* @__PURE__ */ v(k, { children: [
-    c && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex shrink-0 items-center [&_svg]:size-4", children: c }),
-    g
-  ] }), x = r ? /* @__PURE__ */ e(
+z.displayName = "Breadcrumbs";
+const E = t.forwardRef(({ className: o, href: n, isCurrent: r, icon: u, children: d, ...f }, b) => {
+  const { count: x } = t.useContext(w), a = t.useContext(k) === x - 1, l = "inline-flex items-center gap-1.5", i = /* @__PURE__ */ g(B, { children: [
+    u && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "flex shrink-0 items-center [&_svg]:size-4", children: u }),
+    r ? /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: d }) : d
+  ] }), h = r ? /* @__PURE__ */ e(
     "span",
     {
       "aria-current": "page",
-      className: a(l, "font-normal text-primary"),
-      children: u
+      className: c(l, "min-w-0 font-normal text-primary"),
+      children: i
     }
   ) : n ? /* @__PURE__ */ e(
     "a",
     {
       href: n,
-      className: a(
+      className: c(
         l,
         "font-normal text-muted-foreground transition-colors hover:text-foreground",
         "outline-none focus-visible:ring-3 focus-visible:ring-ring rounded-sm"
       ),
-      children: u
+      children: i
     }
-  ) : /* @__PURE__ */ e("span", { className: a(l, "text-muted-foreground"), children: u });
-  return /* @__PURE__ */ v(
+  ) : /* @__PURE__ */ e("span", { className: c(l, "text-muted-foreground"), children: i });
+  return /* @__PURE__ */ g(
     "li",
     {
-      ref: f,
-      className: a("flex items-center gap-1.5", s),
-      ...m,
+      ref: b,
+      className: c(
+        "flex items-center gap-1.5",
+        r ? "min-w-0 shrink" : "shrink-0",
+        o
+      ),
+      ...f,
       children: [
-        x,
-        !b && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 select-none text-border-strong", children: "/" })
+        h,
+        !a && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "shrink-0 select-none text-border-strong", children: "/" })
       ]
     }
   );
@@ -118,5 +124,5 @@ const E = t.forwardRef(({ className: s, href: n, isCurrent: r, icon: c, children
 E.displayName = "BreadcrumbItem";
 export {
   E as BreadcrumbItem,
-  y as Breadcrumbs
+  z as Breadcrumbs
 };

package/components/button.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as r, jsx as m } from "react/jsx-runtime";
-import * as b from "react";
-import { cva as v } from "class-variance-authority";
+import * as v from "react";
+import { cva as b } from "class-variance-authority";
 import { cn as n } from "../lib/cn.js";
 import { Spinner as f } from "./spinner.js";
-const p = v(
+const p = b(
   [
     "relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
     "font-normal select-none",
@@ -21,7 +21,7 @@ const p = v(
   {
     variants: {
       variant: {
-        solid: "bg-brand text-brand-foreground shadow-[var(--inner-glow-cta)] hover:bg-brand-hover",
+        solid: "bg-action-primary text-action-primary-foreground shadow-[var(--inner-glow-cta)] hover:bg-action-primary-hover",
         secondary: "bg-fill text-fill-foreground shadow-[var(--inner-glow-fill)] hover:bg-muted",
         outline: "border-border bg-transparent text-foreground hover:border-border-strong hover:bg-muted",
         ghost: "bg-transparent text-foreground hover:bg-muted",
@@ -41,7 +41,7 @@ const p = v(
     },
     defaultVariants: { variant: "solid", size: "md" }
   }
-), x = b.forwardRef(
+), x = v.forwardRef(
   ({
     className: o,
     variant: t,
@@ -51,12 +51,12 @@ const p = v(
     endContent: a,
     fullWidth: d,
     disabled: l,
-    children: g,
-    ...u
-  }, c) => /* @__PURE__ */ r(
+    children: c,
+    ...g
+  }, u) => /* @__PURE__ */ r(
     "button",
     {
-      ref: c,
+      ref: u,
       disabled: l || e,
       "aria-busy": e || void 0,
       className: n(
@@ -66,7 +66,7 @@ const p = v(
         e ? "opacity-100" : "disabled:opacity-50",
         o
       ),
-      ...u,
+      ...g,
       children: [
         e && /* @__PURE__ */ m(
           f,
@@ -86,7 +86,7 @@ const p = v(
             ),
             children: [
               i,
-              g,
+              c,
               a
             ]
           }

package/components/card.js

@@ -3,18 +3,19 @@ import { jsx as t } from "react/jsx-runtime";
 import * as d from "react";
 import { cn as o } from "../lib/cn.js";
 const l = d.forwardRef(
-  ({ className: r, isHoverable: e, isPressable: a, children: s, ...n }, i) => {
+  ({ className: r, isHoverable: a, isPressable: e, children: s, ...n }, i) => {
     const c = o(
       "bg-card text-card-foreground rounded-xl",
-      (a || e) && "shadow-elevation transition-[box-shadow,transform] duration-150 ease-out motion-reduce:transition-none",
-      e && "hover:-translate-y-0.5",
+      (e || a) && "shadow-elevation transition-[box-shadow,transform] duration-150 ease-out motion-reduce:transition-none",
+      a && "hover:-translate-y-0.5",
       r
     );
-    return a ? /* @__PURE__ */ t(
+    return e ? /* @__PURE__ */ t(
       "button",
       {
         ref: i,
         type: "button",
+        "data-slot": "card",
         className: o(
           c,
           "w-full text-left cursor-pointer",
@@ -24,50 +25,50 @@ const l = d.forwardRef(
         ...n,
         children: s
       }
-    ) : /* @__PURE__ */ t("div", { ref: i, className: c, ...n, children: s });
+    ) : /* @__PURE__ */ t("div", { ref: i, "data-slot": "card", className: c, ...n, children: s });
   }
 );
 l.displayName = "Card";
-const f = d.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+const f = d.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
   "div",
   {
-    ref: a,
+    ref: e,
     className: o("flex flex-col gap-1 px-5 pt-5", r),
-    ...e
+    ...a
   }
 ));
 f.displayName = "CardHeader";
-const m = d.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+const m = d.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
   "h3",
   {
-    ref: a,
+    ref: e,
     className: o("text-base font-medium leading-none", r),
-    ...e
+    ...a
   }
 ));
 m.displayName = "CardTitle";
-const p = d.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+const p = d.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
   "p",
   {
-    ref: a,
+    ref: e,
     className: o("text-xs text-muted-foreground", r),
-    ...e
+    ...a
   }
 ));
 p.displayName = "CardDescription";
-const u = d.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t("div", { ref: a, className: o("px-5 py-4", r), ...e }));
+const u = d.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t("div", { ref: e, className: o("px-5 py-4", r), ...a }));
 u.displayName = "CardBody";
 const x = d.forwardRef(
-  ({ className: r, withBorder: e, ...a }, s) => /* @__PURE__ */ t(
+  ({ className: r, withBorder: a, ...e }, s) => /* @__PURE__ */ t(
     "div",
     {
       ref: s,
       className: o(
         "flex items-center px-5 pb-5 pt-4",
-        e && "border-t border-border",
+        a && "border-t border-border",
         r
       ),
-      ...a
+      ...e
     }
   )
 );

package/components/chart.d.ts

@@ -100,6 +100,8 @@ export interface LineChartProps extends BaseChartProps {
     curve?: "linear" | "natural" | "step";
     /** Series keys that render dashed — projections, not observations. */
     forecastKeys?: string[];
+    /** When set, only these series keys animate on mount/update. */
+    animatedSeriesKeys?: string[];
     /**
      * Print each observation's value above its dot. On by default for a SINGLE
      * series (the reader shouldn't have to hover to read a number that fits);
@@ -112,6 +114,8 @@ export interface AreaChartProps extends BaseChartProps {
     stacked?: boolean;
     /** Series keys that render dashed — projections, not observations. */
     forecastKeys?: string[];
+    /** When set, only these series keys animate on mount/update. */
+    animatedSeriesKeys?: string[];
     /** Print each observation's value above its dot — see {@link LineChartProps.showValues}. */
     showValues?: boolean;
 }
@@ -130,6 +134,8 @@ export interface ComboChartProps extends BaseChartProps {
     stacked?: boolean;
     /** Line keys that render dashed — projections, not observations. */
     forecastKeys?: string[];
+    /** When set, only these series keys animate on mount/update. */
+    animatedSeriesKeys?: string[];
 }
 export type ComposedChartProps = ComboChartProps;
 export interface PieChartProps {