@cueplusplus/ui 0.12.0 → 0.14.0

package/manifest/components/inline-citation.json

@@ -55,6 +55,7 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-surface-2",

package/manifest/components/markdown-text.json

@@ -86,6 +86,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-space-1",
     "--cue-space-2",

package/manifest/components/math-block.json

@@ -49,6 +49,7 @@
     "--cue-border-strong",
     "--cue-fg",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-text-emphasis"
   ],

package/manifest/components/menubar.json

@@ -143,6 +143,7 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",

package/manifest/components/message-branches.json

@@ -52,6 +52,7 @@
   "tokensUsed": [
     "--cue-fg",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-text-body"
   ],
   "summary": "Navigate between regenerated versions of the same answer without losing your place.",

package/manifest/components/message-pair.json

@@ -74,6 +74,7 @@
   "defaultVariants": {},
   "tokensUsed": [
     "--cue-fg",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-stream",
     "--cue-text-body"

package/manifest/components/message.json

@@ -111,6 +111,7 @@
     "--cue-fg",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-space-2",

package/manifest/components/multi-select.json

@@ -211,6 +211,7 @@
     "--cue-focus",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",

package/manifest/components/navigation-menu.json

@@ -228,6 +228,7 @@
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",

package/manifest/components/onboarding.json

@@ -63,6 +63,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-radius-surface",
     "--cue-surface-2",

package/manifest/components/page-shell.json

@@ -90,6 +90,10 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-font-mono",
+    "--cue-leading-ui",
+    "--cue-measure-broad",
+    "--cue-measure-narrow",
+    "--cue-measure-wide",
     "--cue-space-2",
     "--cue-space-4",
     "--cue-space-6",

package/manifest/components/popover.json

@@ -178,6 +178,7 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",

package/manifest/components/preset-section.json

@@ -55,6 +55,7 @@
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-font-sans",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-space-1",
     "--cue-space-2",

package/manifest/components/preview.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": true,
-  "description": "A card for one component: a stage that is its own theme island, a slot for\ntools at the top right, and a footer.\n\n**Two presentations, one stage.** `\"panel\"`, the default and what every\nexisting caller gets, is that card: a border, a fill, a dot grid under the\nspecimen, and the tools floating over the stage's top right. `\"frame\"` is a\ndesign-canvas frame — no card, no border, no fill; the name, the count and\nthe tools sit in a row *above* the stage rather than over it, four crosshairs\nmark the stage's outer corners, and the stage paints nothing by default, so\nwhatever canvas the frame sits on shows through. Everything below holds in\nboth.\n\n**The stage is the island; the chrome is not.** `theme`, `mode`, `density`\nand `font` land on the stage element only, and the stage republishes the\ntheme and density contexts so an overlay opened on it follows it. The tools,\nthe footer, the grips and anything they open stay in the scope around the\nPreview — a `terminal` preview's own controls do not turn cyan. With none of\nthe four set, the stage carries no attribute and costs what a `<div>` costs.\nA stage `theme` with no `mode` repeats the page's mode beside it.\n\n**`resizable` is handles of its own**, both axes by default: an edge grip per\naxis that is a keyboard-operable `separator` valued in pixels, and a corner\ngrip for the pointer. Double-click resets an axis. The width never outgrows\nthe frame: its bound in force is the frame's own width, observed live, when\nthat is under `maxWidth`. Not `Resizable`, which is split panes on an\noptional peer.\n\nProps, not a compound: one stage and its slots, each saying what it is.",
+  "description": "A card for one component: a stage that is its own theme island, a slot for\ntools at the top right, and a footer.\n\n**Two presentations, one stage.** `\"panel\"`, the default and what every\nexisting caller gets, is that card: a border, a fill, a dot grid under the\nspecimen, and the tools floating over the stage's top right. `\"frame\"` is a\ndesign-canvas frame — no card, no border, no fill; the name, the count and\nthe tools sit in a row *above* the stage rather than over it, four crosshairs\nmark the stage's outer corners, and the stage paints nothing by default, so\nwhatever canvas the frame sits on shows through. Everything below holds in\nboth.\n\n**The stage is the island; the chrome is not.** `theme`, `mode`, `density`,\n`font` and `styleSet` land on the stage element only, and the stage\nrepublishes the theme, density and style-set contexts so an overlay opened on\nit follows it. The tools, the footer, the grips and anything they open stay\nin the scope around the Preview — a `terminal` preview's own controls do not\nturn cyan. With none of the five set, the stage carries no attribute and\ncosts what a `<div>` costs. A stage `theme` with no `mode` repeats the page's\nmode beside it.\n\n**`resizable` is handles of its own**, both axes by default: an edge grip per\naxis that is a keyboard-operable `separator` valued in pixels, and a corner\ngrip for the pointer. Double-click resets an axis. The width never outgrows\nthe frame: its bound in force is the frame's own width, observed live, when\nthat is under `maxWidth`. Not `Resizable`, which is split panes on an\noptional peer.\n\nProps, not a compound: one stage and its slots, each saying what it is.",
   "props": [
     {
       "name": "children",
@@ -90,6 +90,21 @@
         ]
       }
     },
