@cueplusplus/ui 0.19.0 → 0.20.1

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/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/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/preview.json

@@ -72,7 +72,7 @@
     },
     {
       "name": "font",
-      "type": "\"source\" | \"system\" | \"geist\" | \"geist-mono\" | \"inter\" | \"plex\" | \"roboto\" | \"apple\" | \"office\" | \"inter-source\" | \"dm\" | \"calsans\" | \"fraunces-mono\"",
+      "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.",
@@ -91,7 +91,8 @@
           "inter-source",
           "dm",
           "calsans",
-          "fraunces-mono"
+          "fraunces-mono",
+          "jetbrains-mono"
         ]
       }
     },

package/manifest/components/reveal.json

@@ -0,0 +1,108 @@
+{
+  "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": [
+    "--cue-reveal-distance"
+  ],
+  "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/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/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",

package/manifest/components/spectrum-visualizer.json

@@ -113,10 +113,20 @@
   "defaultVariants": {},
   "tokensUsed": [
     "--cue-border",
+    "--cue-border-strong",
+    "--cue-danger",
     "--cue-data-ground",
     "--cue-font-mono",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--cue-space-1",
+    "--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-text-micro"
   ],
   "summary": "The FFT, drawn: one bar per frequency band, or one line across all of them.",

package/manifest/components/stack.json

@@ -23,7 +23,7 @@
     },
     {
       "name": "gap",
-      "type": "0 | 1 | 4 | 8 | 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 children. Defaults to `4`.",

package/manifest/components/table.json

@@ -104,7 +104,7 @@
         },
         {
           "name": "headingLevel",
-          "type": "4 | 2 | 3 | 5 | 6",
+          "type": "2 | 4 | 3 | 5 | 6",
           "required": false,
           "defaultValue": null,
           "description": "Make the label slot a real heading element. Defaults to `undefined` — no\nheading, and the label stays the `<span>` it has always been.\n\n**Set this rather than passing a heading as `label`.** The label slot wraps\nwhatever it is given, so an `<h2>` handed in as `label` lands *inside* a\n`<span>` — which renders, and exposes the heading, and does not validate: a\n`<span>` is phrasing content and may not contain a heading. With this prop\nthe wrapper *is* the heading (`<h2 data-slot=\"table-group-label\">`), so\nthere is nothing to nest.\n\nA heading inside a `<th>` is valid — `<th>` takes flow content — and it is\nuseful: a screen-reader user navigates a long grouped table by heading, and\nwithout one the group names are reachable only by walking the rows. The\n`scope=\"rowgroup\"` association is untouched either way; this adds the\ndivider to the document outline, it does not change what the cell heads.\n\nLevels run `2`–`6` because the outline has to describe the real nesting of\nthe page the table sits in, not the table's own idea of itself — the same\nruling as {@link LedgerTierProps.headingLevel }. There is no `1`: a group\ndivider is never the title of the document.",

package/manifest/components/tags-input.json

@@ -271,6 +271,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/text-scramble.json

@@ -0,0 +1,90 @@
+{
+  "name": "TextScramble",
+  "slug": "text-scramble",
+  "group": "brand",
+  "importPath": "@cueplusplus/ui",
+  "peerDependencies": [],
+  "clientOnly": true,
+  "description": "A line that cycles through phrases, scrambling each one in — cueplusplus.com's\n\"what we do\" cycler, ported verbatim (`what-we-do.tsx`; spec\n2026-10-04-cue-site-verbatim §4.2).\n\nEach frame, every character not yet locked shows a random glyph from the\neffect's set; spaces are never scrambled; characters lock left to right. A\nphrase holds for 1.8s once it has revealed, so a long phrase and a slow effect\nstill finish before the next begins: the next starts after\n`length × revealEvery × speed + 1800ms`.\n\n**Reduced motion** shows each phrase whole, one every 2.6s, as the site does.\n**Held still** (a gallery thumbnail, under a still `StillProvider`) shows the\nfirst phrase and schedules nothing, which is this library's departure from the\nsource: a thumbnail costs nothing at rest. The text is written straight into\nthe DOM node, as the source does, so thirty-five frames a second never\nre-render React.",
+  "props": [
+    {
+      "name": "phrases",
+      "type": "readonly string[]",
+      "required": true,
+      "defaultValue": null,
+      "description": "The phrases to cycle through, in order, looping. The first is what renders before any script runs.",
+      "control": {
+        "kind": "array",
+        "fixture": "agent.transcript"
+      }
+    },
+    {
+      "name": "label",
+      "type": "string",
+      "required": true,
+      "defaultValue": null,
+      "description": "What assistive technology reads instead of the animation: one sentence that\nnames the whole cycle. The animated text is hidden from it, because a\nscramble read aloud is noise.",
+      "control": {
+        "kind": "string"
+      }
+    },
+    {
+      "name": "effect",
+      "type": "\"matrix\" | \"flap\"",
+      "required": false,
+      "defaultValue": "matrix",
+      "description": "`matrix` (the default): letters, digits and symbols at 28ms a frame, one\ncharacter locking per frame. `flap`: upper-cased, a departure board's\nletters at 55ms a frame, one character locking every two frames.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "matrix",
+          "flap"
+        ]
+      }
+    }
+  ],
+  "typeReferences": [
+    "Omit<React.ComponentPropsWithoutRef<\"p\">, \"children\">"
+  ],
+  "subcomponents": [],
+  "parts": [],
+  "variants": {},
+  "defaultVariants": {},
+  "tokensUsed": [],
+  "summary": "A line that cycles through phrases, scrambling each one in — matrix glyphs at 28ms a frame, or a departure board's flap — with one sentence for assistive technology.",
+  "examples": [
+    {
+      "title": "Usage",
+      "code": "<TextScramble phrases={[\"we build software\", \"we design stages\"]} label=\"We build software and design stages.\" />",
+      "language": "tsx"
+    }
+  ],
+  "status": "stable",
+  "url": "/docs/components/text-scramble",
+  "mdUrl": "/docs/components/text-scramble.md",
+  "jsonUrl": "/r/components/text-scramble.json",
+  "whenToUse": [
+    "A hero's rotating value line: what you do, said several ways, under the headline.",
+    "A short status that changes on a slow cycle, where the change itself is part of the voice."
+  ],
+  "whenNotToUse": [
+    "Anything a reader must read at a given moment, such as an error, a price or a count: the text is unreadable while it scrambles.",
+    "Long sentences. A phrase holds for 1.8s after it settles, so a long one spends most of its turn scrambling."
+  ],
+  "commonMistakes": [
+    "Leaving `label` as one of the phrases. Assistive technology reads `label` instead of the animation, so it should name the whole cycle in one sentence.",
+    "Expecting it to scramble under reduced motion. Each phrase is shown whole, one every 2.6s; held still, the first phrase stays."
+  ],
+  "specimens": [
+    {
+      "title": "TextScramble",
+      "group": "brand",
+      "components": [
+        "TextScramble"
+      ],
+      "code": "<TextScramble\n  phrases={[\"we build software // and run on it ourselves\", \"we design stages // in 3D, before they're real\"]}\n  label=\"We build software and design stages.\"\n  className=\"font-mono text-(length:--cue-text-ui) text-fg-muted\"\n/>",
+      "note": "A line that cycles through phrases, scrambling each one in: matrix glyphs at 28ms a frame, or a departure board's flap. Assistive technology reads the label instead.",
+      "interaction": "none. Prefer reduced motion and each phrase is shown whole; held still, the first phrase stays."
+    }
+  ]
+}

