@cueplusplus/ui 0.8.0 → 0.10.0

package/manifest/components/input-group.json

@@ -12,28 +12,48 @@
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Content pinned to the left gutter — a glyph, a unit prefix, a protocol."
+      "description": "Content pinned to the left gutter — a glyph, a unit prefix, a protocol.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "trailing",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Content pinned to the right gutter — a unit suffix, a `Kbd`, a clear button."
+      "description": "Content pinned to the right gutter — a unit suffix, a `Kbd`, a clear button.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "size",
       "type": "\"sm\" | \"md\" | \"lg\"",
       "required": false,
       "defaultValue": null,
-      "description": "Rung of the control ladder for the whole cluster. Defaults to `\"md\"`."
+      "description": "Rung of the control ladder for the whole cluster. Defaults to `\"md\"`.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "sm",
+          "md",
+          "lg"
+        ]
+      }
     },
     {
       "name": "children",
       "type": "ReactNode",
       "required": true,
       "defaultValue": null,
-      "description": "The control. An {@link Input } here renders bare and fills the middle."
+      "description": "The control. An {@link Input } here renders bare and fills the middle.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     }
   ],
   "typeReferences": [
@@ -44,7 +64,6 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border",
     "--cue-border-strong",
     "--cue-control-lg",

package/manifest/components/input.json

@@ -12,14 +12,25 @@
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes, merged over the chassis."
+      "description": "Extra classes, merged over the chassis.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "size",
       "type": "\"sm\" | \"md\" | \"lg\"",
       "required": false,
       "defaultValue": null,
-      "description": "Rung of the control ladder. Defaults to `\"md\"`. Shadows the native `size`\nattribute (a character count), which nothing in a token-driven layout wants."
+      "description": "Rung of the control ladder. Defaults to `\"md\"`. Shadows the native `size`\nattribute (a character count), which nothing in a token-driven layout wants.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "sm",
+          "md",
+          "lg"
+        ]
+      }
     }
   ],
   "typeReferences": [
@@ -30,7 +41,6 @@
   "variants": {},
   "defaultVariants": {},
   "tokensUsed": [
-    "--cue-accent",
     "--cue-border",
     "--cue-border-strong",
     "--cue-control-lg",

package/manifest/components/item.json

@@ -12,56 +12,90 @@
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Leading slot: an icon, an avatar, a status dot."
+      "description": "Leading slot: an icon, an avatar, a status dot.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "title",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "The item's name — one line, truncated rather than wrapped."
+      "description": "The item's name — one line, truncated rather than wrapped.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "description",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "One supporting line under the title, a rung smaller and muted."
+      "description": "One supporting line under the title, a rung smaller and muted.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "actions",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Trailing slot: a value, a chip, a control.\n\nDo not combine with `interactive` — the whole item is then a `<button>`,\nand a button may not contain another one. Put the controls beside the item\ninstead, or drop `interactive` and make the title itself the link."
+      "description": "Trailing slot: a value, a chip, a control.\n\nDo not combine with `interactive` — the whole item is then a `<button>`,\nand a button may not contain another one. Put the controls beside the item\ninstead, or drop `interactive` and make the title itself the link.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "variant",
       "type": "\"plain\" | \"outline\" | \"soft\"",
       "required": false,
       "defaultValue": null,
-      "description": "Which framing to paint. Defaults to `\"plain\"`."
+      "description": "Which framing to paint. Defaults to `\"plain\"`.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "plain",
+          "outline",
+          "soft"
+        ]
+      }
     },
     {
       "name": "interactive",
       "type": "boolean",
       "required": false,
       "defaultValue": "false",
-      "description": "Render as a `<button>` with hover feedback and a focus ring instead of a\nstatic `<div>`. Use for items that select, open or toggle something."
+      "description": "Render as a `<button>` with hover feedback and a focus ring instead of a\nstatic `<div>`. Use for items that select, open or toggle something.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "disabled",
       "type": "boolean",
       "required": false,
       "defaultValue": null,
-      "description": "Disable the interactive form. Ignored when `interactive` is not set."
+      "description": "Disable the interactive form. Ignored when `interactive` is not set.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "children",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Extra content between the text column and the action slot."
+      "description": "Extra content between the text column and the action slot.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/job-progress.json

@@ -14,42 +14,61 @@
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "What the job is doing."
+      "description": "What the job is doing.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "stages",
       "type": "readonly JobStage[]",
       "required": true,
       "defaultValue": null,
-      "description": "Stages with relative weights, so a long install does not read the same as a fast\nclone."
+      "description": "Stages with relative weights, so a long install does not read the same as a fast\nclone.",
+      "control": {
+        "kind": "array"
+      }
     },
     {
       "name": "stageIndex",
       "type": "number",
       "required": true,
       "defaultValue": null,
-      "description": "Which stage is running. Passing stages.length marks the job finished, and the bar\nnever runs past its track."
+      "description": "Which stage is running. Passing stages.length marks the job finished, and the bar\nnever runs past its track.",
+      "control": {
+        "kind": "number"
+      }
     },
     {
       "name": "stageProgress",
       "type": "number",
       "required": true,
       "defaultValue": null,
-      "description": "Progress inside the current stage, 0 to 1."
+      "description": "Progress inside the current stage, 0 to 1.",
+      "control": {
+        "kind": "number"
+      }
     },
     {
       "name": "eta",
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "Pre-formatted estimate. Replaced by done once finished."
+      "description": "Pre-formatted estimate. Replaced by done once finished.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "onCancel",
       "type": "(() => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called to stop the job. Hidden once it finishes."
+      "description": "Called to stop the job. Hidden once it finishes.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/launcher-bubble.json

@@ -14,49 +14,74 @@
       "type": "boolean",
       "required": true,
       "defaultValue": null,
-      "description": "Whether the panel is showing. The trigger icon crossfades either way."
+      "description": "Whether the panel is showing. The trigger icon crossfades either way.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "unread",
       "type": "number",
       "required": true,
       "defaultValue": null,
-      "description": "Badge count on the closed bubble. Hidden at zero and while open."
+      "description": "Badge count on the closed bubble. Hidden at zero and while open.",
+      "control": {
+        "kind": "number"
+      }
     },
     {
       "name": "greeting",
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "Opening line in the panel."
+      "description": "Opening line in the panel.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "prompts",
       "type": "readonly string[]",
       "required": true,
       "defaultValue": null,
-      "description": "Ways in, so the first message does not have to be invented."
+      "description": "Ways in, so the first message does not have to be invented.",
+      "control": {
+        "kind": "array",
+        "fixture": "agent.transcript"
+      }
     },
     {
       "name": "onToggle",
       "type": "(() => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called when the bubble is pressed."
+      "description": "Called when the bubble is pressed.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "onPick",
       "type": "((prompt: string) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called when a starter prompt is chosen."
+      "description": "Called when a starter prompt is chosen.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "onStart",
       "type": "(() => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called from the Start a conversation action, for opening an empty thread."
+      "description": "Called from the Start a conversation action, for opening an empty thread.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/ledger.json

@@ -25,7 +25,10 @@
           "type": "boolean",
           "required": false,
           "defaultValue": "true",
-          "description": "Make the ledger a size container, so a caller's `@container` rules shed\ncolumns against the *pane* rather than the viewport. Defaults to `true`.\n\nThis is the difference between a list that sheds a column when the window\nnarrows and one that also sheds it when a detail drawer opens beside it and\ntakes half the pane — which is the same visual problem and, without a\ncontainer, an entirely separate piece of code. Switch it off only when an\nancestor is already the container the rules name; nesting containers moves\nwhich one a bare `@container` query resolves against."
+          "description": "Make the ledger a size container, so a caller's `@container` rules shed\ncolumns against the *pane* rather than the viewport. Defaults to `true`.\n\nThis is the difference between a list that sheds a column when the window\nnarrows and one that also sheds it when a detail drawer opens beside it and\ntakes half the pane — which is the same visual problem and, without a\ncontainer, an entirely separate piece of code. Switch it off only when an\nancestor is already the container the rules name; nesting containers moves\nwhich one a bare `@container` query resolves against.",
+          "control": {
+            "kind": "boolean"
+          }
         }
       ],
       "typeReferences": [
@@ -42,63 +45,100 @@
           "type": "ReactNode",
           "required": false,
           "defaultValue": null,
-          "description": "The tier's name. Omitted, the tier draws no heading and reserves no space\nfor one — which is how a single unnamed run of rows uses the same component\nas a grouped one."
+          "description": "The tier's name. Omitted, the tier draws no heading and reserves no space\nfor one — which is how a single unnamed run of rows uses the same component\nas a grouped one.",
+          "control": {
+            "kind": "node",
+            "fixture": "children.text"
+          }
         },
         {
           "name": "count",
           "type": "number",
           "required": false,
           "defaultValue": null,
-          "description": "How many rows the tier holds, printed beside its name."
+          "description": "How many rows the tier holds, printed beside its name.",
+          "control": {
+            "kind": "number"
+          }
         },
         {
           "name": "sticky",
           "type": "boolean",
           "required": false,
           "defaultValue": "true",
-          "description": "Dock the heading to the top of the scroll container while the tier's rows\nscroll past. Defaults to `true`."
+          "description": "Dock the heading to the top of the scroll container while the tier's rows\nscroll past. Defaults to `true`.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "headingLevel",
           "type": "4 | 2 | 3",
           "required": false,
           "defaultValue": "2",
-          "description": "Which heading element the tier's name is. Defaults to `2`.\n\nThe outline is the navigation: a screen-reader user moves through a long\nledger by heading, so the levels have to describe the real nesting of the\npage the ledger sits in, not the ledger's own idea of itself."
+          "description": "Which heading element the tier's name is. Defaults to `2`.\n\nThe outline is the navigation: a screen-reader user moves through a long\nledger by heading, so the levels have to describe the real nesting of the\npage the ledger sits in, not the ledger's own idea of itself.",
+          "control": {
+            "kind": "enum",
+            "members": [
+              4,
+              2,
+              3
+            ],
+            "min": 2,
+            "max": 4
+          }
         },
         {
           "name": "note",
           "type": "ReactNode",
           "required": false,
           "defaultValue": null,
-          "description": "A qualifier printed after the name — a date, a source, a state."
+          "description": "A qualifier printed after the name — a date, a source, a state.",
+          "control": {
+            "kind": "node",
+            "fixture": "children.text"
+          }
         },
         {
           "name": "collapsible",
           "type": "boolean",
           "required": false,
           "defaultValue": "false",
-          "description": "Put a disclosure in the tier's heading that folds its rows away. Defaults\nto `false`, and a tier with no `heading` has nothing to fold from, so it\nignores this and renders as it always has.\n\n**This is the accordion pattern, not the tree pattern.** What folds is the\nheading — a *place* — and the `<h2>` stays exactly where it was with a real\n`<button aria-expanded aria-controls>` inside it. The rows below are hidden\nwhile it is shut, which takes them out of the accessibility tree and out of\nthe layout but keeps whatever state they hold. If what you are folding is a\n*row*, and the thing under it is that row's children rather than that\nplace's contents, you want `DataTree` and its `treeitem` semantics instead."
+          "description": "Put a disclosure in the tier's heading that folds its rows away. Defaults\nto `false`, and a tier with no `heading` has nothing to fold from, so it\nignores this and renders as it always has.\n\n**This is the accordion pattern, not the tree pattern.** What folds is the\nheading — a *place* — and the `<h2>` stays exactly where it was with a real\n`<button aria-expanded aria-controls>` inside it. The rows below are hidden\nwhile it is shut, which takes them out of the accessibility tree and out of\nthe layout but keeps whatever state they hold. If what you are folding is a\n*row*, and the thing under it is that row's children rather than that\nplace's contents, you want `DataTree` and its `treeitem` semantics instead.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "expanded",
           "type": "boolean",
           "required": false,
           "defaultValue": null,
-          "description": "Whether the tier is open, when the caller owns the state.\n\n**Persistence is the caller's.** Which places a reader has folded is a fact\nabout the reader, not about the list, and it belongs wherever that consumer\nkeeps the rest of them — `localStorage`, a URL, a profile. This library\nstores nothing. Pass this with {@link LedgerTierProps.onExpandedChange};\nomit both and the tier keeps its own state from\n{@link LedgerTierProps.defaultExpanded}. Ignored unless `collapsible`."
+          "description": "Whether the tier is open, when the caller owns the state.\n\n**Persistence is the caller's.** Which places a reader has folded is a fact\nabout the reader, not about the list, and it belongs wherever that consumer\nkeeps the rest of them — `localStorage`, a URL, a profile. This library\nstores nothing. Pass this with {@link LedgerTierProps.onExpandedChange};\nomit both and the tier keeps its own state from\n{@link LedgerTierProps.defaultExpanded}. Ignored unless `collapsible`.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "defaultExpanded",
           "type": "boolean",
           "required": false,
           "defaultValue": "true",
-          "description": "Whether an uncontrolled tier starts open. Defaults to `true`.\n\nOpen, because a ledger whose content is folded away on first paint has\nhidden the thing the reader came for; the reader folds what they are done\nwith. Ignored unless `collapsible`, and ignored entirely once\n{@link LedgerTierProps.expanded} is passed."
+          "description": "Whether an uncontrolled tier starts open. Defaults to `true`.\n\nOpen, because a ledger whose content is folded away on first paint has\nhidden the thing the reader came for; the reader folds what they are done\nwith. Ignored unless `collapsible`, and ignored entirely once\n{@link LedgerTierProps.expanded} is passed.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "onExpandedChange",
           "type": "((expanded: boolean) => void)",
           "required": false,
           "defaultValue": null,
-          "description": "Called with the tier's next state each time the reader presses the\ndisclosure — `true` when it is being opened, `false` when it is being shut.\n\nFires in both the controlled and the uncontrolled form, so a consumer can\nrecord what was folded without also having to own the state."
+          "description": "Called with the tier's next state each time the reader presses the\ndisclosure — `true` when it is being opened, `false` when it is being shut.\n\nFires in both the controlled and the uncontrolled form, so a consumer can\nrecord what was folded without also having to own the state.",
+          "control": {
+            "kind": "callback",
+            "fixture": "callback.log"
+          }
         }
       ],
       "typeReferences": [
@@ -115,49 +155,78 @@
           "type": "ReactNode",
           "required": false,
           "defaultValue": null,
-          "description": "The group's slug, printed in the left gutter.\n\nOmitted, the group is a plain block: no gutter, no heading, no indent. A\ngrouped list that has one unnamed run in it should not pay a 7rem empty\ncolumn for it, and an empty gutter reads as a missing label rather than as\nan absent one."
+          "description": "The group's slug, printed in the left gutter.\n\nOmitted, the group is a plain block: no gutter, no heading, no indent. A\ngrouped list that has one unnamed run in it should not pay a 7rem empty\ncolumn for it, and an empty gutter reads as a missing label rather than as\nan absent one.",
+          "control": {
+            "kind": "node",
+            "fixture": "children.text"
+          }
         },
         {
           "name": "headingLevel",
           "type": "4 | 3",
           "required": false,
           "defaultValue": "3",
-          "description": "Which heading element the slug is. Defaults to `3`."
+          "description": "Which heading element the slug is. Defaults to `3`.",
+          "control": {
+            "kind": "enum",
+            "members": [
+              4,
+              3
+            ],
+            "min": 3,
+            "max": 4
+          }
         },
         {
           "name": "sticky",
           "type": "boolean",
           "required": false,
           "defaultValue": "true",
-          "description": "Dock the slug under the tier heading while the group's rows scroll past.\nDefaults to `true`.\n\nThe offset is a custom property, `--cue-ledger-slug-top` (default `2.5rem`):\nhow far down the slug docks depends on how tall the tier heading above it\nrenders, which is a function of the density and the type the *caller*\nconfigured. Set it on the ledger — `className=\"[--cue-ledger-slug-top:2rem]\"` —\nrather than measuring at runtime."
+          "description": "Dock the slug under the tier heading while the group's rows scroll past.\nDefaults to `true`.\n\nThe offset is a custom property, `--cue-ledger-slug-top` (default `2.5rem`):\nhow far down the slug docks depends on how tall the tier heading above it\nrenders, which is a function of the density and the type the *caller*\nconfigured. Set it on the ledger — `className=\"[--cue-ledger-slug-top:2rem]\"` —\nrather than measuring at runtime.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "collapsible",
           "type": "boolean",
           "required": false,
           "defaultValue": "false",
-          "description": "Put a disclosure in the group's slug that folds its rows away. Defaults to\n`false`, and an unlabelled group has no slug to fold from, so it ignores\nthis. The same accordion pattern the tier takes — see\n{@link LedgerTierProps.collapsible} for why it is not the tree pattern."
+          "description": "Put a disclosure in the group's slug that folds its rows away. Defaults to\n`false`, and an unlabelled group has no slug to fold from, so it ignores\nthis. The same accordion pattern the tier takes — see\n{@link LedgerTierProps.collapsible} for why it is not the tree pattern.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "expanded",
           "type": "boolean",
           "required": false,
           "defaultValue": null,
-          "description": "Whether the group is open, when the caller owns the state. Persistence is\nthe caller's; see {@link LedgerTierProps.expanded}."
+          "description": "Whether the group is open, when the caller owns the state. Persistence is\nthe caller's; see {@link LedgerTierProps.expanded}.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "defaultExpanded",
           "type": "boolean",
           "required": false,
           "defaultValue": "true",
-          "description": "Whether an uncontrolled group starts open. Defaults to `true`."
+          "description": "Whether an uncontrolled group starts open. Defaults to `true`.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "onExpandedChange",
           "type": "((expanded: boolean) => void)",
           "required": false,
           "defaultValue": null,
-          "description": "Called with the group's next state each time the reader presses the slug."
+          "description": "Called with the group's next state each time the reader presses the slug.",
+          "control": {
+            "kind": "callback",
+            "fixture": "callback.log"
+          }
         }
       ],
       "typeReferences": [
@@ -179,7 +248,6 @@
   "tokensUsed": [
     "--cue-accent",
     "--cue-bg",
-    "--cue-data-row-cols",
     "--cue-fg",
     "--cue-fg-subtle",
     "--cue-font-mono",
@@ -245,7 +313,7 @@
         "Ledger"
       ],
       "code": "<Panel className=\"w-full\">\n  <div className=\"max-h-[18rem] overflow-y-auto\">\n    <Ledger.Root className={PATCH_TRACKS}>\n      <Ledger.Tier heading=\"Patch\" count={PATCH_DEVICES.length} note=\"polled 18:04\">\n        {PATCH_GROUPS.map((group) => (\n          <Ledger.Group key={group.id} label={group.label}>\n            {group.rows.map((device) => (\n              <DataRow.Root key={device.id} interactive>\n                <PatchRowSlots device={device} />\n              </DataRow.Root>\n            ))}\n          </Ledger.Group>\n        ))}\n        <Ledger.Group label=\"spare\">\n          <Ledger.Empty>Nothing yet.</Ledger.Empty>\n        </Ledger.Group>\n      </Ledger.Tier>\n    </Ledger.Root>\n  </div>\n</Panel>",
-      "note": "The same rows as tiers and slugs: sticky headings, a gutter for the group name, and no disclosure anywhere — the ledger does not collapse.",
+      "note": "The same rows as tiers and slugs: sticky headings, a gutter for the group name, and no disclosure until a heading is asked for one — this bench asks for none, so the whole surface stays static markup. The bench below it asks.",
       "interaction": "the tier heading and the group slug dock as the rows scroll under them; scroll the pane to see it."
     },
     {

package/manifest/components/link.json

@@ -12,21 +12,34 @@
       "type": "boolean",
       "required": false,
       "defaultValue": "false",
-      "description": "Open in a new tab, mark the anchor `rel=\"noreferrer noopener\"` and append a\n`↗`. The glyph is not decoration: a link that replaces the user's context\nwithout warning is a WCAG 3.2.5 failure, and the arrow is the warning."
+      "description": "Open in a new tab, mark the anchor `rel=\"noreferrer noopener\"` and append a\n`↗`. The glyph is not decoration: a link that replaces the user's context\nwithout warning is a WCAG 3.2.5 failure, and the arrow is the warning.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "render",
       "type": "RenderProp<Record<string, unknown>>",
       "required": false,
       "defaultValue": null,
-      "description": "Replace the rendered element (Base UI render prop). Accepts an element —\n`render={<NextLink href=\"/x\" />}` — or a function returning one. This is\nhow the design system composes with a router without depending on one."
+      "description": "Replace the rendered element (Base UI render prop). Accepts an element —\n`render={<NextLink href=\"/x\" />}` — or a function returning one. This is\nhow the design system composes with a router without depending on one.",
+      "control": {
+        "kind": "opaque"
+      }
     },
     {
       "name": "variant",
       "type": "\"plain\" | \"underline\"",
       "required": false,
       "defaultValue": "plain",
-      "description": ""
+      "description": "",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "plain",
+          "underline"
+        ]
+      }
     }
   ],
   "typeReferences": [