@cueplusplus/ui 0.18.2 → 0.20.0

package/manifest/components/navigation-menu.json

@@ -255,6 +255,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/number-field.json

@@ -104,12 +104,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",
@@ -118,6 +120,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/otp-field.json

@@ -136,6 +136,7 @@
     "--cue-paint-stroke-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
@@ -143,6 +144,7 @@
     "--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",
@@ -151,6 +153,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/page-shell.json

@@ -87,6 +87,7 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
+    "--cue-border",
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-font-mono",
@@ -100,11 +101,15 @@
     "--cue-space-7",
     "--cue-style-body-face",
     "--cue-style-body-weight",
+    "--cue-style-display-case",
     "--cue-style-display-variation",
+    "--cue-style-frame-lines-content",
+    "--cue-style-grid-lines-content",
     "--cue-style-heading-ink",
     "--cue-style-lede-ink",
     "--cue-style-lede-leading",
     "--cue-style-lede-size",
+    "--cue-style-page-frame-position",
     "--cue-style-page-title-face",
     "--cue-style-page-title-leading",
     "--cue-style-page-title-size",

package/manifest/components/particle-logo.json

@@ -0,0 +1,140 @@
+{
+  "name": "ParticleLogo",
+  "slug": "particle-logo",
+  "group": "brand",
+  "importPath": "@cueplusplus/ui",
+  "peerDependencies": [],
+  "clientOnly": true,
+  "description": "A mark drawn as a field of particles that wiggle, flip colour in sweeping waves and scatter\nfrom the pointer — cueplusplus.com's hero logo, ported from three.js to raw WebGL2 with its\nshaders unchanged (spec 2026-10-04-cue-site-verbatim §4.1).\n\nThe camera, the mesh scale, the textures, the blending and the wave and touch timings are the\nsource's, copied: a 50° camera at z = 300, the mark 26% of the canvas's height, a wave every\n4–8s that sweeps in 2s and fades to white over 3s, a pointer trail that ages over 80 rendered\nupdates. It renders at about 30fps and costs nothing off screen or in a hidden tab.\n\n**Without WebGL2, or held still** (a thumbnail, or a reader who prefers reduced motion), it\ndraws the source image itself, still, at the same fit — a picture of the mark rather than of\nthe particles, which the docs say. A lost context draws the still until it is restored.\n\nDecorative: the canvas is hidden from assistive technology; name the mark on the element\naround it.",
+  "props": [
+    {
+      "name": "src",
+      "type": "string",
+      "required": true,
+      "defaultValue": null,
+      "description": "The mark to draw in particles: an image URL, PNG or SVG, light on transparent or on black.",
+      "control": {
+        "kind": "string"
+      }
+    },
+    {
+      "name": "fit",
+      "type": "\"logo\" | \"contain\"",
+      "required": false,
+      "defaultValue": "logo",
+      "description": "`logo` (the default): the mark is 26% of the canvas's height, as cueplusplus.com's hero\ndraws it. `contain`: the mark fits inside the canvas, scaled by `containFill`.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "logo",
+          "contain"
+        ]
+      }
+    },
+    {
+      "name": "containFill",
+      "type": "number",
+      "required": false,
+      "defaultValue": "0.85",
+      "description": "How much of the canvas a `contain` mark fills. Defaults to `0.85`.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "particleSize",
+      "type": "number",
+      "required": false,
+      "defaultValue": "0.5",
+      "description": "Each particle's size. Defaults to `0.5`.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "randomSpread",
+      "type": "number",
+      "required": false,
+      "defaultValue": "2",
+      "description": "How far particles scatter from their pixel. Defaults to `2`.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "skipRatio",
+      "type": "number",
+      "required": false,
+      "defaultValue": "36",
+      "description": "One particle every this many pixels of the 600px-wide raster. Defaults to `36`.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "waveColors",
+      "type": "readonly string[]",
+      "required": false,
+      "defaultValue": null,
+      "description": "The colours a wave sweeps the mark into, as hex. Defaults to the Look's own accent and\nsignal colours, read off the element; cueplusplus.com passes its eight. A palette with\nnothing different to offer falls back to the default.",
+      "control": {
+        "kind": "array",
+        "fixture": "agent.transcript"
+      }
+    }
+  ],
+  "typeReferences": [
+    "Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\">"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-accent",
+    "--cue-busy",
+    "--cue-danger",
+    "--cue-fg",
+    "--cue-info",
+    "--cue-ok",
+    "--cue-stream",
+    "--cue-warn"
+  ],
+  "summary": "A mark drawn as a field of particles that wiggle, flip colour in sweeping waves and scatter from the pointer — cueplusplus.com's hero logo, in WebGL2.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "<div role=\"img\" aria-label=\"CUE++\" className=\"h-[460px]\">\n  <ParticleLogo src=\"/logo.png\" />\n</div>",
+      "language": "tsx"
+    }
+  ],
+  "status": "stable",
+  "url": "/docs/components/particle-logo",
+  "mdUrl": "/docs/components/particle-logo.md",
+  "jsonUrl": "/r/components/particle-logo.json",
+  "whenToUse": [
+    "A product or studio site's hero, where the mark is the first thing a visitor sees and touches.",
+    "A brand moment that should answer the pointer, at about 30fps and nothing off screen."
+  ],
+  "whenNotToUse": [
+    "A logo in a header, a footer or a list: use the image itself. This is one canvas per page, sized to its container.",
+    "Anywhere the mark must be read by assistive technology: it is decorative. Name it on the element around it, as `role=\"img\" aria-label`."
+  ],
+  "commonMistakes": [
+    "Passing a dark mark on a transparent ground. It samples bright or opaque pixels, as the site does, so a light mark (white on transparent or on black) is what it draws.",
+    "Expecting particles in a thumbnail or for a reader who prefers reduced motion. Held still, or without WebGL2, it draws the source image instead.",
+    "Leaving `waveColors` unset and expecting cueplusplus.com's neon. By default the waves are the Look's own accent and signal colours; pass the eight hexes for the site's."
+  ],
+  "specimens": [
+    {
+      "title": "ParticleLogo",
+      "group": "brand",
+      "components": [
+        "ParticleLogo"
+      ],
+      "code": "<div role=\"img\" aria-label=\"CUE++\" className=\"h-48 w-full max-w-[32rem]\">\n  <ParticleLogo src={CUE_LOGO_PNG} />\n</div>",
+      "note": "A mark as a field of particles that wiggle, flip colour in sweeping waves and scatter from the pointer — cueplusplus.com's hero logo, in WebGL2. Off screen or in a hidden tab it stops; held still, or without WebGL2, it draws the image itself.",
+      "interaction": "move the pointer over the mark to scatter it. Prefer reduced motion and it draws the still image."
+    }
+  ]
+}