package/manifest/components/textarea.json

@@ -80,11 +80,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",
@@ -93,6 +95,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/theme-provider.json

@@ -61,7 +61,7 @@
     },
     {
       "name": "font",
-      "type": "\"source\" | \"system\" | \"geist\" | \"geist-mono\" | \"inter\" | \"plex\" | \"roboto\" | \"apple\" | \"office\" | \"inter-source\" | \"dm\" | \"calsans\" | \"fraunces-mono\"",
+      "type": "\"source\" | \"system\" | \"geist\" | \"geist-mono\" | \"inter\" | \"plex\" | \"roboto\" | \"apple\" | \"office\" | \"inter-source\" | \"dm\" | \"calsans\" | \"fraunces-mono\" | \"jetbrains-mono\"",
       "required": false,
       "defaultValue": null,
       "description": "Initial font pairing.\n\nDefaults to the pairing the active theme's manifest names in\n`fontPairings.default` — §5's rule, the density prop's rule one axis over\n— and to `\"system\"` when it names none: the platform's own faces, nothing\ndownloaded, and the theme keeps whatever monospace it authored.\n\nA pairing that needs delivering is a set of *names*: this library ships no\nfont files, and a pairing nobody delivers falls through its stack to the\nplatform rather than failing. See `FONT_PAIRINGS[font].faces` for the\ncustom properties an app assigns to make one resolve.\n\n**Root-level only.** There is no font island: a nested provider forwards\nthis axis to the root, ignores this prop, and its `setFont` drives the root.\nA page that changed face halfway down is a page with a bug, and a specimen\nthat genuinely wants one — a picker row, a docs page showing all twelve —\nneeds nothing from this library but `data-font` on a `<div>`.",
@@ -80,7 +80,8 @@
           "inter-source",
           "dm",
           "calsans",
-          "fraunces-mono"
+          "fraunces-mono",
+          "jetbrains-mono"
         ]
       }
     },

package/manifest/components/time-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",