@cueplusplus/ui 0.18.2 → 0.20.0

package/dist/system/portal.js

@@ -4,6 +4,7 @@ import { AgentSkinContext } from "./agent-skin.js";
 import { useRead } from "./published.js";
 import { DensityContext, PaintContext, StyleSetContext } from "./density.js";
 import { OverridesContext } from "./overrides.js";
+import { ScopedPairingContext } from "./_scoped-pairing.js";
 import { FontFamiliesContext, FontScaleContext, PairingSeedContext, ThemeContext } from "./theme-provider.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -33,6 +34,7 @@ function usePortalStamp() {
 	const skin = React.useContext(AgentSkinContext);
 	const styleSet = useRead(StyleSetContext);
 	const paint = useRead(PaintContext);
+	const scopedPairing = React.useContext(ScopedPairingContext);
 	return {
 		theme: theme?.theme ?? DEFAULT_THEME,
 		density: island ?? theme?.density ?? "compact",
@@ -44,7 +46,8 @@ function usePortalStamp() {
 		skin: skin?.skin ?? null,
 		fidelity: skin?.fidelity ?? null,
 		styleSet,
-		paint
+		paint,
+		scopedPairing
 	};
 }
 /**
@@ -155,6 +158,8 @@ function applyStamp(element, stamp) {
 	else element.setAttribute("data-cue-fidelity", stamp.fidelity);
 	const overrides = stamp.overrides ?? {};
 	for (const property of stampedOverrides.get(element) ?? []) if (!(property in overrides)) element.style.removeProperty(property);
+	if (stamp.scopedPairing) element.style.setProperty("font-family", "var(--cue-font-sans)");
+	else element.style.removeProperty("font-family");
 	if (stamp.fontScale === null) element.style.removeProperty(FONT_SCALE_PROPERTY);
 	else element.style.setProperty(FONT_SCALE_PROPERTY, String(stamp.fontScale));
 	setOptionalProperty(element, FONT_SANS_PROPERTY, stamp.fontFamilies?.sans);
@@ -186,6 +191,7 @@ function CuePortalFrame({ children, className, style }) {
 	const stamp = usePortalStamp();
 	const frameStyle = {
 		display: "contents",
+		...stamp.scopedPairing ? { fontFamily: "var(--cue-font-sans)" } : null,
 		...stamp.fontScale === null ? null : { [FONT_SCALE_PROPERTY]: stamp.fontScale },
 		...stamp.fontFamilies?.sans === void 0 ? null : { [FONT_SANS_PROPERTY]: stamp.fontFamilies.sans },
 		...stamp.fontFamilies?.mono === void 0 ? null : { [FONT_MONO_PROPERTY]: stamp.fontFamilies.mono },

package/dist/system/still.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+//#region src/system/still.d.ts
+interface StillProviderProps {
+  /** `true` holds everything under it still. Nested providers can only add stillness, never remove it. */
+  still: boolean;
+  /** What it holds still. Optional, as `ThemeProvider`'s is: an empty provider renders nothing. */
+  children?: React.ReactNode;
+}
+/**
+ * Hold a subtree still (see {@link useStill}). A gallery frame mounts one with
+ * `still` when it is a thumbnail.
+ *
+ * @example
+ * <StillProvider still><Page /></StillProvider>
+ */
+declare function StillProvider({ still, children }: StillProviderProps): React.JSX.Element;
+/**
+ * `true` under a still {@link StillProvider}, or while the reader prefers reduced
+ * motion. Live: it changes when the preference does. `false` on the server, where
+ * nothing animates anyway.
+ *
+ * @example
+ * const still = useStill();
+ * React.useEffect(() => {
+ *   if (still) return;
+ *   const frame = requestAnimationFrame(step);
+ *   return () => cancelAnimationFrame(frame);
+ * }, [still]);
+ */
+declare function useStill(): boolean;
+//#endregion
+export { StillProvider, StillProviderProps, useStill };

package/dist/system/still.js