package/manifest/components/particle-mark.json

@@ -0,0 +1,75 @@
+{
+  "name": "ParticleMark",
+  "slug": "particle-mark",
+  "group": "brand",
+  "importPath": "@cueplusplus/ui",
+  "peerDependencies": [],
+  "clientOnly": true,
+  "description": "A word drawn as a field of dots that drift and settle — a studio site's mark\n(spec 2026-10-02 §3.4). The dots are the accent, read from the canvas's own\ncomputed style, so they follow the Look.\n\n**It costs nothing at rest.** It animates only while its element is displayed,\non screen and in a visible tab, and while {@link useStill} is false (a still\nthumbnail, or a reader who prefers reduced motion). Otherwise it draws one\nstill frame. That frame is redrawn whenever any theme axis changes anywhere above\nit, the system colour scheme flips, a face finishes loading, or it resizes, so a\npaused mark is never left in an old palette. Unmounting disconnects every\nobserver and cancels every frame.\n\nDecorative: hidden from assistive technology.",
+  "props": [
+    {
+      "name": "word",
+      "type": "string",
+      "required": true,
+      "defaultValue": null,
+      "description": "The word the dots draw, short: a name or a mark.",
+      "control": {
+        "kind": "string"
+      }
+    },
+    {
+      "name": "seed",
+      "type": "number",
+      "required": false,
+      "defaultValue": "1",
+      "description": "Which scatter. Defaults to `1`.",
+      "control": {
+        "kind": "number"
+      }
+    }
+  ],
+  "typeReferences": [
+    "React.ComponentPropsWithoutRef<\"canvas\">"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-accent"
+  ],
+  "summary": "A word drawn as drifting dots in the accent, still when it is offscreen, hidden or motion is reduced.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "<ParticleMark word=\"CUE\" className=\"h-40 w-full\" />",
+      "language": "tsx"
+    }
+  ],
+  "status": "stable",
+  "url": "/docs/components/particle-mark",
+  "mdUrl": "/docs/components/particle-mark.md",
+  "jsonUrl": "/r/components/particle-mark.json",
+  "whenToUse": [
+    "A studio or product site's mark in its hero."
+  ],
+  "whenNotToUse": [
+    "Text a reader must read. It is decorative and hidden from assistive technology.",
+    "Many on one page. Each is a canvas; one per page is the intent."
+  ],
+  "commonMistakes": [
+    "Assuming it animates in a thumbnail. Under `StillProvider still`, or with reduced motion, it draws one still frame."
+  ],
+  "specimens": [
+    {
+      "title": "ParticleMark",
+      "group": "brand",
+      "components": [
+        "ParticleMark"
+      ],
+      "code": "<ParticleMark word=\"CUE\" className=\"h-32 w-64\" />",
+      "note": "A word drawn as a field of dots in the accent. It costs nothing at rest: off screen, in a hidden tab or held still, it draws one frame and stops.",
+      "interaction": "none. Prefer reduced motion and it holds its still frame."
+    }
+  ]
+}

