@actioneer/ads 0.8.0 → 1.0.0

package/DESIGN.md

@@ -35,10 +35,10 @@ colors:
   accent-foreground: "#20201e"
   on-white-primary: "#20201e"
   on-white-secondary: "#4b4b47"
-  on-white-tertiary: "#686863"
+  on-white-tertiary: "#777771"
   on-warm-grey-primary: "#20201e"
   on-warm-grey-secondary: "#4b4b47"
-  on-warm-grey-tertiary: "#686863"
+  on-warm-grey-tertiary: "#777771"
   primary: "#20201e"
   secondary: "#4b4b47"
   tertiary: "color-mix(in srgb, var(--color-wg10) 80%, var(--color-wg11))"
@@ -54,47 +54,47 @@ colors:
   specimen-stroke: "#ececea"
   table-shell: "#ffffff"
   table-stroke: "#ececea"
-  table-header-foreground: "#4b4b47"
+  table-header-foreground: "color-mix(in srgb, var(--color-wg10) 80%, var(--color-wg11))"
   artifact-canvas: "color-mix(in srgb, var(--color-brand-mark) 7%, var(--color-white))"
   ring: "color-mix(in srgb, var(--color-wg12) 50%, transparent)"
   overlay: "color-mix(in srgb, var(--color-wg12) 50%, transparent)"
 typography:
   display:
     fontFamily: "\"Aribau Grotesk\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
-    fontSize: "31px"
+    fontSize: "24px"
     fontWeight: 500
-    lineHeight: "38px"
+    lineHeight: "32px"
   title:
     fontFamily: "\"Aribau Grotesk\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
-    fontSize: "25px"
+    fontSize: "18px"
     fontWeight: 500
-    lineHeight: "32px"
+    lineHeight: "24px"
   headline:
     fontFamily: "\"Aribau Grotesk\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
-    fontSize: "19px"
+    fontSize: "16px"
     fontWeight: 500
-    lineHeight: "26px"
+    lineHeight: "22px"
   body:
     fontFamily: "\"Aribau Grotesk\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
-    fontSize: "15px"
+    fontSize: "14px"
     fontWeight: 400
-    lineHeight: "22px"
+    lineHeight: "20px"
   label:
     fontFamily: "\"Aribau Grotesk\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
-    fontSize: "13px"
+    fontSize: "12px"
     fontWeight: 400
-    lineHeight: "18px"
+    lineHeight: "16px"
   mono:
     fontFamily: "\"JetBrains Mono Variable\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", \"Courier New\", monospace"
-    fontSize: "13px"
+    fontSize: "12px"
     fontWeight: 400
-    lineHeight: "18px"
+    lineHeight: "16px"
 rounded:
   xs: "2px"
   sm: "4px"
   md: "6px"
   lg: "8px"
-  xl: "12px"
+  xl: "8px"
   full: "9999px"
 spacing:
   xs: "4px"
@@ -179,16 +179,16 @@ components:
 
 TASTE.md puts it in one line: On a quiet, neutral ground, colour and motion are spent like money — rarely, deliberately, and only where the eye should go.
 
-ADS 0.8.0 is a library first and a look second. 322 components across 10 families (Primitives / utilities, Foundations, Form controls, Overlays, Data display, Feedback, Navigation, Layout, AI Elements, Chat) ship from one barrel, and every product that consumes them inherits the judgment encoded in 56 semantic tokens and 11 principles rather than re-deciding it per screen.
+ADS 1.0.0 is a library first and a look second. 323 components across 10 families (Primitives / utilities, Foundations, Form controls, Overlays, Data display, Feedback, Navigation, Layout, AI Elements, Chat) ship from one barrel, and every product that consumes them inherits the judgment encoded in 56 semantic tokens and 11 principles rather than re-deciding it per screen.
 
 The ground is warm grey and the ink is warm near-black. One hue is spent by default, the Studio green CTA family, and four more carry semantic status. Everything else stays neutral. A consumer product may narrow that further, and one already does: Baby Sentinel drops the green and runs every action on ink.
 
 **Key characteristics:**
 - Warm-grey canvas, white sheet, quiet tiles. Every surface belongs to exactly one plane
-- One typeface at two real weights on a 5-step ladder (31px / 25px / 19px / 15px / 13px), with mono reserved for literal code
+- One typeface at two real weights on a 5-step ladder (24px / 18px / 16px / 14px / 12px), with mono reserved for literal code
 - Fills and elevation separate surfaces roughly 75/25 against strokes
 - Every surface defaults to `shadow-0`; elevation means "you can act on this"
