@cueplusplus/ui 0.16.0 → 0.17.0

package/manifest/components/cue-mark.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": false,
-  "description": "The CUE++ mark: the circular one, with no words in it.\n\nSquare at every size, drawn from the artwork's own path data, and painted\nentirely from tokens — the disc takes the tone's ink and the two \"+\" glyphs\ntake the ground, which is exactly the relationship the two shipped SVGs\nencode by hand. One element is therefore correct in all ten presets and\nboth modes, and there is no light/dark variant to pick.\n\nThe two glyphs are {@link Plussie }'s eyes; both components read one geometry\nmodule, so the mark cannot stop being the character's face.\n\nDecorative by default. It renders `aria-hidden` unless you give it a `title`,\nbecause a mark beside a wordmark, a heading or a link that already says\n\"CUE++\" is the second time a reader is told.\n\nStatic markup — no `\"use client\"`.",
+  "description": "The CUE++ mark: the circular one, with no words in it.\n\nSquare at every size, drawn from the artwork's own path data, and painted\nentirely from tokens — the disc takes the tone's ink and the two \"+\" glyphs\ntake the ground, which is exactly the relationship the two shipped SVGs\nencode by hand. One element is therefore correct in every preset and\nboth modes, and there is no light/dark variant to pick.\n\nThe two glyphs are {@link Plussie }'s eyes; both components read one geometry\nmodule, so the mark cannot stop being the character's face.\n\nDecorative by default. It renders `aria-hidden` unless you give it a `title`,\nbecause a mark beside a wordmark, a heading or a link that already says\n\"CUE++\" is the second time a reader is told.\n\nStatic markup — no `\"use client\"`.",
   "props": [
     {
       "name": "size",
@@ -92,7 +92,7 @@
     "For another CUE++ property's mark. venu.studio, Twinkle and SupBuddy are not in this library: they belong to other products, and two of them exist only as raster art."
   ],
   "commonMistakes": [
-    "Reaching for a `variant=\"dark\"`. There is not one, on purpose: the disc takes `currentColor` or a token and the two `+` take the ground, so a single element is correct in all ten presets and both modes.",
+    "Reaching for a `variant=\"dark\"`. There is not one, on purpose: the disc takes `currentColor` or a token and the two `+` take the ground, so a single element is correct in every preset and both modes.",
     "Setting a width. `size` sets both dimensions here and the height everywhere in this group; the artwork's ratio does the rest.",
     "Passing a `title` to every instance. A mark beside a wordmark that already says CUE++ announces the name twice."
   ],

package/manifest/components/cue-portal-frame.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": true,
-  "description": "Inline version of the portal contract, for portals whose container cannot be\nchosen (a third-party overlay, or content already portaled by something else).\n\nWraps `children` in a `display: contents` element carrying the same\n`data-theme` / `data-density` / `data-font` / `data-mode` / `data-style` /\n`data-cue-skin` / `data-cue-fidelity` stamp, `--cue-font-scale` and\n`overrides` properties as {@link useCuePortalProps}. Prefer the hook — a\nstamped container costs one element per overlay instead of one per render\ntree — and reach for this only when the container prop is not available.",
+  "description": "Inline version of the portal contract, for portals whose container cannot be\nchosen (a third-party overlay, or content already portaled by something else).\n\nWraps `children` in a `display: contents` element carrying the same\n`data-theme` / `data-density` / `data-font` / `data-mode` / `data-style` /\n`data-paint` / `data-cue-skin` / `data-cue-fidelity` stamp, `--cue-font-scale` and\n`overrides` properties as {@link useCuePortalProps}. Prefer the hook — a\nstamped container costs one element per overlay instead of one per render\ntree — and reach for this only when the container prop is not available.",
   "props": [
     {
       "name": "children",

package/manifest/components/data-row.json

@@ -137,13 +137,14 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-accent-soft",
     "--cue-data-row-cols",
     "--cue-data-tree-indent",
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-hair",
     "--cue-pad-row-x",
@@ -151,6 +152,7 @@
     "--cue-row-hover",
     "--cue-space-1",
     "--cue-space-3",
+    "--cue-style-focus-width",
     "--cue-text-label",
     "--cue-text-ui"
   ],

package/manifest/components/data-tree.json

@@ -112,12 +112,13 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-accent-soft",
     "--cue-data-row-cols",
     "--cue-data-tree-indent",
     "--cue-fg",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-hair",
     "--cue-icon-sm",
@@ -125,6 +126,7 @@
     "--cue-pad-row-y",
     "--cue-row-hover",
     "--cue-space-3",
+    "--cue-style-focus-width",
     "--cue-text-ui"
   ],
   "summary": "A hierarchy of multi-column rows under real `role=\"tree\"` semantics, with CSS depth guides.",

package/manifest/components/date-field.json

@@ -54,7 +54,10 @@
     "--cue-fg",
     "--cue-fg-subtle",
     "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
+    "--cue-paint-rest-shade",
+    "--cue-paint-shadow-scale",
     "--cue-paint-stroke-angle",
     "--cue-paint-stroke-from",
     "--cue-paint-stroke-to",
@@ -64,8 +67,15 @@
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-body-weight",
+    "--cue-style-control-step-size",
+    "--cue-style-field-focus-offset",
+    "--cue-style-focus-edge",
+    "--cue-style-focus-width",
+    "--cue-style-input-face",
     "--cue-sunken",
     "--cue-text-body",
+    "--cue-text-emphasis",
     "--cue-text-label",
     "--cue-text-ui"
   ],