package/manifest/components/password-input.json

@@ -146,11 +146,13 @@
     "--cue-paint-stroke-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--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",
@@ -159,6 +161,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/popover.json

@@ -176,7 +176,6 @@
     "--cue-control-sm",
     "--cue-fg",
     "--cue-fg-muted",
-    "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-leading-ui",
     "--cue-paint-rim-width",
@@ -204,6 +203,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/preview.json

@@ -72,7 +72,7 @@
     },
     {
       "name": "font",
-      "type": "\"source\" | \"system\" | \"geist\" | \"geist-mono\" | \"inter\" | \"plex\" | \"roboto\" | \"apple\" | \"office\" | \"inter-source\" | \"dm\" | \"calsans\"",
+      "type": "\"source\" | \"system\" | \"geist\" | \"geist-mono\" | \"inter\" | \"plex\" | \"roboto\" | \"apple\" | \"office\" | \"inter-source\" | \"dm\" | \"calsans\" | \"fraunces-mono\" | \"jetbrains-mono\"",
       "required": false,
       "defaultValue": null,
       "description": "A font pairing for the stage only, stamped as `data-font` and republished to\nReact, so an overlay opened on the stage wears the stage's pairing rather\nthan the page's, and `useTheme().font` read on the stage reports it. The\nstage also takes `font-sans` when a pairing is named: `data-font` re-declares\nthe family's custom properties, but `font-family` inherits as an already\ncomputed value, so unclassed text on the stage would otherwise keep the\nfamily it resolved above it. Unset, the stage inherits and adds neither.",
@@ -90,19 +90,22 @@
           "office",
           "inter-source",
           "dm",
-          "calsans"
+          "calsans",
+          "fraunces-mono",
+          "jetbrains-mono"
         ]
       }
     },
     {
       "name": "styleSet",
-      "type": "\"console\" | \"editorial\" | \"marketing\" | \"graphite\" | \"tender\" | \"zine\" | \"kiln\" | \"porcelain\"",
+      "type": "\"command\" | \"console\" | \"editorial\" | \"marketing\" | \"graphite\" | \"tender\" | \"zine\" | \"kiln\" | \"porcelain\" | \"ledger\" | \"monolith\" | \"prism\"",
       "required": false,
       "defaultValue": null,
       "description": "A style set for the stage only: `console`, `editorial`, `marketing` or\n`graphite`.\n\nUnset, the stage inherits and **no attribute is emitted at all** — the same\nrule the other four follow here — unless the stage names a `theme`, a `mode`\nor a `font`. Then it restates the set in force around it, because a set's\nblock declares values that read those axes (its seam ink and band rule\nread the theme, its control and display faces read the pairing) and a\ncustom property resolves where it is declared: restated, they resolve\nagainst the stage. Unlike `theme`, naming one loads nothing and needs\nnothing: every set is emitted by `@cueplusplus/tokens` into the stylesheet\nevery 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": [
+          "command",
           "console",
           "editorial",
           "marketing",
@@ -110,7 +113,10 @@
           "tender",
           "zine",
           "kiln",
-          "porcelain"
+          "porcelain",
+          "ledger",
+          "monolith",
+          "prism"
         ]
       }
     },

package/manifest/components/radio-group.json