@@ -0,0 +1,60 @@
+"use client";
+import { usePrefersReducedMotion } from "../instruments/_motion.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/system/still.tsx
+/**
+* Whether this subtree must hold still: no motif animates, no replay plays, no
+* live readout loops. A gallery thumbnail is the case it exists for (spec
+* 2026-10-02 §6.2) — a scrolled gallery of twenty live pages must cost nothing at
+* rest — and a reader's `prefers-reduced-motion` is folded in, so a consumer asks
+* one question.
+*/
+const StillContext = React.createContext(false);
+/**
+* Hold a subtree still (see {@link useStill}). A gallery frame mounts one with
+* `still` when it is a thumbnail.
+*
+* @example
+* <StillProvider still><Page /></StillProvider>
+*/
+function StillProvider({ still, children }) {
+	const outer = React.useContext(StillContext);
+	return /* @__PURE__ */ jsx(StillContext.Provider, {
+		value: outer || still,
+		children
+	});
+}
+/**
+* `true` under a still {@link StillProvider}, or while the reader prefers reduced
+* motion. Live: it changes when the preference does. `false` on the server, where
+* nothing animates anyway.
+*
+* @example
+* const still = useStill();
+* React.useEffect(() => {
+*   if (still) return;
+*   const frame = requestAnimationFrame(step);
+*   return () => cancelAnimationFrame(frame);
+* }, [still]);
+*/
+function useStill() {
+	const still = React.useContext(StillContext);
+	const reduced = usePrefersReducedMotion();
+	return still || reduced;
+}
+/**
+* Whether a {@link StillProvider} above holds this subtree still — the
+* provider's half of {@link useStill}, without the reader's motion preference.
+* For the one component that must tell a held thumbnail from a reader who
+* prefers reduced motion, because the two mean different things to it
+* (`TextScramble`: a thumbnail holds the first phrase, reduced motion still
+* cycles phrases without scrambling them, as cueplusplus.com does).
+*
+* @internal Not part of the public API.
+*/
+function useStillHeld() {
+	return React.useContext(StillContext);
+}
+//#endregion
+export { StillProvider, useStill, useStillHeld };

package/manifest/components/alert-dialog.json

@@ -171,7 +171,6 @@
     "--cue-control-sm",
     "--cue-fg",
     "--cue-fg-muted",
-    "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-leading-ui",
     "--cue-paint-rim-width",
@@ -200,6 +199,7 @@
     "--cue-style-body-size",
     "--cue-style-body-weight",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-dialog-radius",
     "--cue-style-display-variation",
     "--cue-style-group-label-ink",

package/manifest/components/announcement-bar.json

@@ -0,0 +1,82 @@
+{
+  "name": "AnnouncementBar",
+  "slug": "announcement-bar",
+  "group": "chrome",
+  "importPath": "@cueplusplus/ui",
+  "peerDependencies": [],
+  "clientOnly": false,
+  "description": "One line across the top of a page, and one link: a launch, a change, a date.\n\nFilled in the accent, centred, and as short as its line. It is not a\nnotification: it says the same thing to every reader and cannot be dismissed,\nso use `Toast` or `Alert` for anything that is about the reader.\n\nStatic markup — no `\"use client\"`.",
+  "props": [
+    {
+      "name": "children",
+      "type": "ReactNode",
+      "required": true,
+      "defaultValue": null,
+      "description": "The one line.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
+    },
+    {
+      "name": "action",
+      "type": "AnnouncementBarAction",
+      "required": false,
+      "defaultValue": null,
+      "description": "One link, read as the bar's action.",
+      "control": {
+        "kind": "opaque"
+      }
+    }
+  ],
+  "typeReferences": [
+    "React.ComponentPropsWithoutRef<\"div\">"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-accent-fill",
+    "--cue-accent-fill-fg",
+    "--cue-space-2",
+    "--cue-space-3",
+    "--cue-space-5",
+    "--cue-text-ui"
+  ],
+  "summary": "One line across the top of a page, and one link: a launch, a change, a date.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "<AnnouncementBar action={{ label: \"Learn more\", href: \"/changelog\" }}>Plans for teams are here.</AnnouncementBar>",
+      "language": "tsx"
+    }
+  ],
+  "status": "stable",
+  "url": "/docs/components/announcement-bar",
+  "mdUrl": "/docs/components/announcement-bar.md",
+  "jsonUrl": "/r/components/announcement-bar.json",
+  "whenToUse": [
+    "A product page's launch or pricing news, shown to every reader.",
+    "Above a `SiteNav`-style `AppBar` on a marketing page."
+  ],
+  "whenNotToUse": [
+    "Anything about the reader or their account. Use `Alert` or `Toast`.",
+    "Something the reader must dismiss or act on. This bar cannot be dismissed."
+  ],
+  "commonMistakes": [
+    "Putting more than one link in it. It is one line and one action."
+  ],
+  "specimens": [
+    {
+      "title": "AnnouncementBar",
+      "group": "chrome",
+      "components": [
+        "AnnouncementBar"
+      ],
+      "code": "<AnnouncementBar action={{ label: \"Read the release notes\", href: \"#\" }}>\n  The structural Looks are here.\n</AnnouncementBar>",
+      "note": "One line and one link, above the page's own chrome.",
+      "interaction": "the link is an ordinary anchor."
+    }
+  ]
+}