package/manifest/components/date-picker.json

@@ -215,8 +215,11 @@
     "--cue-fg",
     "--cue-fg-subtle",
     "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--cue-paint-rest-shade",
+    "--cue-paint-shadow-scale",
     "--cue-paint-stroke-angle",
     "--cue-paint-stroke-from",
     "--cue-paint-stroke-to",
@@ -226,8 +229,15 @@
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-body-weight",
+    "--cue-style-control-step-size",
+    "--cue-style-field-focus-offset",
+    "--cue-style-focus-edge",
+    "--cue-style-focus-width",
+    "--cue-style-input-face",
     "--cue-sunken",
     "--cue-text-body",
+    "--cue-text-emphasis",
     "--cue-text-label",
     "--cue-text-ui"
   ],

package/manifest/components/date-range-picker.json

@@ -215,8 +215,11 @@
     "--cue-fg",
     "--cue-fg-subtle",
     "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-sm",
+    "--cue-paint-rest-shade",
+    "--cue-paint-shadow-scale",
     "--cue-paint-stroke-angle",
     "--cue-paint-stroke-from",
     "--cue-paint-stroke-to",
@@ -226,8 +229,15 @@
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-body-weight",
+    "--cue-style-control-step-size",
+    "--cue-style-field-focus-offset",
+    "--cue-style-focus-edge",
+    "--cue-style-focus-width",
+    "--cue-style-input-face",
     "--cue-sunken",
     "--cue-text-body",
+    "--cue-text-emphasis",
     "--cue-text-label",
     "--cue-text-ui"
   ],

package/manifest/components/delegation-card.json

@@ -152,11 +152,12 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border",
     "--cue-danger",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-sm",
     "--cue-ok",
@@ -165,6 +166,7 @@
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-focus-width",
     "--cue-text-micro",
     "--cue-text-ui"
   ],

