@actioneer/ads 0.5.7 → 0.5.8

package/components/chip.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const chipVariants: (props?: ({
-    variant?: "soft" | "solid" | "outline" | "dot" | null | undefined;
+    variant?: "soft" | "outline" | "solid" | "dot" | null | undefined;
     color?: "success" | "warning" | "danger" | "info" | "default" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ChipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof chipVariants> {

package/components/code-block.js

@@ -81,7 +81,7 @@ const G = _(
   comment: "text-tertiary",
   string: "text-foreground",
   number: "text-foreground",
-  keyword: "font-semibold text-foreground",
+  keyword: "font-medium text-foreground",
   function: "font-medium text-foreground",
   tag: "font-medium text-foreground",
   punct: "text-tertiary"
@@ -208,7 +208,7 @@ const J = s.forwardRef(
             "span",
             {
               className: u(
-                "absolute top-2 right-2 z-10 opacity-0 transition-opacity duration-(--duration-fast) ease-out",
+                "absolute top-2 right-2 z-10 opacity-0 transition-opacity duration-150 ease-out",
                 "group-hover/code-block:opacity-100 focus-within:opacity-100",
                 "motion-reduce:transition-none"
               ),
@@ -256,7 +256,7 @@ const J = s.forwardRef(
                               className: u(
                                 "select-none text-right text-tertiary",
                                 d === "highlighted" && "text-info-700",
-                                d === "added" && "font-semibold text-foreground",
+                                d === "added" && "font-medium text-foreground",
                                 d === "removed" && "text-danger-700"
                               ),
                               children: c

package/components/collapsible.js

@@ -1,31 +1,75 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import * as s from "react";
-import { Collapsible as t } from "radix-ui";
-const i = s.forwardRef(({ children: l, ...o }, a) => /* @__PURE__ */ e(t.Root, { ref: a, "data-slot": "collapsible", ...o, children: l }));
-i.displayName = "Collapsible";
-const r = s.forwardRef(({ children: l, ...o }, a) => /* @__PURE__ */ e(
-  t.CollapsibleTrigger,
+import { jsx as l } from "react/jsx-runtime";
+import * as t from "react";
+import { Collapsible as r } from "radix-ui";
+import { MotionConfig as u, AnimatePresence as g, motion as h } from "motion/react";
+import { springDisclosure as y } from "../lib/motion.js";
+const C = t.createContext(!1), v = t.forwardRef(({ children: o, open: i, defaultOpen: a = !1, onOpenChange: e, ...s }, n) => {
+  const c = i !== void 0, [f, b] = t.useState(a), p = c ? i : f, m = t.useCallback(
+    (d) => {
+      c || b(d), e == null || e(d);
+    },
+    [c, e]
+  );
+  return /* @__PURE__ */ l(C.Provider, { value: p, children: /* @__PURE__ */ l(
+    r.Root,
+    {
+      ref: n,
+      "data-slot": "collapsible",
+      open: p,
+      onOpenChange: m,
+      ...s,
+      children: o
+    }
+  ) });
+});
+v.displayName = "Collapsible";
+const x = t.forwardRef(({ children: o, ...i }, a) => /* @__PURE__ */ l(
+  r.CollapsibleTrigger,
   {
     ref: a,
     "data-slot": "collapsible-trigger",
-    ...o,
-    children: l
+    ...i,
+    children: o
   }
 ));
-r.displayName = "CollapsibleTrigger";
-const p = s.forwardRef(({ children: l, ...o }, a) => /* @__PURE__ */ e(
-  t.CollapsibleContent,
-  {
-    ref: a,
-    "data-slot": "collapsible-content",
-    ...o,
-    children: l
-  }
-));
-p.displayName = "CollapsibleContent";
+x.displayName = "CollapsibleTrigger";
+const R = t.forwardRef(({ children: o, asChild: i, forceMount: a, ...e }, s) => {
+  const n = t.useContext(C);
+  return i ? /* @__PURE__ */ l(
+    r.CollapsibleContent,
+    {
+      ref: s,
+      "data-slot": "collapsible-content",
+      asChild: !0,
+      forceMount: a,
+      ...e,
+      children: o
+    }
+  ) : /* @__PURE__ */ l(
+    r.CollapsibleContent,
+    {
+      ref: s,
+      "data-slot": "collapsible-content",
+      ...e,
+      forceMount: !0,
+      children: /* @__PURE__ */ l(u, { reducedMotion: "user", children: /* @__PURE__ */ l(g, { initial: !1, children: n && /* @__PURE__ */ l(
+        h.div,
+        {
+          initial: { height: 0, opacity: 0, y: -4 },
+          animate: { height: "auto", opacity: 1, y: 0 },
+          exit: { height: 0, opacity: 0, y: -4 },
+          transition: y,
+          className: "overflow-hidden",
+          children: o
+        }
+      ) }) })
+    }
+  );
+});
+R.displayName = "CollapsibleContent";
 export {
-  i as Collapsible,
-  p as CollapsibleContent,
-  r as CollapsibleTrigger
+  v as Collapsible,
+  R as CollapsibleContent,
+  x as CollapsibleTrigger
 };

package/components/connector-card.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as r, Fragment as g, jsx as t } from "react/jsx-runtime";
+import { jsxs as r, Fragment as f, jsx as t } from "react/jsx-runtime";
 import * as h from "react";
 import { Database as x, ChevronRight as b } from "../lib/icons.js";
 import { cn as o } from "../lib/cn.js";
@@ -68,7 +68,7 @@ function N({ strip: s }) {
 const v = h.forwardRef(
   ({ className: s, card: e, onOpen: n, ...a }, i) => {
     var m;
-    const c = !!n, f = ((m = e.action) == null ? void 0 : m.tone) === "reconnect", l = /* @__PURE__ */ r(g, { children: [
+    const c = !!n, g = ((m = e.action) == null ? void 0 : m.tone) === "reconnect", l = /* @__PURE__ */ r(f, { children: [
       /* @__PURE__ */ r("div", { className: "rounded-t-xl p-[var(--card-padding)]", children: [
         /* @__PURE__ */ r("div", { className: "mb-5 flex items-center gap-3.5", children: [
           e.logo ? /* @__PURE__ */ t(
@@ -81,7 +81,7 @@ const v = h.forwardRef(
           ) : /* @__PURE__ */ t("span", { className: "grid size-10 shrink-0 place-items-center rounded-md bg-muted text-secondary", children: /* @__PURE__ */ t(x, { className: "size-5", "aria-hidden": !0 }) }),
           /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ r("div", { className: "flex items-baseline justify-between gap-3", children: [
-              /* @__PURE__ */ t("div", { className: "min-w-0 truncate text-base font-semibold leading-tight text-foreground", children: e.name }),
+              /* @__PURE__ */ t("div", { className: "min-w-0 truncate text-base font-medium leading-tight text-foreground", children: e.name }),
               /* @__PURE__ */ t(
                 y,
                 {
@@ -101,7 +101,7 @@ const v = h.forwardRef(
           {
             className: o(
               "min-w-0 truncate text-xs",
-              e.footer.faint ? "text-tertiary/70" : "text-secondary"
+              "text-secondary"
             ),
             children: e.footer.text
           }
@@ -111,7 +111,7 @@ const v = h.forwardRef(
           {
             className: o(
               "inline-flex shrink-0 items-center gap-0.5 text-xs font-normal",
-              f ? "text-danger" : "text-foreground"
+              g ? "text-danger" : "text-foreground"
             ),
             children: [
               e.action.label,
@@ -127,7 +127,7 @@ const v = h.forwardRef(
       // aliasing under transform is a real browser gotcha; forcing a
       // compositor layer fixes it deterministically).
       "rounded-xl bg-card text-card-foreground transform-gpu [will-change:transform] [backface-visibility:hidden]",
-      c && "shadow-elevation transition-[transform,box-shadow] duration-(--duration-fast) ease-out motion-reduce:transition-none",
+      c && "shadow-elevation transition-[transform,box-shadow] duration-150 ease-out motion-reduce:transition-none",
       s
     );
     return c ? /* @__PURE__ */ t(

package/components/drawer.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const panelVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | null | undefined;
+    side?: "bottom" | "left" | "right" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface DrawerProps extends VariantProps<typeof panelVariants> {
@@ -33,20 +33,25 @@ export declare function ModalDrawer({ open, onOpenChange, side: sideProp, size,
  * Drawer in ADS. Use `ModalDrawer` when a page-blocking overlay is genuinely
  * required.
  *
- * REQUIRES A TINTED GROUND. The panel is flat white (`bg-card`) with no shadow
- * and no border — it separates from its neighbour purely by fill contrast, so
- * it is INVISIBLE on a white (`bg-background`) parent. Place it and its sibling
- * content inside a `bg-surface` flex row; the tint is the parent's job, not the
- * panel's (the inline Drawer renders no ground of its own):
+ * REQUIRES THE CANVAS GROUND. The panel is flat white (`bg-card`) with no
+ * shadow and no border — it separates from its neighbour purely by fill
+ * contrast, so it is INVISIBLE on a pure-white (`bg-card`) parent. Place it
+ * and its sibling content inside a `bg-background` flex row — the SHELL
+ * CANVAS tint (ink-100), the same color as the frame around the screen. Do
+ * NOT use `bg-surface` (ink-200) for this row: it is one Radix step darker
+ * than the shell frame, so the gutter between the panels renders as a dark
+ * seam stripe instead of reading as canvas (field report 2026-08-06,
+ * Artifacts v2). The ground is the parent's job, not the panel's (the inline
+ * Drawer renders no ground of its own):
  *
- *   <div className="flex gap-3 bg-surface p-3">
+ *   <div className="flex gap-3 bg-background p-3">
  *     <main className="flex-1 rounded-xl bg-card">…content…</main>
  *     <Drawer open={open} onOpenChange={setOpen} aria-label="…">…</Drawer>
  *   </div>
  *
- * This mirrors the shell's main + chat layout — white panels on a tinted
- * ground. If the panel doesn't read, fix the ground; never add a border or
- * shadow to force it (that fights principle 1).
+ * This mirrors the shell's main + chat layout — white panels on the canvas.
+ * If the panel doesn't read, fix the ground; never add a border or shadow to
+ * force it (that fights principle 1).
  */
 export declare function Drawer({ open, onOpenChange, side: sideProp, size, className, children, "aria-label": ariaLabel, }: DrawerProps): React.JSX.Element;
 /** @deprecated Alias for `Drawer` — the canonical drawer is now the inline

package/components/drawer.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsx as i, jsxs as v } from "react/jsx-runtime";
 import * as a from "react";
-import { createPortal as E } from "react-dom";
-import { MotionConfig as y, AnimatePresence as p, motion as v } from "motion/react";
+import { createPortal as D } from "react-dom";
+import { MotionConfig as p, AnimatePresence as b, motion as h } from "motion/react";
 import { Close as R } from "../lib/icons.js";
-import { cva as j } from "class-variance-authority";
+import { cva as E } from "class-variance-authority";
 import { cn as o } from "../lib/cn.js";
-import { drawerExitTransition as b, drawerOffset as m, drawerEnterTransition as z, drawerBackdropVariants as F } from "../lib/motion.js";
-const N = j(
+import { springSheet as f, drawerOffset as u, drawerBackdropVariants as j } from "../lib/motion.js";
+const z = E(
   [
     "relative flex flex-col",
     "bg-elevated text-foreground",
@@ -43,16 +43,16 @@ const N = j(
     ],
     defaultVariants: { side: "right", size: "md" }
   }
-), A = {
+), F = {
   right: "justify-end items-stretch",
   left: "justify-start items-stretch",
   bottom: "justify-center items-end"
 };
-function k({
+function N({
   onClick: t,
   className: e
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
@@ -60,49 +60,49 @@ function k({
       "aria-label": "Close",
       className: o(
         "absolute inline-flex size-8 items-center justify-center",
-        "rounded-md text-muted-foreground",
-        "transition-[background,color,transform] duration-(--duration-fast) ease-out hover:bg-muted hover:text-foreground",
-        "active:scale-(--scale-press)",
+        "rounded-sm text-muted-foreground",
+        "transition-[background,color,transform] duration-150 ease-out motion-reduce:transition-none hover:bg-muted hover:text-foreground",
+        "active:scale-[0.97] motion-reduce:active:scale-100",
         "outline-none focus-visible:ring-3 focus-visible:ring-ring",
         "[&_svg]:size-4 [&_svg]:shrink-0",
         e
       ),
-      children: /* @__PURE__ */ r(R, { "aria-hidden": !0 })
+      children: /* @__PURE__ */ i(R, { "aria-hidden": !0 })
     }
   );
 }
-function G({
+function q({
   open: t,
   onOpenChange: e,
-  side: s,
-  size: u,
-  className: w,
-  children: x
+  side: r,
+  size: w,
+  className: x,
+  children: g
 }) {
-  const l = s ?? "right", n = a.useRef(null), d = a.useRef(null);
+  const l = r ?? "right", n = a.useRef(null), d = a.useRef(null);
   return a.useEffect(() => {
     if (!t) return;
     d.current = document.activeElement;
     const c = document.body.style.overflow;
     document.body.style.overflow = "hidden";
-    const f = (i) => {
-      i.key === "Escape" && (i.stopPropagation(), e(!1));
+    const m = (s) => {
+      s.key === "Escape" && (s.stopPropagation(), e(!1));
     };
-    document.addEventListener("keydown", f);
-    const D = requestAnimationFrame(() => {
-      var i;
-      (i = n.current) == null || i.focus();
+    document.addEventListener("keydown", m);
+    const k = requestAnimationFrame(() => {
+      var s;
+      (s = n.current) == null || s.focus();
     });
     return () => {
-      var i, h;
-      document.removeEventListener("keydown", f), document.body.style.overflow = c, cancelAnimationFrame(D), (h = (i = d.current) == null ? void 0 : i.focus) == null || h.call(i);
+      var s, y;
+      document.removeEventListener("keydown", m), document.body.style.overflow = c, cancelAnimationFrame(k), (y = (s = d.current) == null ? void 0 : s.focus) == null || y.call(s);
     };
-  }, [t, e]), E(
-    /* @__PURE__ */ r(y, { reducedMotion: "user", children: /* @__PURE__ */ r(p, { children: t && /* @__PURE__ */ g("div", { className: o("fixed inset-0 z-50 flex", A[l]), children: [
-      /* @__PURE__ */ r(
-        v.div,
+  }, [t, e]), D(
+    /* @__PURE__ */ i(p, { reducedMotion: "user", children: /* @__PURE__ */ i(b, { children: t && /* @__PURE__ */ v("div", { className: o("fixed inset-0 z-50 flex", F[l]), children: [
+      /* @__PURE__ */ i(
+        h.div,
         {
-          variants: F,
+          variants: j,
           initial: "hidden",
           animate: "visible",
           exit: "hidden",
@@ -112,26 +112,26 @@ function G({
         },
         "backdrop"
       ),
-      /* @__PURE__ */ g(
-        v.div,
+      /* @__PURE__ */ v(
+        h.div,
         {
           ref: n,
-          initial: m[l],
-          animate: { transform: "translate3d(0, 0, 0)", transition: z },
-          exit: { ...m[l], transition: b },
+          initial: u[l],
+          animate: { transform: "translate3d(0, 0, 0)", opacity: 1, transition: f },
+          exit: { ...u[l], transition: f },
           role: "dialog",
           "aria-modal": "true",
           tabIndex: -1,
-          className: o(N({ side: l, size: u }), "relative outline-none", w),
+          className: o(z({ side: l, size: w }), "relative outline-none", x),
           children: [
-            /* @__PURE__ */ r(
-              k,
+            /* @__PURE__ */ i(
+              N,
               {
                 onClick: () => e(!1),
                 className: "right-4 top-4"
               }
             ),
-            x
+            g
           ]
         },
         "panel"
@@ -140,81 +140,82 @@ function G({
     document.body
   );
 }
-function B({
+function A({
   open: t,
   onOpenChange: e,
-  side: s,
-  size: u,
-  className: w,
-  children: x,
+  side: r,
+  size: w,
+  className: x,
+  children: g,
   "aria-label": l
 }) {
-  const n = s ?? "right", d = a.useRef(null);
+  const n = r ?? "right", d = a.useRef(null);
   return a.useEffect(() => {
     if (!t) return;
-    const c = (f) => {
-      f.key === "Escape" && e(!1);
+    const c = (m) => {
+      m.key === "Escape" && e(!1);
     };
     return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
-  }, [t, e]), /* @__PURE__ */ r(y, { reducedMotion: "user", children: /* @__PURE__ */ r(p, { initial: !1, children: t && /* @__PURE__ */ g(
-    v.aside,
+  }, [t, e]), /* @__PURE__ */ i(p, { reducedMotion: "user", children: /* @__PURE__ */ i(b, { initial: !1, children: t && /* @__PURE__ */ v(
+    h.aside,
     {
       ref: d,
-      initial: m[n],
-      animate: { transform: "translate3d(0, 0, 0)", transition: z },
-      exit: { ...m[n], transition: b },
+      initial: u[n],
+      animate: { transform: "translate3d(0, 0, 0)", opacity: 1, transition: f },
+      exit: { ...u[n], transition: f },
       role: "complementary",
       "aria-label": l,
       className: o(
-        N({ side: n, size: u }),
+        z({ side: n, size: w }),
         "relative shrink-0 overflow-hidden rounded-lg bg-card shadow-none outline-none",
-        w
+        x
       ),
       children: [
-        /* @__PURE__ */ r(
-          k,
+        /* @__PURE__ */ i(
+          N,
           {
             onClick: () => e(!1),
             className: "right-2 top-1"
           }
         ),
-        x
+        g
       ]
     },
     "inline-drawer"
   ) }) });
 }
-const J = B, L = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
+const S = A, B = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   "div",
   {
-    ref: s,
+    ref: r,
     className: o("flex flex-col gap-1 px-6 py-4 pr-14", t),
     ...e
   }
 ));
-L.displayName = "DrawerHeader";
-const M = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
+B.displayName = "DrawerHeader";
+const L = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   "h2",
   {
-    ref: s,
-    className: o("text-lg font-semibold text-foreground", t),
+    ref: r,
+    className: o("text-lg font-medium text-foreground", t),
     ...e
   }
 ));
-M.displayName = "DrawerTitle";
-const T = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
+L.displayName = "DrawerTitle";
+const M = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   "div",
   {
-    ref: s,
+    ref: r,
+    tabIndex: 0,
     className: o("flex-1 overflow-y-auto px-6 py-4 text-xs text-foreground", t),
     ...e
   }
 ));
-T.displayName = "DrawerBody";
-const V = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
+M.displayName = "DrawerBody";
+const V = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   "div",
   {
-    ref: s,
+    ref: r,
     className: o(
       "flex items-center justify-end gap-2 px-6 py-4",
       t
@@ -224,11 +225,11 @@ const V = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
 ));
 V.displayName = "DrawerFooter";
 export {
-  B as Drawer,
-  T as DrawerBody,
+  A as Drawer,
+  M as DrawerBody,
   V as DrawerFooter,
-  L as DrawerHeader,
-  M as DrawerTitle,
-  J as InlineDrawer,
-  G as ModalDrawer
+  B as DrawerHeader,
+  L as DrawerTitle,
+  S as InlineDrawer,
+  q as ModalDrawer
 };

package/components/dropdown.d.ts

@@ -26,6 +26,8 @@ export interface DropdownItemProps extends Omit<React.HTMLAttributes<HTMLDivElem
     startContent?: React.ReactNode;
     danger?: boolean;
     disabled?: boolean;
+    /** Keep focus with a newly opened surface instead of returning to the menu trigger. */
+    restoreFocus?: boolean;
     onSelect?: () => void;
 }
 export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLDivElement>>;