@@ -45,7 +45,6 @@
     "--cue-border-strong",
     "--cue-danger",
     "--cue-fg-muted",
-    "--cue-fg-subtle",
     "--cue-focus",
     "--cue-focus-ring",
     "--cue-font-mono",

package/manifest/components/radio.json

@@ -56,7 +56,6 @@
     "--cue-border-strong",
     "--cue-danger",
     "--cue-fg-muted",
-    "--cue-fg-subtle",
     "--cue-focus",
     "--cue-focus-ring",
     "--cue-font-mono",

package/manifest/components/reveal.json

@@ -0,0 +1,106 @@
+{
+  "name": "Reveal",
+  "slug": "reveal",
+  "group": "layout",
+  "importPath": "@cueplusplus/ui",
+  "peerDependencies": [],
+  "clientOnly": true,
+  "description": "Content that rises into place the first time it scrolls into view —\ncueplusplus.com's section entrance, ported (spec 2026-10-04-cue-site-verbatim\n§4.3): framer-motion's `whileInView` with `viewport: { once: true }`, from\n`opacity: 0` and `distance` px down, over `duration` ms `easeOut`.\n\nNo motion library: an `IntersectionObserver` and two inline styles. It\nwatches once and lets go. Held still, or for a reader who prefers reduced\nmotion, the content is simply there and nothing is observed — as the site's\n`initial={reduce ? false : …}` does.",
+  "props": [
+    {
+      "name": "distance",
+      "type": "number",
+      "required": false,
+      "defaultValue": "28",
+      "description": "How far below its resting place the content starts, in px. Defaults to `28`, the site's services blocks.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "rootMargin",
+      "type": "string",
+      "required": false,
+      "defaultValue": "-12% 0px",
+      "description": "How far inside the viewport the entry line sits, as an `IntersectionObserver`\nroot margin. Defaults to `\"-12% 0px\"`, the site's services blocks; its\nbeliefs use `\"-15% 0px\"`.",
+      "control": {
+        "kind": "string"
+      }
+    },
+    {
+      "name": "duration",
+      "type": "number",
+      "required": false,
+      "defaultValue": "500",
+      "description": "How long the entrance takes, in ms. Defaults to `500`.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "stagger",
+      "type": "number",
+      "required": false,
+      "defaultValue": "0",
+      "description": "The delay between items, in ms. `0` (the default) moves the whole block as\none. Anything else leaves the block still and moves only the descendants\nmarked `data-reveal-item`, this many ms apart, in document order — the\nsite's beliefs stagger their two columns 80ms apart, and nothing inside\nthem.",
+      "control": {
+        "kind": "number"
+      }
+    },
+    {
+      "name": "children",
+      "type": "ReactNode",
+      "required": false,
+      "defaultValue": null,
+      "description": "What rises into place: the block itself, or the items in it marked `data-reveal-item`.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
+    }
+  ],
+  "typeReferences": [
+    "React.ComponentPropsWithoutRef<\"div\">"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [],
+  "summary": "Content that rises into place the first time it scrolls into view, once — cueplusplus.com's section entrance, with an optional stagger over the items you mark.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "<Reveal distance={22} rootMargin=\"-15% 0px\" stagger={80}>\n  <div data-reveal-item>Stance</div>\n  <div data-reveal-item>Reason</div>\n</Reveal>",
+      "language": "tsx"
+    }
+  ],
+  "status": "stable",
+  "url": "/docs/components/reveal",
+  "mdUrl": "/docs/components/reveal.md",
+  "jsonUrl": "/r/components/reveal.json",
+  "whenToUse": [
+    "Sections of a long marketing or product page that should arrive as the reader reaches them.",
+    "A pair of columns that should land one after the other: mark each with `data-reveal-item` and set `stagger`."
+  ],
+  "whenNotToUse": [
+    "Above the fold, where the content is already in view: it would only flicker in.",
+    "Application screens, forms and anything a reader returns to: motion that repeats on every visit is noise there, and Reveal plays once per mount."
+  ],
+  "commonMistakes": [
+    "Marking every descendant with `data-reveal-item`. The stagger is for a few large items; bullets and words should arrive with their block.",
+    "Leaving the default root margin on a short container. `-12% 0px` waits until the content is well inside the viewport; pass `0px` for content near the bottom of a page."
+  ],
+  "specimens": [
+    {
+      "title": "Reveal",
+      "group": "layout",
+      "components": [
+        "Reveal"
+      ],
+      "code": "<Reveal rootMargin=\"0px\" stagger={80} className=\"grid gap-(--cue-space-3) sm:grid-cols-2\">\n  <Panel data-reveal-item=\"\" className=\"p-(--cue-space-4)\">Stance</Panel>\n  <Panel data-reveal-item=\"\" className=\"p-(--cue-space-4)\">Reason</Panel>\n</Reveal>",
+      "note": "Content that rises into place the first time it scrolls into view, once — cueplusplus.com's section entrance. `stagger` moves only the items it marks.",
+      "interaction": "none. Prefer reduced motion, or hold it still, and the content is simply there."
+    }
+  ]
+}