+    {
+      "name": "styleSet",
+      "type": "\"console\" | \"editorial\" | \"marketing\"",
+      "required": false,
+      "defaultValue": null,
+      "description": "A style set for the stage only: `console`, `editorial` or `marketing`.\n\nUnset, the stage inherits and **no attribute is emitted at all** — the same\nrule the other four follow here. Unlike `theme`, naming one loads nothing\nand needs nothing: the three sets are emitted by `@cueplusplus/tokens` into\nthe stylesheet every consumer already imports, so a stage is scoped to\n`[data-style=\"<name>\"]` and the block is on the page by construction.\n\nThe set is republished to React as well as stamped, so a popover opened on\nthe stage follows the stage rather than the page — a portal mounts on\n`<body>` and inherits nothing from the stage's DOM.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "console",
+          "editorial",
+          "marketing"
+        ]
+      }
+    },
     {
       "name": "resizable",
       "type": "boolean | PreviewResizeOptions",
@@ -237,7 +252,7 @@
     },
     {
       "title": "Usage",
-      "code": "<Preview label=\"Button preview\" tools={<IconButton aria-label=\"Configure Button\" icon={Wrench} />}>\n  <Button variant=\"primary\">Take cue</Button>\n</Preview>\n<Preview label=\"Chip preview\" theme=\"terminal\" density=\"compact\" resizable>\n  <Chip tone=\"accent\">Standby</Chip>\n</Preview>\n<Preview label=\"Button\" presentation=\"frame\" count={3}>\n  <Button variant=\"primary\">Take cue</Button>\n</Preview>",
+      "code": "<Preview label=\"Button preview\" tools={<IconButton aria-label=\"Configure Button\" icon={Wrench} />}>\n  <Button variant=\"primary\">Take cue</Button>\n</Preview>\n<Preview label=\"Chip preview\" theme=\"terminal\" density=\"compact\" resizable>\n  <Chip tone=\"accent\">Standby</Chip>\n</Preview>\n<Preview label=\"Button\" presentation=\"frame\" count={3}>\n  <Button variant=\"primary\">Take cue</Button>\n</Preview>\n<Preview label=\"Editorial band\" styleSet=\"editorial\" presentation=\"frame\">\n  <Container className=\"max-w-(--cue-measure-prose)\">…</Container>\n</Preview>",
       "language": "tsx"
     }
   ],

package/manifest/components/progress.json

