@cueplusplus/ui 0.16.0 → 0.18.0

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

@@ -206,17 +206,25 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
+    "--cue-accent",
+    "--cue-accent-fill",
+    "--cue-accent-fill-fg",
     "--cue-border",
     "--cue-border-strong",
     "--cue-control-lg",
     "--cue-control-md",
     "--cue-control-sm",
     "--cue-danger",
+    "--cue-danger-fg",
     "--cue-fg",
+    "--cue-fg-muted",
     "--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 +234,32 @@
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-body-weight",
+    "--cue-style-check-edge",
+    "--cue-style-control-step-size",
+    "--cue-style-disabled-edge",
+    "--cue-style-disabled-fill",
+    "--cue-style-disabled-ink",
+    "--cue-style-disabled-opacity",
+    "--cue-style-field-focus-offset",
+    "--cue-style-field-hover-edge",
+    "--cue-style-field-pad",
+    "--cue-style-focus-edge",
+    "--cue-style-focus-width",
+    "--cue-style-glyph-ink",
+    "--cue-style-glyph-opacity",
+    "--cue-style-glyph-size",
+    "--cue-style-input-face",
+    "--cue-style-label-ink",
+    "--cue-style-outline-edge",
+    "--cue-style-quiet-ink",
+    "--cue-style-secondary-ground",
+    "--cue-style-secondary-ink",
     "--cue-sunken",
+    "--cue-surface-2",
+    "--cue-surface-3",
     "--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,55 @@
     "--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-pad",
+    "--cue-style-dialog-radius",
+    "--cue-style-display-variation",
+    "--cue-style-group-label-ink",
+    "--cue-style-group-label-pad",
+    "--cue-style-group-label-size",
+    "--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-menu-min-width",
+    "--cue-style-menu-separator-inset",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-row-disabled-opacity",
+    "--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,42 @@
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
+    "--cue-style-body-face",
+    "--cue-style-collapse-body-ink",
+    "--cue-style-collapse-body-leading",
+    "--cue-style-collapse-body-pad",
+    "--cue-style-collapse-body-size",
+    "--cue-style-collapse-body-tracking",
+    "--cue-style-collapse-caret-ink",
+    "--cue-style-collapse-caret-opacity",
+    "--cue-style-collapse-caret-size",
+    "--cue-style-collapse-gap",
+    "--cue-style-collapse-height",
+    "--cue-style-collapse-hover-ground",
+    "--cue-style-collapse-hover-ink",
+    "--cue-style-collapse-leading",
+    "--cue-style-collapse-open-ink",
+    "--cue-style-collapse-pad",
+    "--cue-style-collapse-radius",
+    "--cue-style-collapse-size",
+    "--cue-style-collapse-weight",
+    "--cue-style-control-face",
+    "--cue-style-disclosure-hover-ink",
+    "--cue-style-disclosure-ink",
+    "--cue-style-disclosure-weight",
+    "--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-style-text-focus-offset",
     "--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,51 @@
     "--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-group-label-ink",
+    "--cue-style-group-label-pad",
+    "--cue-style-group-label-size",
+    "--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-menu-min-width",
+    "--cue-style-menu-separator-inset",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-row-disabled-opacity",
+    "--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,51 @@
     "--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-group-label-ink",
+    "--cue-style-group-label-pad",
+    "--cue-style-group-label-size",
+    "--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-menu-min-width",
+    "--cue-style-menu-separator-inset",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-row-disabled-opacity",
+    "--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,54 @@
     "--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-group-label-ink",
+    "--cue-style-group-label-pad",
+    "--cue-style-group-label-size",
+    "--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-menu-min-width",
+    "--cue-style-menu-separator-inset",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-row-disabled-opacity",
+    "--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,51 @@
     "--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-group-label-ink",
+    "--cue-style-group-label-pad",
+    "--cue-style-group-label-size",
+    "--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-menu-min-width",
+    "--cue-style-menu-separator-inset",
+    "--cue-style-overlay-ground",
+    "--cue-style-overlay-title-leading",
+    "--cue-style-overlay-title-size",
+    "--cue-style-quiet-ink",
+    "--cue-style-row-disabled-opacity",
+    "--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"

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

@@ -17,8 +17,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"

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

@@ -28,8 +28,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"

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

@@ -17,8 +17,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"

package/manifest/components/empty-state.json

@@ -80,7 +80,20 @@
     "--cue-space-3",
     "--cue-space-6",
     "--cue-space-7",
+    "--cue-style-body-face",
+    "--cue-style-body-leading",
+    "--cue-style-body-size",
+    "--cue-style-body-weight",
+    "--cue-style-empty-gap",
+    "--cue-style-empty-icon-size",
+    "--cue-style-empty-pad",
+    "--cue-style-empty-title-face",
+    "--cue-style-empty-title-leading",
+    "--cue-style-empty-title-size",
+    "--cue-style-empty-title-weight",
+    "--cue-style-glyph-ink",
     "--cue-text-emphasis",
+    "--cue-text-label",
     "--cue-text-ui"
   ],
   "summary": "The 'there is nothing here' panel body — a report, not an alarm.",