package/manifest/components/app-bar.json

@@ -87,8 +87,8 @@
           "name": "align",
           "type": "\"center\" | \"end\" | \"start\"",
           "required": false,
-          "defaultValue": "end",
-          "description": "Where the links sit when they are narrower than the space. Defaults to `\"end\"`.",
+          "defaultValue": null,
+          "description": "Where the links sit when they are narrower than the space. Omitted, the style\nset's `style-nav-align` decides, and without one it is `\"end\"`.",
           "control": {
             "kind": "enum",
             "members": [
@@ -290,6 +290,7 @@
     "--cue-style-chrome-rule-style",
     "--cue-style-focus-width",
     "--cue-style-hover-ink",
+    "--cue-style-nav-align",
     "--cue-style-nav-case",
     "--cue-style-nav-face",
     "--cue-style-nav-hover-ground",

package/manifest/components/app-shell.json

@@ -425,6 +425,9 @@
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-page-ground-image",
+    "--cue-style-page-ground-repeat",
+    "--cue-style-page-ground-tile",
     "--cue-surface-1",
     "--cue-text-label"
   ],

package/manifest/components/autocomplete.json

@@ -268,6 +268,7 @@
     "--cue-style-chip-size",
     "--cue-style-chip-tracking",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-control-step-size",
     "--cue-style-disabled-edge",
     "--cue-style-disabled-fill",
@@ -277,6 +278,7 @@
     "--cue-style-field-focus-offset",
     "--cue-style-field-hover-edge",
     "--cue-style-field-pad",
+    "--cue-style-field-radius",
     "--cue-style-focus-edge",
     "--cue-style-focus-width",
     "--cue-style-glyph-ink",

package/manifest/components/band.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": false,
-  "description": "A full-bleed horizontal section: the page's rhythm, its separation, and a\ncolumn at the measure.\n\nThis is `Footer`'s recipe with the footer taken out of it — a `w-full`\nelement, a rule running edge to edge, and a centred `Container` inside so the\nline reaches the window while the words stop at the measure. `Footer` is\nbuilt on this rather than beside it; the recipe exists once.\n\nEvery dimension it spends belongs to the style axis, so the same markup\ncomposes differently under `[data-style]` without a prop changing: the\nvertical rhythm is `--cue-band-y` (one `--cue-space-7` with no set, doubled\nunder `editorial`, trebled under `marketing` and `graphite`), the column is\n`--cue-measure-prose` unless `width` names a fixed rung, and the rule and the\nground are `--cue-band-rule` and `--cue-band-ground`. Read `separation`'s own\ndocumentation before choosing one, because two of the four can come out to\nnothing and they do not vanish symmetrically: `--cue-band-ground` is\n`transparent` on `:root` and on every set but `marketing` and `kiln`, so a\n`\"ground\"` paints nothing on most pages, while `--cue-band-rule` is `0px`\nunder those two alone. Both are deliberate and nothing warns.\n\n**Two substitution boundaries, because `--cue-band-y` is a `calc()` resolved\nat the element that declares it.** A `<Density>` island nested inside a\nstyled page moves every `--cue-space-*` and the band rhythm does **not**\nfollow it — the island inherits the rhythm already resolved above. Restate\nthe set on the island (`<Density density=\"compact\" styleSet=\"editorial\">`) to\nre-resolve it against that island's rung. Likewise a hand-stamped\n`[data-theme]` element under a marketing page paints the **outer** theme's\n`--cue-surface-1` through an already-resolved `--cue-band-ground`, and its\nrule in the outer theme's border. The library's own theme islands do not: a\nnested `ThemeProvider` that names a theme or a mode, and a `Preview` stage\nwith a theme, a mode or a pairing, restate the set in force beside it, so a\nband inside one paints that island's ground and rule.\n\nIt renders a `<section>`, which is not a landmark until it has an accessible\nname — so a band with a heading should carry `aria-labelledby` pointing at\nit, and a band without one costs the document nothing.\n\nStatic markup — no `\"use client\"`.",
+  "description": "A full-bleed horizontal section: the page's rhythm, its separation, and a\ncolumn at the measure.\n\nThis is `Footer`'s recipe with the footer taken out of it — a `w-full`\nelement, a rule running edge to edge, and a centred `Container` inside so the\nline reaches the window while the words stop at the measure. `Footer` is\nbuilt on this rather than beside it; the recipe exists once.\n\nEvery dimension it spends belongs to the style axis, so the same markup\ncomposes differently under `[data-style]` without a prop changing: the\nvertical rhythm is `--cue-band-y` (one `--cue-space-7` with no set, doubled\nunder `editorial`, trebled under `marketing` and `graphite`), the column is\n`--cue-measure-prose` unless `width` names a fixed rung, and the rule and the\nground are `--cue-band-rule` and `--cue-band-ground`. Read `separation`'s own\ndocumentation before choosing one, because two of the four can come out to\nnothing and they do not vanish symmetrically: `--cue-band-ground` is\n`transparent` on `:root` and on every set but `marketing` and `kiln`, so a\n`\"ground\"` paints nothing on most pages, while `--cue-band-rule` is `0px`\nunder those two and under `ledger` and `prism`, which separate bands by\nrhythm alone (and `prism`'s by a ground image, `style-band-ground-image`).\nBoth are deliberate and nothing warns.\n\n**Two substitution boundaries, because `--cue-band-y` is a `calc()` resolved\nat the element that declares it.** A `<Density>` island nested inside a\nstyled page moves every `--cue-space-*` and the band rhythm does **not**\nfollow it — the island inherits the rhythm already resolved above. Restate\nthe set on the island (`<Density density=\"compact\" styleSet=\"editorial\">`) to\nre-resolve it against that island's rung. Likewise a hand-stamped\n`[data-theme]` element under a marketing page paints the **outer** theme's\n`--cue-surface-1` through an already-resolved `--cue-band-ground`, and its\nrule in the outer theme's border. The library's own theme islands do not: a\nnested `ThemeProvider` that names a theme or a mode, and a `Preview` stage\nwith a theme, a mode or a pairing, restate the set in force beside it, so a\nband inside one paints that island's ground and rule.\n\nIt renders a `<section>`, which is not a landmark until it has an accessible\nname — so a band with a heading should carry `aria-labelledby` pointing at\nit, and a band without one costs the document nothing.\n\nStatic markup — no `\"use client\"`.",
   "props": [
     {
       "name": "separation",
@@ -85,6 +85,7 @@
     "--cue-paint-texture-blend",
     "--cue-paint-texture-opacity",
     "--cue-paint-texture-size",
+    "--cue-style-band-ground-image",
     "--cue-style-band-width"
   ],
   "summary": "A full-bleed horizontal section: a rule to the window's edge, a column at the measure.",

package/manifest/components/bento.json

@@ -20,16 +20,16 @@
       "props": [
         {
           "name": "cols",
-          "type": "4 | 2 | 3",
+          "type": "2 | 4 | 3",
           "required": false,
           "defaultValue": "3",
           "description": "How many columns at `lg`. Defaults to `3`. Two from `sm`, one below it.",
           "control": {
             "kind": "enum",
             "members": [
-              4,
               2,
-              3
+              3,
+              4
             ],
             "min": 2,
             "max": 4
@@ -37,17 +37,17 @@
         },
         {
           "name": "rows",
-          "type": "4 | 1 | 2 | 3",
+          "type": "1 | 2 | 4 | 3",
           "required": false,
           "defaultValue": null,
           "description": "How many rows to declare from `sm` up.\n\nOnly worth setting where a tile spans rows: a `rowSpan` over implicit\ntracks sizes itself to the tile's own content, which is not a span.",
           "control": {
             "kind": "enum",
             "members": [
-              4,
               1,
               2,
-              3
+              3,
+              4
             ],
             "min": 1,
             "max": 4
@@ -65,7 +65,7 @@
         },
         {
           "name": "gap",
-          "type": "0 | 4 | 8 | 1 | 2 | 3 | 5 | 6 | 7",
+          "type": "0 | 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7",
           "required": false,
           "defaultValue": "4",
           "description": "Which rung of the density space ladder to spend between tiles. Defaults to `4`.",
@@ -73,14 +73,14 @@
             "kind": "enum",
             "members": [
               0,
-              4,
-              8,
               1,
               2,
               3,
+              4,
               5,
               6,
-              7
+              7,
+              8
             ],
             "min": 0,
             "max": 8
@@ -109,17 +109,17 @@
       "props": [
         {
           "name": "span",
-          "type": "4 | 1 | 2 | 3",
+          "type": "1 | 2 | 4 | 3",
           "required": false,
           "defaultValue": null,
           "description": "How many columns to cover. Clamped by the container to its own `cols`.",
           "control": {
             "kind": "enum",
             "members": [
-              4,
               1,
               2,
-              3
+              3,
+              4
             ],
             "min": 1,
             "max": 4

package/manifest/components/button.json

@@ -150,6 +150,7 @@
     "--cue-style-outline-edge",
     "--cue-style-outline-hover-edge",
     "--cue-style-outline-hover-ground",
+    "--cue-style-primary-fill",
     "--cue-style-quiet-ink",
     "--cue-style-secondary-edge",
     "--cue-style-secondary-ground",

package/manifest/components/channel-matrix.json

@@ -224,6 +224,7 @@
     "--cue-style-body-size",
     "--cue-style-body-weight",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-display-variation",
     "--cue-style-focus-width",
     "--cue-style-group-label-ink",

package/manifest/components/chart-tooltip-content.json

@@ -125,6 +125,7 @@
     "--cue-style-body-size",
     "--cue-style-body-weight",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-display-variation",
     "--cue-style-group-label-ink",
     "--cue-style-group-label-pad",

package/manifest/components/checkbox-group.json

@@ -36,7 +36,6 @@
     "--cue-danger-fg",
     "--cue-fg",
     "--cue-fg-muted",
-    "--cue-fg-subtle",
     "--cue-focus",
     "--cue-focus-ring",
     "--cue-font-mono",
@@ -60,6 +59,7 @@
     "--cue-style-choice-gap",
     "--cue-style-control-face",
     "--cue-style-control-label-leading",
+    "--cue-style-control-radius",
     "--cue-style-disabled-edge",
     "--cue-style-disabled-fill",
     "--cue-style-disabled-ink",

package/manifest/components/checkbox.json

@@ -61,7 +61,6 @@
     "--cue-danger-fg",
     "--cue-fg",
     "--cue-fg-muted",
-    "--cue-fg-subtle",
     "--cue-focus",
     "--cue-focus-ring",
     "--cue-font-mono",
@@ -85,6 +84,7 @@
     "--cue-style-choice-gap",
     "--cue-style-control-face",
     "--cue-style-control-label-leading",
+    "--cue-style-control-radius",
     "--cue-style-disabled-edge",
     "--cue-style-disabled-fill",
     "--cue-style-disabled-ink",

package/manifest/components/chip.json

@@ -134,6 +134,7 @@
     "--cue-style-chip-radius",
     "--cue-style-chip-size",
     "--cue-style-chip-tracking",
+    "--cue-style-control-radius",
     "--cue-style-focus-width",
     "--cue-style-label-case",
     "--cue-style-label-face",

package/manifest/components/color-area.json

@@ -30,10 +30,20 @@
   "tokensUsed": [
     "--cue-bg",
     "--cue-border",
+    "--cue-border-strong",
+    "--cue-danger",
     "--cue-fg",
     "--cue-focus",
     "--cue-focus-ring",
     "--cue-radius-control",
+    "--cue-radius-scale",
+    "--cue-space-3",
+    "--cue-space-4",
+    "--cue-space-5",
+    "--cue-style-control-radius",
+    "--cue-style-field-hover-edge",
+    "--cue-style-field-pad",
+    "--cue-style-field-radius",
     "--cue-style-focus-width"
   ],
   "summary": "The two-axis colour field — saturation against brightness by default.",

package/manifest/components/color-field.json

@@ -76,12 +76,14 @@
     "--cue-paint-stroke-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--cue-space-1",
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
     "--cue-style-body-weight",
     "--cue-style-check-edge",
+    "--cue-style-control-radius",
     "--cue-style-control-step-size",
     "--cue-style-disabled-edge",
     "--cue-style-disabled-fill",
@@ -90,6 +92,7 @@
     "--cue-style-field-focus-offset",
     "--cue-style-field-hover-edge",
     "--cue-style-field-pad",
+    "--cue-style-field-radius",
     "--cue-style-focus-edge",
     "--cue-style-focus-width",
     "--cue-style-input-face",

package/manifest/components/color-picker.json

@@ -210,12 +210,14 @@
     "--cue-paint-stroke-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
     "--cue-style-body-weight",
     "--cue-style-check-edge",
+    "--cue-style-control-radius",
     "--cue-style-control-step-size",
     "--cue-style-disabled-edge",
     "--cue-style-disabled-fill",
@@ -224,6 +226,7 @@
     "--cue-style-field-focus-offset",
     "--cue-style-field-hover-edge",
     "--cue-style-field-pad",
+    "--cue-style-field-radius",
     "--cue-style-focus-edge",
     "--cue-style-focus-width",
     "--cue-style-input-face",

package/manifest/components/combobox.json

@@ -271,6 +271,7 @@
     "--cue-style-chip-size",
     "--cue-style-chip-tracking",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-control-step-size",
     "--cue-style-disabled-edge",
     "--cue-style-disabled-fill",
@@ -280,6 +281,7 @@
     "--cue-style-field-focus-offset",
     "--cue-style-field-hover-edge",
     "--cue-style-field-pad",
+    "--cue-style-field-radius",
     "--cue-style-focus-edge",
     "--cue-style-focus-width",
     "--cue-style-glyph-ink",

package/manifest/components/command-palette.json

@@ -187,6 +187,7 @@
     "--cue-style-body-size",
     "--cue-style-body-weight",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-control-step-size",
     "--cue-style-dialog-radius",
     "--cue-style-display-variation",

package/manifest/components/composer.json

@@ -212,12 +212,14 @@
     "--cue-paint-stroke-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
     "--cue-style-body-weight",
     "--cue-style-check-edge",
+    "--cue-style-control-radius",
     "--cue-style-control-step-size",
     "--cue-style-disabled-edge",
     "--cue-style-disabled-fill",
@@ -226,6 +228,7 @@
     "--cue-style-field-focus-offset",
     "--cue-style-field-hover-edge",
     "--cue-style-field-pad",
+    "--cue-style-field-radius",
     "--cue-style-focus-edge",
     "--cue-style-focus-width",
     "--cue-style-input-face",

package/manifest/components/context-menu.json

@@ -92,7 +92,6 @@
     "--cue-control-sm",
     "--cue-fg",
     "--cue-fg-muted",
-    "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-leading-ui",
     "--cue-paint-rim-width",
@@ -119,6 +118,7 @@
     "--cue-style-body-size",
     "--cue-style-body-weight",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-display-variation",
     "--cue-style-group-label-ink",
     "--cue-style-group-label-pad",

package/manifest/components/data-table-pagination.json

@@ -63,9 +63,12 @@
     "--cue-fg",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-pad-row-x",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
+    "--cue-style-cell-leading",
+    "--cue-style-cell-pad",
     "--cue-text-label"
   ],
   "summary": "The pager: four buttons, the position, and the row count.",

package/manifest/components/data-table-toolbar.json

@@ -93,9 +93,12 @@
     "--cue-fg",
     "--cue-fg-subtle",
     "--cue-font-mono",
+    "--cue-pad-row-x",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
+    "--cue-style-cell-leading",
+    "--cue-style-cell-pad",
     "--cue-text-label"
   ],
   "summary": "The strip above a table: one search box, a match count, your controls.",

package/manifest/components/date-field.json

@@ -67,12 +67,14 @@
     "--cue-paint-stroke-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--cue-space-1",
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
     "--cue-style-body-weight",
     "--cue-style-check-edge",
+    "--cue-style-control-radius",
     "--cue-style-control-step-size",
     "--cue-style-disabled-edge",
     "--cue-style-disabled-fill",
@@ -81,6 +83,7 @@
     "--cue-style-field-focus-offset",
     "--cue-style-field-hover-edge",
     "--cue-style-field-pad",
+    "--cue-style-field-radius",
     "--cue-style-focus-edge",
     "--cue-style-focus-width",
     "--cue-style-input-face",