@@ -5,14 +5,14 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": false,
-  "description": "Determinate work, drawn as a filling rule.\n\nWraps Base UI's `Progress`, so `role=\"progressbar\"`, the value formatting and\nthe completion status are the primitive's; this layer adds the console skin:\na sunk `surface-3` track, an accent fill and a 120ms linear width transition\n— linear because a progress bar that eases is lying about its rate.\n\nPassing `value={null}` makes it indeterminate: the fill collapses and the\ntrack pulses instead, which says \"working, size unknown\" without inventing a\nnumber. The pulse stills under `prefers-reduced-motion`.\n\nUse `Meter` instead for a *level* (how full something is); a progress bar is\nfor a *task* (how far along something is).\n\nStatic markup — no `\"use client\"`.",
+  "description": "Determinate work, drawn as a filling rule.\n\nWraps Base UI's `Progress`, so `role=\"progressbar\"`, the value formatting and\nthe completion status are the primitive's; this layer adds the console skin:\na sunk `surface-3` track, an accent fill and a 120ms linear width transition\n— linear because a progress bar that eases is lying about its rate.\n\nPassing `value={null}` makes it indeterminate: the fill collapses and the\ntrack pulses instead, which says \"working, size unknown\" without inventing a\nnumber. The pulse stills under `prefers-reduced-motion`.\n\nUse `Meter` instead for a *level* (how full something is); a progress bar is\nfor a *task* (how far along something is).\n\n**Named in the markup, not on hydration.** Base UI names the bar from the\ncaption by having `Progress.Label` report its id to the root, and it reports\nit from a `useIsoLayoutEffect` (`@base-ui/react/utils/useRegisteredLabelId`),\nwhich the root keeps in `useState`. A render that runs no effects — SSR\nbefore hydration, `renderToStaticMarkup`, a page that never hydrates — emitted\nthe caption with its id and a `role=\"progressbar\"` that pointed at nothing, so\nthe delivered HTML had a progressbar with no accessible name. Both ends are\ngiven the same `useId` here instead, so the first render is already correct\nand Base UI's effect later resolves the label to the id it was handed.\n\nStatic markup — no `\"use client\"`. `useId` is the one hook it calls, and it\nis one a Server Component may call: React's Flight server implements `useId`\nin its hooks dispatcher, where the hooks a Server Component may not call are\n`unsupportedHook`.",
   "props": [
     {
       "name": "label",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Caption above the bar. Rendered as Base UI's `Progress.Label`, so it also\nbecomes the bar's accessible name — pass one, or an `aria-label`.",
+      "description": "Caption above the bar, and the bar's accessible name: this layer points the\n`role=\"progressbar\"` at it with `aria-labelledby` **at render**, so the name\nis in the markup a server sends. Pass one, or an `aria-label` — a root that\nalready carries `aria-label` or `aria-labelledby` keeps the name it was\ngiven.",
       "control": {
         "kind": "node",
         "fixture": "children.text"

package/manifest/components/prompt-library.json

@@ -86,6 +86,7 @@
     "--cue-bg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-radius-surface",

package/manifest/components/quote-reply.json

@@ -94,6 +94,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-stream",
     "--cue-surface-2",

package/manifest/components/read-aloud.json

@@ -104,6 +104,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-stream",

package/manifest/components/reasoning-panel.json

@@ -102,6 +102,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-stream",
     "--cue-surface-3",
     "--cue-text-body"

package/manifest/components/recommendation-card.json

@@ -98,6 +98,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-ok",
     "--cue-radius-overlay",
     "--cue-surface-2",

package/manifest/components/research-report.json

@@ -52,6 +52,7 @@
     "--cue-border",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-stream",
     "--cue-surface-3",

package/manifest/components/retrieval-chunks.json

@@ -62,6 +62,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-ok",
     "--cue-radius-overlay",
     "--cue-stream",

package/manifest/components/reviewable-diff.json

@@ -78,6 +78,7 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-ok",
     "--cue-radius-overlay",
     "--cue-surface-2",

package/manifest/components/score-breakdown.json

@@ -70,6 +70,7 @@
     "--cue-danger",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-ok",
     "--cue-radius-overlay",
     "--cue-stream",

package/manifest/components/scroll-anchor.json

@@ -51,6 +51,7 @@
   "defaultVariants": {},
   "tokensUsed": [
     "--cue-fg-muted",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-surface-1",
     "--cue-text-ui"

package/manifest/components/settings-panel.json

@@ -117,6 +117,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-radius-surface",
     "--cue-surface-3",

package/manifest/components/shape-section.json

@@ -45,6 +45,7 @@
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-font-sans",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-space-1",
     "--cue-space-2",

package/manifest/components/shared-conversation.json

@@ -73,6 +73,7 @@
     "--cue-border",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-surface-1",
     "--cue-text-body",

package/manifest/components/sheet.json

@@ -168,6 +168,7 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",

package/manifest/components/speaker-identity.json

@@ -31,6 +31,7 @@
   "tokensUsed": [
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-surface",
     "--cue-stream",
     "--cue-surface-1",

package/manifest/components/stopped-run.json

@@ -63,6 +63,7 @@
   "tokensUsed": [
     "--cue-fg",
     "--cue-fg-muted",
+    "--cue-leading-ui",
     "--cue-surface-2",
     "--cue-surface-3",
     "--cue-text-body",

package/manifest/components/streaming-text.json

@@ -48,6 +48,7 @@
   "defaultVariants": {},
   "tokensUsed": [
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-stream",
     "--cue-surface-2",

package/manifest/components/sub.json

@@ -16,6 +16,7 @@
     "--cue-border-strong",
     "--cue-fg",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-text-emphasis"
   ],

package/manifest/components/sup.json

@@ -16,6 +16,7 @@
     "--cue-border-strong",
     "--cue-fg",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-text-emphasis"
   ],

package/manifest/components/tags-input.json

@@ -211,6 +211,7 @@
     "--cue-focus",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",

package/manifest/components/terminal-frame.json

@@ -107,6 +107,7 @@
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-info",
+    "--cue-leading-ui",
     "--cue-ok",
     "--cue-pad-row-x",
     "--cue-radius-surface",

package/manifest/components/textarea.json

@@ -66,6 +66,7 @@
     "--cue-fg-subtle",
     "--cue-focus",
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-space-3",
     "--cue-space-4",

package/manifest/components/theme-configurator.json

@@ -128,6 +128,7 @@
     "--cue-font-mono",
     "--cue-font-sans",
     "--cue-icon-sm",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",

package/manifest/components/theme-provider.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": true,
-  "description": "Root of the theme system: stamps `data-theme`, `data-density` and `data-mode`\nso the token layer resolves, puts `data-font` on `<html>`, publishes\n`--cue-font-scale`, owns the persisted user preference, and publishes the\nregistry the three axis hooks read.\n\nRendering: `<div data-cue-root data-theme data-density data-mode style={{ colorScheme, --cue-font-scale }}>`\n(or the single child when `asChild`). The `theme`/`density`/`font`/`mode` props are\n*initial* values — the provider holds the state so `setTheme` and friends can\ndrive it — but a changed prop is adopted after mount, so a controlling parent\nstill works.\n\nThe font pairing is the one axis that never lands on this element: it has no\nisland form, `<html>` is its only home, and restating it here would shadow the\npre-paint stamp for the whole page on the first frame. See the `stamp` object\nbelow.\n\nPersistence and the pre-paint contract: setters write\n`{ theme, density, font, mode }` to `localStorage[storageKey]`, which is exactly what\n{@link prepaintScript } reads to stamp `<html>` before the first paint. The\noutermost provider keeps `<html>` in sync while the app runs (and restores the\nprevious stamp on unmount) so the page ground, UA scrollbars and form controls\nfollow the theme; nested providers never touch `<html>`, and never own the\nfont pairing — `useTheme().font` and `setFont` inside one are the root's.",
+  "description": "Root of the theme system: stamps `data-theme`, `data-density` and `data-mode`\nso the token layer resolves, puts `data-font` on `<html>`, publishes\n`--cue-font-scale`, owns the persisted user preference, and publishes the\nregistry the three axis hooks read.\n\nRendering: `<div data-cue-root data-theme data-density data-mode style={{ colorScheme, --cue-font-scale }}>`\n(or the single child when `asChild`), plus `data-style` when — and only when —\na style set is in force. The `theme`/`density`/`font`/`mode`/`styleSet` props are\n*initial* values — the provider holds the state so `setTheme` and friends can\ndrive it — but a changed prop is adopted after mount, so a controlling parent\nstill works.\n\nThe font pairing is the one axis that never lands on this element: it has no\nisland form, `<html>` is its only home, and restating it here would shadow the\npre-paint stamp for the whole page on the first frame. See the `stamp` object\nbelow.\n\nPersistence and the pre-paint contract: setters write\n`{ theme, density, font, mode }` to `localStorage[storageKey]`, plus a `style`\nkey holding the style set when there is one — omitted entirely when there is\nnot, so an application that never touches that axis writes the same four-key\nobject it always wrote. That is exactly what\n{@link prepaintScript } reads to stamp `<html>` before the first paint. The\noutermost provider keeps `<html>` in sync while the app runs (and restores the\nprevious stamp on unmount) so the page ground, UA scrollbars and form controls\nfollow the theme; nested providers never touch `<html>`, and never own the\nfont pairing — `useTheme().font` and `setFont` inside one are the root's.",
   "props": [
     {
       "name": "themes",
@@ -79,6 +79,21 @@
         ]
       }
     },
+    {
+      "name": "styleSet",
+      "type": "\"console\" | \"editorial\" | \"marketing\"",
+      "required": false,
+      "defaultValue": null,
+      "description": "Page composition for this subtree: `console`, `editorial` or `marketing`.\n\n**`styleSet`, not `style`.** This interface already has a\n`style?: React.CSSProperties` a few lines below, applied to the provider\nroot, and a second meaning for that name would be the one collision every\nconsumer of this component would have to think about. The DOM attribute is\n`data-style`, matching the four public axes — `data-cue-*` is this tree's\nprefix for *internal* attributes (`data-cue-theme`, `data-cue-fidelity`), and\na public axis wearing the internal prefix would be the more confusing of the\ntwo mistakes.\n\nUnset, **no attribute is stamped at all**, and that is the promise: an\napplication that has never heard of this axis renders the markup it rendered\nbefore it existed and stores the preference object it stored before it\nexisted. A style set is opt-in page composition, not a fourth thing every\npage has.\n\nLike the other three axes this is an *initial* value the provider then holds\nas state, so `setStyleSet` can drive it; a changed prop is adopted after\nmount. Unlike the font pairing it has an island form, so a nested provider\nholds its own rather than handing the axis up to the root.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "console",
+          "editorial",
+          "marketing"
+        ]
+      }
+    },
     {
       "name": "fontScale",
       "type": "number",
@@ -129,6 +144,16 @@
         "kind": "boolean"
       }
     },
+    {
+      "name": "nonce",
+      "type": "string",
+      "required": false,
+      "defaultValue": null,
+      "description": "The Content-Security-Policy nonce for the density override layer.\n\nWhen `overrides.densities` is set this provider emits one `<style>`\nelement (see {@link ThemeProviderProps.overrides}). Under a policy of\n`style-src-elem 'self' 'nonce-<per-request>'` the browser refuses that\nelement on every page load, because an element React renders on the client\ncannot pick up a server nonce by itself. Pass the request's nonce here and\nit is set on the element.\n\nNothing else in this library emits a `<style>` element, and\n`prepaintScript()` returns a *string* the application renders in a\n`<script>` of its own — so the application already controls that element's\nnonce, and this prop is the whole of what a strict policy needs from here.\n\n**A nonce cannot rescue a style ATTRIBUTE**, and this provider always sets\none on its root: `color-scheme` and `--cue-font-scale`, plus the font\nfamilies and overrides where they are given. CSP has no nonce form for\n`style-src-attr` — it is `'unsafe-inline'` or `'none'` — so an application\nserving `style-src-attr 'none'` loses those declarations, silently. That is\na policy decision rather than something this prop can change.",
+      "control": {
+        "kind": "string"
+      }
+    },
     {
       "name": "asChild",
       "type": "boolean",

package/manifest/components/toast.json

@@ -79,6 +79,7 @@
     "--cue-icon-md",
     "--cue-icon-sm",
     "--cue-info",
+    "--cue-leading-ui",
     "--cue-ok",
     "--cue-radius-control",
     "--cue-radius-overlay",

package/manifest/components/tool-call-card.json

@@ -203,6 +203,7 @@
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--cue-leading-ui",
     "--cue-ok",
     "--cue-radius-control",
     "--cue-space-2",

package/manifest/components/tool-error.json

@@ -105,6 +105,7 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-radius-surface",
     "--cue-surface-2",

package/manifest/components/tooltip.json

@@ -147,6 +147,7 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-leading-ui",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-scrim",

package/manifest/components/voice-conversation.json

@@ -104,6 +104,7 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-stream",
     "--cue-surface-1",