-- Radius runs 2px / 4px / 6px / 8px / 12px, with a pill reserved for chips and avatars
+- Radius runs 2px / 4px / 6px / 8px / 8px, with a pill reserved for chips and avatars
 
 ## Colors
 
@@ -278,10 +278,10 @@ The warm-grey ground everything else stands on.
 
 - **on-white-primary** (`--color-on-white-primary`, #20201e) `bg-on-white-primary`
 - **on-white-secondary** (`--color-on-white-secondary`, #4b4b47) `bg-on-white-secondary`
-- **on-white-tertiary** (`--color-on-white-tertiary`, #686863) `bg-on-white-tertiary`
+- **on-white-tertiary** (`--color-on-white-tertiary`, #777771) `bg-on-white-tertiary`
 - **on-warm-grey-primary** (`--color-on-warm-grey-primary`, #20201e) `bg-on-warm-grey-primary`
 - **on-warm-grey-secondary** (`--color-on-warm-grey-secondary`, #4b4b47) `bg-on-warm-grey-secondary`
-- **on-warm-grey-tertiary** (`--color-on-warm-grey-tertiary`, #686863) `bg-on-warm-grey-tertiary`
+- **on-warm-grey-tertiary** (`--color-on-warm-grey-tertiary`, #777771) `bg-on-warm-grey-tertiary`
 
 **Context-free compatibility aliases remain conservative.**
 
@@ -309,7 +309,7 @@ The warm-grey ground everything else stands on.
 
 - **table-shell** (`--color-table-shell`, #ffffff) `bg-table-shell`
 - **table-stroke** (`--color-table-stroke`, #ececea) `bg-table-stroke`
-- **table-header-foreground** (`--color-table-header-foreground`, #4b4b47) `text-table-header-foreground`
+- **table-header-foreground** (`--color-table-header-foreground`, color-mix(in srgb, var(--color-wg10) 80%, var(--color-wg11))) `text-table-header-foreground`
 
 **The artifact sheet: white warmed by a trace of the brand mark.**
 
@@ -334,18 +334,18 @@ The warm-grey ground everything else stands on.
 
 ### Hierarchy
 
-- **Display** (500, 31px / 38px): page-level moments only.
-- **Title** (500, 25px / 32px): page titles.
-- **Headline** (500, 19px / 26px): emphasized body and section headings.
-- **Body** (400, 15px / 22px): the default, all reading text and control labels.
-- **Label** (400, 13px / 18px): the floor: captions, secondary text, table cells.
-- **Mono** (400, 13px / 18px): literal source code, and nothing else.
+- **Display** (500, 24px / 32px): page-level moments only.
+- **Title** (500, 18px / 24px): page titles.
+- **Headline** (500, 16px / 22px): emphasized body and section headings.
+- **Body** (400, 14px / 20px): the default, all reading text and control labels.
+- **Label** (400, 12px / 16px): the floor: captions, secondary text, table cells.
+- **Mono** (400, 12px / 16px): literal source code, and nothing else.
 
 ### Named rules
 
 **The One Face Rule.** One face (Aribau Grotesk), two real weights, a five-step ladder.
 
-**The 13px Floor Rule.** Nothing renders below `--text-s` (13px). Density comes from spacing and layout, never from shrinking type.
+**The 12px Floor Rule.** Nothing renders below `--text-s` (12px). Density comes from spacing and layout, never from shrinking type.
 
 ## Layout
 
@@ -382,7 +382,7 @@ Flat by default with tonal layering. Depth comes from the plane system, warm gre
 
 ## Shapes
 
-Soft geometry on a 5-step ladder: `xs` 2px, `sm` 4px, `md` 6px, `lg` 8px, `xl` 12px, plus a pill at `full` (9999px) for chips and avatars. Tailwind's larger aliases (`2xl`, `3xl`) collapse onto the top step, so a stray `rounded-3xl` cannot exceed it.
+Soft geometry on a 5-step ladder: `xs` 2px, `sm` 4px, `md` 6px, `lg` 8px, `xl` 8px, plus a pill at `full` (9999px) for chips and avatars. Tailwind's larger aliases (`2xl`, `3xl`) collapse onto the top step, so a stray `rounded-3xl` cannot exceed it.
 
 ### Named rules
 
@@ -390,7 +390,7 @@ Soft geometry on a 5-step ladder: `xs` 2px, `sm` 4px, `md` 6px, `lg` 8px, `xl` 1
 
 ## Components
 
-The catalog is the contract: 322 components, 10 hooks and 98 utilities behind one barrel (`@actioneer/ads`). Import exact, unaliased names. Native elements are for semantic structure only: `<div>`, `<form>`, `<main>`, `<section>`. Never recreate a visual control.
+The catalog is the contract: 323 components, 10 hooks and 98 utilities behind one barrel (`@actioneer/ads`). Import exact, unaliased names. Native elements are for semantic structure only: `<div>`, `<form>`, `<main>`, `<section>`. Never recreate a visual control.
 
 ### Sourcing a component
 

package/components/assistant-ui/attachment.js

@@ -212,7 +212,7 @@ const V = (a) => {
   ),
   /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
     /* @__PURE__ */ e("div", { className: "truncate text-xs font-medium leading-tight text-foreground", children: /* @__PURE__ */ e(s.Name, {}) }),
-    /* @__PURE__ */ e("div", { className: "truncate text-[11px] leading-tight text-muted-foreground", children: n ? "Upload failed" : r ? "Uploading…" : t })
+    /* @__PURE__ */ e("div", { className: "truncate text-xs leading-tight text-muted-foreground", children: n ? "Upload failed" : r ? "Uploading…" : t })
   ] }),
   a && /* @__PURE__ */ e(x, { label: "Remove file" })
 ] }) }), ie = () => /* @__PURE__ */ e(s.Remove, { asChild: !0, children: /* @__PURE__ */ e(

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

@@ -26,6 +26,7 @@ import "react-dom";
 import "motion/react";
 import "../ripple.js";
 import "../input.js";
+import "../search-disclosure.js";
 import "../input-field.js";
 import "../textarea.js";
 import "../checkbox.js";
@@ -126,7 +127,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 xi() {
+function wi() {
   const r = d(), t = u((i) => i.attachments), o = new Set(
     t.filter((i) => i.contentType === m).map((i) => i.name)
   ), s = (i) => {
@@ -169,7 +170,7 @@ function xi() {
     ] })
   ] });
 }
-class wi {
+class Si {
   constructor() {
     p(this, "accept", m);
   }
@@ -202,7 +203,7 @@ ${o}
   }
 }
 export {
-  xi as ComposerHarness,
+  wi as ComposerHarness,
   m as HARNESS_MIME,
-  wi as HarnessAttachmentAdapter
+  Si as HarnessAttachmentAdapter
 };

package/components/assistant-ui/directive-text.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as r, Fragment as d, jsxs as p } from "react/jsx-runtime";
-import { memo as x } from "react";
-import { unstable_defaultDirectiveFormatter as v } from "@assistant-ui/react";
+import { memo as v } from "react";
+import { unstable_defaultDirectiveFormatter as x } from "@assistant-ui/react";
 import { Badge as u } from "./badge.js";
 function o(s, t) {
   const a = t == null ? void 0 : t.iconMap, f = t == null ? void 0 : t.fallbackIcon, c = ({ text: n }) => {
@@ -19,7 +19,7 @@ function o(s, t) {
           "data-directive-type": e.type,
           "data-directive-id": e.id,
           "aria-label": `${e.type}: ${e.label}`,
-          className: "aui-directive-chip items-baseline text-[13px] leading-none [&_svg]:self-center",
+          className: "aui-directive-chip items-baseline text-s leading-none [&_svg]:self-center",
           children: [
             m && /* @__PURE__ */ r(m, {}),
             e.label
@@ -32,8 +32,8 @@ function o(s, t) {
   return c.displayName = "DirectiveText", c;
 }
 const h = o(
-  v
-), I = x(h);
+  x
+), I = v(h);
 export {
   I as DirectiveText,
   o as createDirectiveText

package/components/assistant-ui/markdown-text.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import "@assistant-ui/react-markdown/styles/dot.css";
 import { unstable_memoizeMarkdownComponents as i, useIsMarkdownCodeBlock as n, MarkdownTextPrimitive as l } from "@assistant-ui/react-markdown";
 import u from "remark-gfm";
@@ -17,9 +17,9 @@ const h = () => /* @__PURE__ */ o(
   }
 ), q = c(h), g = ({ language: t, code: e }) => {
   const { isCopied: a, copyToClipboard: m } = N();
-  return /* @__PURE__ */ s("div", { className: "aui-code-header-root border-border/50 bg-muted/50 mt-3 flex items-center justify-between rounded-t-xl border border-b-0 px-3.5 py-1.5 text-xs", children: [
+  return /* @__PURE__ */ d("div", { className: "aui-code-header-root border-border/50 bg-muted/50 mt-3 flex items-center justify-between rounded-t-xl border border-b-0 px-3.5 py-1.5 text-xs", children: [
     /* @__PURE__ */ o("span", { className: "aui-code-header-language text-muted-foreground font-medium lowercase", children: t }),
-    /* @__PURE__ */ s(x, { tooltip: "Copy", onClick: () => {
+    /* @__PURE__ */ d(x, { tooltip: "Copy", onClick: () => {
       !e || a || m(e);
     }, children: [
       !a && /* @__PURE__ */ o(b, { className: "animate-in zoom-in-95 fade-in duration-150 ease-out motion-reduce:animate-none" }),
@@ -30,8 +30,8 @@ const h = () => /* @__PURE__ */ o(
   copiedDuration: t = 3e3
 } = {}) => {
   const [e, a] = p(!1);
-  return { isCopied: e, copyToClipboard: (d) => {
-    !d || typeof navigator > "u" || !navigator.clipboard || navigator.clipboard.writeText(d).then(
+  return { isCopied: e, copyToClipboard: (s) => {
+    !s || typeof navigator > "u" || !navigator.clipboard || navigator.clipboard.writeText(s).then(
       () => {
         a(!0), setTimeout(() => a(!1), t);
       },
@@ -216,7 +216,7 @@ const h = () => /* @__PURE__ */ o(
     "pre",
     {
       className: r(
-        "aui-md-pre border-border/50 bg-muted/30 overflow-x-auto rounded-t-none rounded-b-xl border border-t-0 p-3.5 text-[13px] leading-relaxed",
+        "aui-md-pre border-border/50 bg-muted/30 overflow-x-auto rounded-t-none rounded-b-xl border border-t-0 p-3.5 text-s leading-relaxed",
         t
       ),
       ...e
@@ -228,7 +228,7 @@ const h = () => /* @__PURE__ */ o(
       "code",
       {
         className: r(
-          !m && "aui-md-inline-code bg-muted rounded-md px-1.5 py-0.5 font-mono text-[0.85em]",
+          !m && "aui-md-inline-code bg-muted rounded-md px-1.5 py-0.5 font-mono text-s",
           e
         ),
         ...a

package/components/assistant-ui/sources.js

@@ -23,7 +23,7 @@ function d({
     {
       "data-slot": "source-icon-fallback",
       className: t(
-        "bg-muted flex size-3 shrink-0 items-center justify-center rounded-sm text-[10px] font-medium",
+        "bg-muted flex size-3 shrink-0 items-center justify-center rounded-sm text-xs font-medium",
         o
       ),
       ...c,

package/components/avatar.d.ts

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

package/components/avatar.js

@@ -3,7 +3,7 @@ import { jsx as n, jsxs as b } from "react/jsx-runtime";
 import * as f from "react";
 import { cn as s } from "../lib/cn.js";
 const m = {
-  xs: "size-5 text-[10px]",
+  xs: "size-5 text-xs",
   sm: "size-8 text-xs",
   md: "size-10 text-xs",
   lg: "size-12 text-base",

package/components/body-page-header.d.ts

@@ -9,7 +9,7 @@ export interface BodyPageHeaderProps extends Omit<React.HTMLAttributes<HTMLEleme
  * Borderless header for a PageBody destination.
  *
  * The header owns a 24px inset on every side and keeps the page title at the
- * canonical 25px step. Destination icons and compact metadata belong in the
+ * canonical 24px title-1 step. Destination icons and compact metadata belong in the
  * sidebar or content, not beside the title.
  */
 export declare const BodyPageHeader: React.ForwardRefExoticComponent<BodyPageHeaderProps & React.RefAttributes<HTMLElement>>;

package/components/body-page-header.js

@@ -13,7 +13,7 @@ const l = d.forwardRef(({ className: a, title: t, actions: e, ...s }, m) => /* @
     ),
     ...s,
     children: [
-      /* @__PURE__ */ r("h1", { className: "min-w-0 truncate text-xl font-medium text-on-warm-grey-primary", children: t }),
+      /* @__PURE__ */ r("h1", { className: "min-w-0 truncate text-2xl font-medium text-on-warm-grey-primary", children: t }),
       e ? /* @__PURE__ */ r("div", { className: "flex shrink-0 items-center gap-2", children: e }) : null
     ]
   }

package/components/chart.js

@@ -986,7 +986,7 @@ const et = R.forwardRef(
               ue,
               {
                 dataKey: n,
-                tick: { fill: "var(--text-secondary)", fontSize: 11, fontWeight: 500 }
+                tick: { fill: "var(--text-secondary)", fontSize: "var(--text-s)", fontWeight: 500 }
               }
             ),
             /* @__PURE__ */ e(

package/components/index.d.ts

@@ -20,6 +20,7 @@ export * from './resizable-panel';
 export * from './audio-waveform';
 export * from './tooltip';
 export * from './input';
+export * from './search-disclosure';
 export * from './input-field';
 export * from './textarea';
 export * from './checkbox';