package/manifest/components/ribbon.json

@@ -0,0 +1,65 @@
+{
+  "name": "Ribbon",
+  "slug": "ribbon",
+  "group": "brand",
+  "importPath": "@cueplusplus/ui",
+  "peerDependencies": [],
+  "clientOnly": false,
+  "description": "A flowing ribbon of layered bands in the theme's own inks — the payments-page\nmotif (spec 2026-10-02 §3.4). Five bezier bands cross the frame on a diagonal,\neach a gradient from the accent to the foreground's mix, so it reads in every\ntheme and both modes. Decorative: hidden from assistive technology.\n\nStatic markup — no `\"use client\"`.",
+  "props": [
+    {
+      "name": "seed",
+      "type": "number",
+      "required": false,
+      "defaultValue": "1",
+      "description": "Which ribbon: the same seed draws the same bands. Defaults to `1`.",
+      "control": {
+        "kind": "number"
+      }
+    }
+  ],
+  "typeReferences": [
+    "React.SVGProps<SVGSVGElement>"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [
+    "--cue-accent",
+    "--cue-fg"
+  ],
+  "summary": "A flowing ribbon of layered bands in the theme's inks: the payments-page motif.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "<Ribbon seed={3} className=\"h-64 w-full\" />",
+      "language": "tsx"
+    }
+  ],
+  "status": "stable",
+  "url": "/docs/components/ribbon",
+  "mdUrl": "/docs/components/ribbon.md",
+  "jsonUrl": "/r/components/ribbon.json",
+  "whenToUse": [
+    "Hero art on a product or payments page, at any size; it stretches to its box."
+  ],
+  "whenNotToUse": [
+    "Content imagery. It is decorative and hidden from assistive technology."
+  ],
+  "commonMistakes": [
+    "Changing its colours with props. It reads the theme's accent and foreground, so it follows the Look."
+  ],
+  "specimens": [
+    {
+      "title": "Ribbon",
+      "group": "brand",
+      "components": [
+        "Ribbon"
+      ],
+      "code": "<Specimens>\n  {[1, 2, 3].map((seed) => (\n    <Specimen key={seed} label={`seed ${seed}`} wide>\n      <Ribbon seed={seed} className=\"h-40 w-64\" />\n    </Specimen>\n  ))}\n</Specimens>",
+      "note": "Layered bezier bands in the theme's own inks. The seed is the picture: the same seed draws the same ribbon on the server and in the browser.",
+      "interaction": "none."
+    }
+  ]
+}

package/manifest/components/scrollable-tabs-list.json

@@ -67,6 +67,7 @@
     "--cue-space-4",
     "--cue-space-5",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-focus-width",
     "--cue-style-group-gap",
     "--cue-style-segment-edge",

package/manifest/components/scrub-input.json

@@ -231,12 +231,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",
@@ -245,6 +247,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/search-input.json

@@ -170,11 +170,13 @@
     "--cue-paint-stroke-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--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",
@@ -183,6 +185,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/segmented-control.json

@@ -153,6 +153,7 @@
     "--cue-space-4",
     "--cue-space-5",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-focus-width",
     "--cue-style-segment-edge",
     "--cue-style-segment-ground",

package/manifest/components/select.json

@@ -220,6 +220,7 @@
     "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
+    "--cue-radius-scale",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
@@ -228,6 +229,7 @@
     "--cue-style-body-weight",
     "--cue-style-check-edge",
     "--cue-style-control-face",
+    "--cue-style-control-radius",
     "--cue-style-control-step-size",
     "--cue-style-disabled-edge",
     "--cue-style-disabled-fill",
@@ -236,6 +238,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",