package/manifest/components/density.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": true,
-  "description": "Re-scope any subtree to a different density level.\n\nRenders a plain `<div data-density=\"…\" data-cue-theme=\"…\">`: the geometry\ncustom properties are re-declared by the attribute selector and inherit\ndown, so nesting is free and needs no JS. The matching React context is\npublished alongside for the rare JS reads (`useDensity()`,\n`useControlHeight()`, portal stamping) — the DOM attributes, not the\ncontext, are what actually restyle the tree.\n\n`data-cue-theme` carries the nearest `<ThemeProvider>`'s name, or is\nomitted where there is none. It is read by nothing this island does —\ntheme and mode are deliberately *not* re-scoped here; density was for a long\ntime the only axis an island could override (spec §6), and a named\n`styleSet` is the second and last — it exists so a theme's own\ngenerated CSS can address exactly this island regardless of how many\n*other* themed providers sit between it and the one it belongs to. A CSS\nancestor selector can only ask \"does some ancestor carry theme `x`\", never\n\"is `x` the *nearest* one\"; this stamp answers that question the way\n`useContext` already does, at render time, and hands the answer to CSS as\nan attribute rather than leaving it unanswerable there.\n\n`data-style` joins them when — and only when — a `styleSet` is named. Absence\nis how the axis inherits: custom properties inherit down the DOM, so an island\nthat stamped the ambient set would be restating an answer it already had, and\nan island that stamped a *default* set would silently re-point the rhythm of\nevery page that nested one.",
+  "description": "Re-scope any subtree to a different density level.\n\nRenders a plain `<div data-density=\"…\" data-cue-theme=\"…\">`: the geometry\ncustom properties are re-declared by the attribute selector and inherit\ndown, so nesting is free and needs no JS. The matching React context is\npublished alongside for the rare JS reads (`useDensity()`,\n`useControlHeight()`, portal stamping) — the DOM attributes, not the\ncontext, are what actually restyle the tree.\n\n`data-cue-theme` carries the nearest `<ThemeProvider>`'s name, or is\nomitted where there is none. It is read by nothing this island does —\ntheme and mode are deliberately *not* re-scoped here; density was for a long\ntime the only axis an island could override (spec §6), and a named\n`styleSet` and a named `paint` are the other two — it exists so a theme's own\ngenerated CSS can address exactly this island regardless of how many\n*other* themed providers sit between it and the one it belongs to. A CSS\nancestor selector can only ask \"does some ancestor carry theme `x`\", never\n\"is `x` the *nearest* one\"; this stamp answers that question the way\n`useContext` already does, at render time, and hands the answer to CSS as\nan attribute rather than leaving it unanswerable there.\n\n`data-style` joins them when — and only when — a `styleSet` is named. Absence\nis how the axis inherits: custom properties inherit down the DOM, so an island\nthat stamped the ambient set would be restating an answer it already had, and\nan island that stamped a *default* set would silently re-point the rhythm of\nevery page that nested one. `data-paint` joins them on exactly those terms\nwhen a `paint` is named.",
   "props": [
     {
       "name": "density",
@@ -26,10 +26,10 @@
     },
     {
       "name": "paint",
-      "type": "\"none\" | \"bevel\" | \"halo\" | \"hatch\" | \"lift\" | \"frost\" | \"grain\"",
+      "type": "\"none\" | \"bevel\" | \"halo\" | \"hatch\" | \"lift\" | \"frost\" | \"grain\" | \"plume\" | \"matte\" | \"glaze\"",
       "required": false,
       "defaultValue": null,
-      "description": "A look pack for this subtree.\n\nOptional, and **absent means inherit**, exactly as `styleSet` is: an island\nthat names none stamps no `data-paint` and passes the ambient pack straight\nthrough. `none` is a *value*, not an absence — it restates the `:root`\ndefaults, so a subtree stamps it to opt out of a pack its parent set.",
+      "description": "A paint pack for this subtree.\n\nOptional, and **absent means inherit**, exactly as `styleSet` is: an island\nthat names none stamps no `data-paint` and passes the ambient pack straight\nthrough. `none` is a *value*, not an absence — it restates the `:root`\ndefaults, so a subtree stamps it to opt out of a pack its parent set.",
       "control": {
         "kind": "enum",
         "members": [
@@ -39,22 +39,30 @@
           "hatch",
           "lift",
           "frost",
-          "grain"
+          "grain",
+          "plume",
+          "matte",
+          "glaze"
         ]
       }
     },
     {
       "name": "styleSet",
-      "type": "\"console\" | \"editorial\" | \"marketing\"",
+      "type": "\"console\" | \"editorial\" | \"marketing\" | \"graphite\" | \"tender\" | \"zine\" | \"kiln\" | \"porcelain\"",
       "required": false,
       "defaultValue": null,
-      "description": "A style set for this subtree: `console`, `editorial` or `marketing`.\n\nOptional, and **absent means inherit** — an island that names none stamps no\n`data-style` and passes the ambient set straight through, exactly as a bare\n`<Density>` does today. Naming one is what makes this the library's island\nform of the fourth axis, and there are two reasons to reach for it:\n\n- `console` inside a page that is not console. That is the whole job of the\n  default set: it restates the `:root` defaults, so a subtree stamped with\n  it renders the ordinary look inside an editorial or marketing page.\n- Moving the band rhythm with the rung. `--cue-band-y` is\n  `calc(var(--cue-space-7) * 2)` declared on the `[data-style]` element, and\n  a custom property's `var()` references are substituted where they are\n  declared — so a nested density island moves `--cue-space-*` but inherits\n  the rhythm already resolved above it. Restating the set here re-resolves\n  it against this island's rung, which is how a denser island gets a\n  proportionally tighter band instead of the outer one's.",
+      "description": "A style set for this subtree: `console`, `editorial`, `marketing` or\n`graphite`.\n\nOptional, and **absent means inherit** — an island that names none stamps no\n`data-style` and passes the ambient set straight through, exactly as a bare\n`<Density>` does today. Naming one is what makes this the library's island\nform of the fourth axis, and there are two reasons to reach for it:\n\n- `console` inside a page that is not console. That is the whole job of the\n  default set: it restates the `:root` defaults, so a subtree stamped with\n  it renders the ordinary look inside a page under any other set.\n- Moving the band rhythm with the rung. `--cue-band-y` is\n  `calc(var(--cue-space-7) * 2)` declared on the `[data-style]` element, and\n  a custom property's `var()` references are substituted where they are\n  declared — so a nested density island moves `--cue-space-*` but inherits\n  the rhythm already resolved above it. Restating the set here re-resolves\n  it against this island's rung, which is how a denser island gets a\n  proportionally tighter band instead of the outer one's.\n\nThe library restates the set for you where an island changes what a set's\nvalues read besides the rung — the theme's inks, the pairing's faces: a\nnested `ThemeProvider` that names a theme or a mode, and a `Preview` stage\nwith a theme, a mode or a pairing, stamp the set and the pack in force\nbeside it. This island changes only the rung, so it does not, and the\nrhythm above stays the opt-in the second bullet describes.",
       "control": {
         "kind": "enum",
         "members": [
           "console",
           "editorial",
-          "marketing"
+          "marketing",
+          "graphite",
+          "tender",
+          "zine",
+          "kiln",
+          "porcelain"
         ]
       }
     },

package/manifest/components/description-list.json

@@ -66,9 +66,14 @@
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-5",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-tracking",
     "--cue-text-label",
     "--cue-text-ui",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "The `<dl>` family: a root, `Term` and `Detail`.",
   "examples": [],

package/manifest/components/dialog.json

@@ -170,6 +170,7 @@
     "--cue-font-mono",
     "--cue-leading-ui",
     "--cue-paint-rim-width",
+    "--cue-paint-scrim-filter",
     "--cue-paint-shade-far",
     "--cue-paint-shade-hairline",
     "--cue-paint-shade-near",
@@ -177,22 +178,48 @@
     "--cue-paint-shadow-spread",
     "--cue-paint-sheen-ink",
     "--cue-paint-stroke-angle",
-    "--cue-paint-stroke-from",
-    "--cue-paint-stroke-to",
+    "--cue-paint-stroke-overlay-from",
+    "--cue-paint-stroke-overlay-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
+    "--cue-radius-scale",
     "--cue-scrim",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-6",
+    "--cue-style-body-face",
+    "--cue-style-body-leading",
+    "--cue-style-body-size",
+    "--cue-style-body-weight",
+    "--cue-style-control-face",
+    "--cue-style-dialog-radius",
+    "--cue-style-display-variation",
+    "--cue-style-heading-ink",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
+    "--cue-style-menu-highlight",
+    "--cue-style-menu-item-radius",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-title-face",
+    "--cue-style-title-weight",
     "--cue-surface-2",
     "--cue-text-emphasis",
     "--cue-text-label",
+    "--cue-text-micro",
     "--cue-text-ui",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "The centred modal: focus trapped, page behind it inert.",
   "examples": [

package/manifest/components/disclosure.json

@@ -89,11 +89,12 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-control-md",
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-sm",
     "--cue-leading-ui",
@@ -102,10 +103,20 @@
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
+    "--cue-style-collapse-height",
+    "--cue-style-control-face",
+    "--cue-style-focus-width",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
+    "--cue-style-quiet-ink",
     "--cue-text-label",
     "--cue-text-micro",
     "--cue-text-ui",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "The 'advanced' idiom: a chromeless `▸ advanced` toggle over the fields most users never touch.",
   "examples": [

package/manifest/components/dmx-bar.json

@@ -68,6 +68,7 @@
     "--cue-font-mono",
     "--cue-leading-ui",
     "--cue-paint-rim-width",
+    "--cue-paint-scrim-filter",
     "--cue-paint-shade-far",
     "--cue-paint-shade-hairline",
     "--cue-paint-shade-near",
@@ -75,21 +76,45 @@
     "--cue-paint-shadow-spread",
     "--cue-paint-sheen-ink",
     "--cue-paint-stroke-angle",
-    "--cue-paint-stroke-from",
-    "--cue-paint-stroke-to",
+    "--cue-paint-stroke-overlay-from",
+    "--cue-paint-stroke-overlay-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
+    "--cue-radius-scale",
     "--cue-scrim",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
+    "--cue-style-body-face",
+    "--cue-style-body-leading",
+    "--cue-style-body-size",
+    "--cue-style-body-weight",
+    "--cue-style-control-face",
+    "--cue-style-display-variation",
+    "--cue-style-heading-ink",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
+    "--cue-style-menu-highlight",
+    "--cue-style-menu-item-radius",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-title-face",
+    "--cue-style-title-weight",
     "--cue-surface-2",
     "--cue-text-emphasis",
     "--cue-text-label",
     "--cue-text-micro",
     "--cue-text-ui",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "The whole universe as one strip: 512 columns, black at 0, white at 255.",
   "examples": [

package/manifest/components/dmx-strip.json

@@ -78,6 +78,7 @@
     "--cue-font-mono",
     "--cue-leading-ui",
     "--cue-paint-rim-width",
+    "--cue-paint-scrim-filter",
     "--cue-paint-shade-far",
     "--cue-paint-shade-hairline",
     "--cue-paint-shade-near",
@@ -85,21 +86,45 @@
     "--cue-paint-shadow-spread",
     "--cue-paint-sheen-ink",
     "--cue-paint-stroke-angle",
-    "--cue-paint-stroke-from",
-    "--cue-paint-stroke-to",
+    "--cue-paint-stroke-overlay-from",
+    "--cue-paint-stroke-overlay-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
+    "--cue-radius-scale",
     "--cue-scrim",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
+    "--cue-style-body-face",
+    "--cue-style-body-leading",
+    "--cue-style-body-size",
+    "--cue-style-body-weight",
+    "--cue-style-control-face",
+    "--cue-style-display-variation",
+    "--cue-style-heading-ink",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
+    "--cue-style-menu-highlight",
+    "--cue-style-menu-item-radius",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-title-face",
+    "--cue-style-title-weight",
     "--cue-surface-2",
     "--cue-text-emphasis",
     "--cue-text-label",
     "--cue-text-micro",
     "--cue-text-ui",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "`DmxBar`'s picture with no console behind it — a lighting rig, simulated.",
   "examples": [

package/manifest/components/drawer.json

@@ -164,6 +164,7 @@
     "--cue-font-mono",
     "--cue-leading-ui",
     "--cue-paint-rim-width",
+    "--cue-paint-scrim-filter",
     "--cue-paint-shade-far",
     "--cue-paint-shade-hairline",
     "--cue-paint-shade-near",
@@ -171,22 +172,47 @@
     "--cue-paint-shadow-spread",
     "--cue-paint-sheen-ink",
     "--cue-paint-stroke-angle",
-    "--cue-paint-stroke-from",
-    "--cue-paint-stroke-to",
+    "--cue-paint-stroke-overlay-from",
+    "--cue-paint-stroke-overlay-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
+    "--cue-radius-scale",
     "--cue-scrim",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-6",
+    "--cue-style-body-face",
+    "--cue-style-body-leading",
+    "--cue-style-body-size",
+    "--cue-style-body-weight",
+    "--cue-style-control-face",
+    "--cue-style-display-variation",
+    "--cue-style-heading-ink",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
+    "--cue-style-menu-highlight",
+    "--cue-style-menu-item-radius",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-title-face",
+    "--cue-style-title-weight",
     "--cue-surface-2",
     "--cue-text-emphasis",
     "--cue-text-label",
+    "--cue-text-micro",
     "--cue-text-ui",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "A swipe-dismissable edge panel — the touch-first cousin of `Sheet`.",
   "examples": [

package/manifest/components/dropdown-menu.json

@@ -225,6 +225,7 @@
     "--cue-icon-sm",
     "--cue-leading-ui",
     "--cue-paint-rim-width",
+    "--cue-paint-scrim-filter",
     "--cue-paint-shade-far",
     "--cue-paint-shade-hairline",
     "--cue-paint-shade-near",
@@ -232,20 +233,45 @@
     "--cue-paint-shadow-spread",
     "--cue-paint-sheen-ink",
     "--cue-paint-stroke-angle",
-    "--cue-paint-stroke-from",
-    "--cue-paint-stroke-to",
+    "--cue-paint-stroke-overlay-from",
+    "--cue-paint-stroke-overlay-to",
     "--cue-paint-stroke-width",
     "--cue-radius-control",
     "--cue-radius-overlay",
+    "--cue-radius-scale",
     "--cue-scrim",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-3",
+    "--cue-style-body-face",
+    "--cue-style-body-leading",
+    "--cue-style-body-size",
+    "--cue-style-body-weight",
+    "--cue-style-control-face",
+    "--cue-style-display-variation",
+    "--cue-style-heading-ink",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
+    "--cue-style-menu-highlight",
+    "--cue-style-menu-item-radius",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-title-face",
+    "--cue-style-title-weight",
     "--cue-surface-2",
     "--cue-text-emphasis",
     "--cue-text-label",
+    "--cue-text-micro",
     "--cue-text-ui",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "A command list hung off a button.",
   "examples": [

package/manifest/components/edit-message.json

@@ -92,12 +92,14 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-fg",
     "--cue-fg-muted",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-leading-ui",
     "--cue-radius-overlay",
     "--cue-radius-surface",
+    "--cue-style-focus-width",
     "--cue-surface-2",
     "--cue-text-body",
     "--cue-text-ui",

package/manifest/components/elements-command-palette.json

@@ -82,13 +82,15 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-radius-surface",
+    "--cue-style-focus-width",
     "--cue-surface-1",
     "--cue-surface-2",
     "--cue-text-body",

package/manifest/components/elements-composer.json

@@ -22,12 +22,15 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-ok",
     "--cue-radius-control",
     "--cue-radius-overlay",
     "--cue-radius-surface",
     "--cue-stream",
+    "--cue-style-focus-width",
     "--cue-surface-1",
     "--cue-surface-2",
     "--cue-surface-3",

package/manifest/components/empty-state-composer.json

@@ -39,8 +39,10 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
+    "--cue-style-focus-width",
     "--cue-text-body",
     "--cue-text-emphasis",
     "--cue-text-title"