@actioneer/ads 0.5.9 → 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/breadcrumbs.d.ts

@@ -22,7 +22,7 @@ export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement> {
     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 h, jsx as e, Fragment as B } 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 y } from "../lib/icons.js";
 import { cn as c } from "../lib/cn.js";
 const w = t.createContext({
   count: 0
-}), C = 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;
@@ -17,30 +17,30 @@ function R(s) {
 }
 const z = t.forwardRef(
   ({
-    className: s,
+    className: o,
     children: n,
     sticky: r,
     onBack: u,
-    backLabel: x = "Back",
-    actions: m,
-    center: f,
-    meta: b,
+    backLabel: d = "Back",
+    actions: f,
+    center: b,
+    meta: x,
     ...v
-  }, l) => {
-    const a = t.Children.toArray(n), i = t.useRef(null), p = t.useCallback(
-      (o) => {
-        i.current = o, typeof l == "function" ? l(o) : l && (l.current = o);
+  }, 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);
       },
-      [l]
-    ), [N, k] = t.useState(!1);
+      [a]
+    ), [N, C] = t.useState(!1);
     return t.useEffect(() => {
       if (!r) return;
-      const o = R(i.current), d = o ?? window, g = () => k((o ? o.scrollTop : window.scrollY) > 2);
-      return g(), d.addEventListener("scroll", g, { passive: !0 }), () => d.removeEventListener("scroll", g);
-    }, [r]), /* @__PURE__ */ h(
+      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: p,
+        ref: h,
         "aria-label": "Breadcrumb",
         "data-stuck": r ? N ? "true" : "false" : void 0,
         className: c(
@@ -53,7 +53,7 @@ const z = t.forwardRef(
           // panel's empty padding).
           r && "before:absolute before:inset-x-0 before:-top-8 before:h-8 before:bg-inherit before:content-['']",
           r && (N ? "border-b border-border" : "border-b border-transparent"),
-          s
+          o
         ),
         ...v,
         children: [
@@ -62,7 +62,7 @@ const z = t.forwardRef(
             {
               type: "button",
               onClick: u,
-              "aria-label": x,
+              "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",
@@ -71,25 +71,25 @@ const z = t.forwardRef(
               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(w.Provider, { value: { count: a.length }, children: a.map((o, d) => /* @__PURE__ */ e(C.Provider, { value: d, children: o }, d)) }) }),
-          b && /* @__PURE__ */ e("div", { className: "ml-4 flex min-w-0 shrink items-center gap-3 text-xs text-muted-foreground", children: b }),
-          f && /* @__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: 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 })
         ]
       }
     );
   }
 );
 z.displayName = "Breadcrumbs";
-const E = t.forwardRef(({ className: s, href: n, isCurrent: r, icon: u, children: x, ...m }, f) => {
-  const { count: b } = t.useContext(w), l = t.useContext(C) === b - 1, a = "inline-flex items-center gap-1.5", i = /* @__PURE__ */ h(B, { children: [
+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 }),
-    x
-  ] }), p = r ? /* @__PURE__ */ e(
+    r ? /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: d }) : d
+  ] }), h = r ? /* @__PURE__ */ e(
     "span",
     {
       "aria-current": "page",
-      className: c(a, "font-normal text-primary"),
+      className: c(l, "min-w-0 font-normal text-primary"),
       children: i
     }
   ) : n ? /* @__PURE__ */ e(
@@ -97,22 +97,26 @@ const E = t.forwardRef(({ className: s, href: n, isCurrent: r, icon: u, children
     {
       href: n,
       className: c(
-        a,
+        l,
         "font-normal text-muted-foreground transition-colors hover:text-foreground",
         "outline-none focus-visible:ring-3 focus-visible:ring-ring rounded-sm"
       ),
       children: i
     }
-  ) : /* @__PURE__ */ e("span", { className: c(a, "text-muted-foreground"), children: i });
-  return /* @__PURE__ */ h(
+  ) : /* @__PURE__ */ e("span", { className: c(l, "text-muted-foreground"), children: i });
+  return /* @__PURE__ */ g(
     "li",
     {
-      ref: f,
-      className: c("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: [
-        p,
-        !l && /* @__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: "/" })
       ]
     }
   );

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
     }
   )
 );