@cueplusplus/ui 0.16.0 → 0.18.0

package/manifest/components/env-var-input.json

@@ -143,18 +143,25 @@
   "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-md",
     "--cue-icon-sm",
+    "--cue-paint-rest-shade",
+    "--cue-paint-shadow-scale",
     "--cue-paint-stroke-angle",
     "--cue-paint-stroke-from",
     "--cue-paint-stroke-to",
@@ -164,8 +171,29 @@
     "--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-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",
     "--cue-warn"

package/manifest/components/export-dialog.json

@@ -81,10 +81,15 @@
     "--cue-space-1",
     "--cue-space-3",
     "--cue-space-4",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-tracking",
     "--cue-sunken",
     "--cue-text-label",
     "--cue-text-micro",
-    "--cue-tracking-caps"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "The export dialog: CSS, DTCG tokens, a `createTheme()` call and a shadcn `registry:theme` item.",
   "examples": [

package/manifest/components/eyebrow.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": false,
-  "description": "The small accent kicker that sits above a title: `// PATCH`.\n\nMono, uppercase and widely tracked, in the theme's accent — the one place\nwhere the accent is used for pure typography rather than for a control. The\nslashes are marked `aria-hidden` and `select-none`, so a screen reader reads\n\"patch\" and a copy-paste of the page does not carry punctuation that was only\never decoration.\n\nStatic markup — no `\"use client\"`.",
+  "description": "The small accent kicker that sits above a title: `// PATCH`.\n\nMono, uppercase and widely tracked by default — the style set's choice\ninside one — in the theme's accent: the one place where the accent is used\nfor pure typography rather than for a control. The slashes are marked\n`aria-hidden` and `select-none`, so a screen reader reads \"patch\" and a\ncopy-paste of the page does not carry punctuation that was only ever\ndecoration.\n\nA style set can restyle it apart from its other captions: its face, size,\nink and weight (`--cue-style-eyebrow-face`, `-size`, `-ink`, `-weight`, each\nfalling back through the label names to the console's voice), and whether\nthe slashes print at all (`--cue-style-eyebrow-glyph: none` drops them, as\nevery measured Look does). `slashes={false}` still removes them from the\nmarkup under any set.\n\nStatic markup — no `\"use client\"`.",
   "props": [
     {
       "name": "slashes",
@@ -29,8 +29,19 @@
     "--cue-accent",
     "--cue-font-mono",
     "--cue-space-2",
+    "--cue-style-eyebrow-face",
+    "--cue-style-eyebrow-glyph",
+    "--cue-style-eyebrow-ink",
+    "--cue-style-eyebrow-size",
+    "--cue-style-eyebrow-weight",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
     "--cue-text-label",
-    "--cue-tracking-caps-loose"
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "The small accent kicker above a title: `// PATCH`.",
   "examples": [

package/manifest/components/feedback-dialog.json

@@ -98,9 +98,12 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-ok",
     "--cue-radius-overlay",
     "--cue-radius-surface",
+    "--cue-style-focus-width",
     "--cue-surface-1",
     "--cue-text-body",
     "--cue-text-ui"

package/manifest/components/field-description.json

@@ -32,8 +32,23 @@
     "--cue-font-mono",
     "--cue-space-1",
     "--cue-space-2",
+    "--cue-style-body-leading",
+    "--cue-style-body-weight",
+    "--cue-style-field-gap",
+    "--cue-style-help-ink",
+    "--cue-style-help-leading",
+    "--cue-style-help-size",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-leading",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
     "--cue-text-label",
     "--cue-text-micro",
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
     "--cue-tracking-caps-tight"
   ],
   "summary": "Quiet helper text under a control, published as the control's `aria-describedby` target.",

package/manifest/components/field-error.json

@@ -53,8 +53,23 @@
     "--cue-font-mono",
     "--cue-space-1",
     "--cue-space-2",
+    "--cue-style-body-leading",
+    "--cue-style-body-weight",
+    "--cue-style-field-gap",
+    "--cue-style-help-ink",
+    "--cue-style-help-leading",
+    "--cue-style-help-size",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-leading",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
     "--cue-text-label",
     "--cue-text-micro",
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
     "--cue-tracking-caps-tight"
   ],
   "summary": "The error line under a control. Driven by Standard Schema issues, or by native validity.",

package/manifest/components/field-label.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": true,
-  "description": "The name of a field: mono, uppercase, tracked out, one rung below body text.\n\nRenders a real `<label>` wired to the field's control, so clicking it focuses\n(or toggles) that control.",
+  "description": "The name of a field: mono, uppercase, tracked out, one rung below body\ntext — by default, the style set's choice inside one.\n\nRenders a real `<label>` wired to the field's control, so clicking it focuses\n(or toggles) that control.",
   "props": [
     {
       "name": "className",
@@ -32,8 +32,23 @@
     "--cue-font-mono",
     "--cue-space-1",
     "--cue-space-2",
+    "--cue-style-body-leading",
+    "--cue-style-body-weight",
+    "--cue-style-field-gap",
+    "--cue-style-help-ink",
+    "--cue-style-help-leading",
+    "--cue-style-help-size",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-leading",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
     "--cue-text-label",
     "--cue-text-micro",
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
     "--cue-tracking-caps-tight"
   ],
   "summary": "The name of a field: a real `<label>`, wired to its control.",

package/manifest/components/field.json

@@ -32,8 +32,23 @@
     "--cue-font-mono",
     "--cue-space-1",
     "--cue-space-2",
+    "--cue-style-body-leading",
+    "--cue-style-body-weight",
+    "--cue-style-field-gap",
+    "--cue-style-help-ink",
+    "--cue-style-help-leading",
+    "--cue-style-help-size",
+    "--cue-style-label-case",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-leading",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
+    "--cue-style-label-weight",
     "--cue-text-label",
     "--cue-text-micro",
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
     "--cue-tracking-caps-tight"
   ],
   "summary": "The label, description and validation wrapper a form control belongs in.",

package/manifest/components/file-upload.json

@@ -161,6 +161,8 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-sm",
     "--cue-ok",
@@ -170,6 +172,7 @@
     "--cue-space-3",
     "--cue-space-4",
     "--cue-space-5",
+    "--cue-style-focus-width",
     "--cue-sunken",
     "--cue-surface-2",
     "--cue-surface-3",

package/manifest/components/footer.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": false,
-  "description": "The `contentinfo` landmark at the bottom of a document: a hairline, a\nmeasure, and room for whatever a page ends with.\n\nDeliberately **not** a link-list component. A \"complex footer\" in this system\nis `Grid` + `Stack` + `Link` inside this one — components that already exist\nand already carry the density ladder — and a `Grid` with `minItemWidth` fills\nthe row with as many columns as fit, so the footer is responsive without a\nbreakpoint and without a prop for how many columns to draw. What is left over\nis what a footer actually needs and nothing else has: the landmark, the rule\nthat separates it from the page, the measure that lines it up with the page,\nand the second rule above the fine print.\n\nThe band is full-bleed and the column inside it is centred, which is why the\nhairline runs edge to edge while the links stop at the measure. The column is\nset in the bar's register — mono, at the UI size — because a footer is\nfurniture. It paints no ground of its own: a footer is the end of the page,\nnot a bar, and the seam is the hairline. Give it `className=\"bg-surface-1\"`\nwhere a distinct band is wanted.\n\nInside `AppShell` this is a child of `AppShell.Scroller`, at the end of the\ncontent column — so it scrolls with the page and its full bleed is the\ncontent column's width, not the window's. A footer placed *beside* the\nnavigation column instead (after `AppShell.Body`) runs under the navigation\nand reads as chrome it is not. It coexists with `StatusBar`, which is the\nopposite object: a strip of the frame, always on screen, never scrolled.\n\nUnder the skin this **is** `Band`'s recipe — `separation=\"rule\"`, spent\nthrough `bandClasses` rather than through `<Band>` itself, because `Band`\nrenders a `<section>` and this has to render the `<footer>` that makes it the\n`contentinfo` landmark. The two dimensions that recipe carries are the\nrhythm and the rule, and both are the style axis's now, the same as any other\nband: see `separation`'s table on `Band` for what each `[data-style]` set\nmakes them paint. With no set active nothing changes from what this component\nalways rendered. It does **not** reach `Band`'s other two style-owned\nspends — the ground and the reading measure — because `separation` is the\nliteral `\"rule\"` here and `width` is a `ContainerWidth`; `_band.ts`'s\ndocblock says why that is a fact about the published manifest and not only\nabout the markup.\n\nStatic markup — no `\"use client\"`.",
+  "description": "The `contentinfo` landmark at the bottom of a document: a hairline, a\nmeasure, and room for whatever a page ends with.\n\nDeliberately **not** a link-list component. A \"complex footer\" in this system\nis `Grid` + `Stack` + `Link` inside this one — components that already exist\nand already carry the density ladder — and a `Grid` with `minItemWidth` fills\nthe row with as many columns as fit, so the footer is responsive without a\nbreakpoint and without a prop for how many columns to draw. What is left over\nis what a footer actually needs and nothing else has: the landmark, the rule\nthat separates it from the page, the measure that lines it up with the page,\nand the second rule above the fine print.\n\nThe band is full-bleed and the column inside it is centred, which is why the\nhairline runs edge to edge while the links stop at the measure. The column is\nset in the bar's register — mono, at the UI size — because a footer is\nfurniture. It paints no ground of its own: a footer is the end of the page,\nnot a bar, and the seam is the hairline. Give it `className=\"bg-surface-1\"`\nwhere a distinct band is wanted.\n\nInside `AppShell` this is a child of `AppShell.Scroller`, at the end of the\ncontent column — so it scrolls with the page and its full bleed is the\ncontent column's width, not the window's. A footer placed *beside* the\nnavigation column instead (after `AppShell.Body`) runs under the navigation\nand reads as chrome it is not. It coexists with `StatusBar`, which is the\nopposite object: a strip of the frame, always on screen, never scrolled.\n\nUnder the skin this **is** `Band`'s recipe — `separation=\"rule\"`, spent\nthrough `bandClasses` rather than through `<Band>` itself, because `Band`\nrenders a `<section>` and this has to render the `<footer>` that makes it the\n`contentinfo` landmark. The two dimensions that recipe carries are the\nrhythm and the rule, and both are the style axis's now, the same as any other\nband: see `separation`'s table on `Band` for what each `[data-style]` set\nmakes them paint. With no set active nothing changes from what this component\nalways rendered. It does **not** reach `Band`'s other two style-owned\nspends — the ground and the reading measure — because `separation` is the\nliteral `\"rule\"` here and `width` is a `ContainerWidth`; `_band.ts`'s\ndocblock says why that is a fact about the published manifest and not only\nabout the markup.\n\nBoth rules are solid unless a style set says otherwise: `style-footer-rule-style`\ndashes the rule across the top and the rule over the fine print together,\nthrough the slot their borders already read, so a caller's own\n`className=\"border-dotted\"` still wins. `Band`'s rule does not read it.\n\nStatic markup — no `\"use client\"`.",
   "props": [
     {
       "name": "width",
@@ -68,12 +68,25 @@
     "--cue-band-rule-color",
     "--cue-band-y",
     "--cue-border",
+    "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
     "--cue-space-3",
     "--cue-space-5",
     "--cue-space-6",
+    "--cue-style-footer-rule",
+    "--cue-style-footer-rule-style",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-size",
+    "--cue-style-nav-case",
+    "--cue-style-nav-face",
+    "--cue-style-nav-size",
+    "--cue-style-nav-tracking",
+    "--cue-style-nav-weight",
+    "--cue-style-section-rule",
     "--cue-text-label",
+    "--cue-text-micro",
     "--cue-text-ui"
   ],
   "summary": "The contentinfo landmark at the bottom of a document: a full-bleed hairline, a centred measure, and a fine-print row under a rule of its own.",

package/manifest/components/frames.json

@@ -156,7 +156,10 @@
   "tokensUsed": [
     "--cue-accent",
     "--cue-border",
+    "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-paint-screen",
     "--cue-paint-screen-size",
@@ -167,8 +170,18 @@
     "--cue-space-4",
     "--cue-space-6",
     "--cue-space-8",
+    "--cue-style-caption-case",
+    "--cue-style-focus-width",
+    "--cue-style-label-face",
+    "--cue-style-label-ink",
+    "--cue-style-label-size",
+    "--cue-style-label-tracking",
     "--cue-surface-1",
-    "--cue-text-micro"
+    "--cue-text-label",
+    "--cue-text-micro",
+    "--cue-tracking-caps",
+    "--cue-tracking-caps-loose",
+    "--cue-tracking-caps-tight"
   ],
   "summary": "A design canvas: frames side by side, each holding one axis of one component. Short, wide, scrollable sideways, focusable, and pannable with the pointer.",
   "examples": [

package/manifest/components/hover-card.json

@@ -150,6 +150,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",
@@ -157,21 +158,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-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-hover-card-width",
+    "--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-popover-pad",
+    "--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 richer preview than a tooltip, revealed by hovering a link or a name.",
   "examples": [

package/manifest/components/info-tip.json

@@ -101,7 +101,10 @@
     "--cue-accent",
     "--cue-border-strong",
     "--cue-fg-muted",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
+    "--cue-style-focus-width",
     "--cue-text-micro"
   ],
   "summary": "The 13px circular 'i' badge: a footnote marker for a field, a column or a number.",

package/manifest/components/input-group.json

@@ -64,16 +64,24 @@
   "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-paint-rest-shade",
+    "--cue-paint-shadow-scale",
     "--cue-paint-stroke-angle",
     "--cue-paint-stroke-from",
     "--cue-paint-stroke-to",
@@ -83,8 +91,31 @@
     "--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-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/input.json

@@ -61,16 +61,24 @@
   "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-paint-rest-shade",
+    "--cue-paint-shadow-scale",
     "--cue-paint-stroke-angle",
     "--cue-paint-stroke-from",
     "--cue-paint-stroke-to",
@@ -79,8 +87,29 @@
     "--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-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/item.json

@@ -120,10 +120,11 @@
     "interactive": "false"
   },
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border",
     "--cue-fg",
     "--cue-fg-muted",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-pad-row-x",
     "--cue-pad-row-y",
@@ -131,6 +132,7 @@
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-4",
+    "--cue-style-focus-width",
     "--cue-surface-2",
     "--cue-text-label",
     "--cue-text-ui"

package/manifest/components/kbd.json

@@ -5,7 +5,7 @@
   "importPath": "@cueplusplus/ui",
   "peerDependencies": [],
   "clientOnly": false,
-  "description": "A key cap for documenting shortcuts inline: `⌘K`, `Esc`, `Shift`.\n\nStatic markup — no `\"use client\"`, so it renders on the server. Sized off the\nchip height so a `Kbd` and a `Chip` line up on the same row, and set in the\nmicro type step because shortcut hints are reference material, not content.",
+  "description": "A key cap for documenting shortcuts inline: `⌘K`, `Esc`, `Shift`.\n\nStatic markup — no `\"use client\"`, so it renders on the server. Sized off the\nchip height so a `Kbd` and a `Chip` line up on the same row, and set in the\nmicro type step because shortcut hints are reference material, not content.\n\nA key label is a control's voice, so it wears the control face\n(`--cue-style-control-face`, mono by default) rather than a fixed mono\n(spec 2026-09-26-looks-fidelity F-16), and a style set can move its rim\n(`--cue-style-kbd-edge`), its size (`--cue-style-chip-size`, shared with the\nchip it sits beside) and its weight (`--cue-style-label-weight`).",
   "props": [],
   "typeReferences": [
     "React.ComponentPropsWithoutRef<\"kbd\">"
@@ -20,7 +20,18 @@
     "--cue-fg-muted",
     "--cue-font-mono",
     "--cue-radius-control",
+    "--cue-radius-scale",
     "--cue-space-2",
+    "--cue-style-chip-size",
+    "--cue-style-control-face",
+    "--cue-style-kbd-edge",
+    "--cue-style-kbd-fill",
+    "--cue-style-kbd-height",
+    "--cue-style-kbd-leading",
+    "--cue-style-kbd-pad",
+    "--cue-style-kbd-radius",
+    "--cue-style-kbd-size",
+    "--cue-style-label-weight",
     "--cue-surface-2",
     "--cue-text-micro"
   ],

package/manifest/components/ledger.json

@@ -246,10 +246,11 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-bg",
     "--cue-fg",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-icon-sm",
     "--cue-ledger-gutter",
@@ -258,9 +259,15 @@
     "--cue-pad-row-y",
     "--cue-space-2",
     "--cue-space-3",
+    "--cue-style-focus-width",
+    "--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": "Grouped dense rows under sticky tier headings and gutter slugs, with an opt-in disclosure that folds a heading without leaving the outline.",
   "examples": [

package/manifest/components/link.json

@@ -27,6 +27,27 @@
         "kind": "opaque"
       }
     },
+    {
+      "name": "href",
+      "type": "string",
+      "required": false,
+      "defaultValue": null,
+      "description": "Where the link goes. Restated from the anchor's own attributes, as\n`children` is below: docgen documents a prop only where the library\ndeclares it, and an anchor without an `href` is not a link to the\nkeyboard or to a screen reader.",
+      "control": {
+        "kind": "string"
+      }
+    },
+    {
+      "name": "children",
+      "type": "ReactNode",
+      "required": false,
+      "defaultValue": null,
+      "description": "The link's text. Restated for the same reason: without it the props table\nomitted it and no propSet could name it, so the docs' Link tile drew an\nempty anchor (round 6 of the Looks' fidelity plan found it, measuring\nKiln's plain link, K161).",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
+    },
     {
       "name": "variant",
       "type": "\"plain\" | \"underline\"",
@@ -61,9 +82,21 @@
     "--cue-accent",
     "--cue-border",
     "--cue-fg",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-radius-control",
     "--cue-space-1",
+    "--cue-style-control-face",
+    "--cue-style-focus-width",
+    "--cue-style-hover-ink",
+    "--cue-style-inline-link-ink",
+    "--cue-style-link-hover-ink",
+    "--cue-style-link-ink",
+    "--cue-style-link-offset",
+    "--cue-style-link-rule",
+    "--cue-style-link-weight",
+    "--cue-style-text-focus-offset",
     "--cue-text-micro"
   ],
   "summary": "A text link: accent on hover, no rule unless you ask for one.",

package/manifest/components/log-viewer.json

@@ -129,6 +129,8 @@
     "--cue-fg",
     "--cue-fg-muted",
     "--cue-fg-subtle",
+    "--cue-focus",
+    "--cue-focus-ring",
     "--cue-font-mono",
     "--cue-info",
     "--cue-ok",
@@ -145,6 +147,7 @@
     "--cue-space-2",
     "--cue-space-3",
     "--cue-space-4",
+    "--cue-style-focus-width",
     "--cue-sunken",
     "--cue-surface-1",
     "--cue-surface-2",