@cueplusplus/ui 0.9.0 → 0.10.0

package/manifest/components/search-input.json

@@ -12,70 +12,109 @@
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Initial query for an uncontrolled input."
+      "description": "Initial query for an uncontrolled input.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "className",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes for the group that wraps the icon, the input and the clear button."
+      "description": "Extra classes for the group that wraps the icon, the input and the clear button.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "size",
       "type": "\"sm\" | \"md\" | \"lg\"",
       "required": false,
       "defaultValue": null,
-      "description": "Rung of the control ladder. Defaults to `\"md\"`."
+      "description": "Rung of the control ladder. Defaults to `\"md\"`.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "sm",
+          "md",
+          "lg"
+        ]
+      }
     },
     {
       "name": "debounce",
       "type": "number",
       "required": false,
       "defaultValue": "250",
-      "description": "Quiet period in ms before {@link SearchInputProps.onDebouncedChange} fires.\nDefaults to `250`. `0` fires it synchronously with every keystroke."
+      "description": "Quiet period in ms before {@link SearchInputProps.onDebouncedChange} fires.\nDefaults to `250`. `0` fires it synchronously with every keystroke.",
+      "control": {
+        "kind": "number"
+      }
     },
     {
       "name": "value",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Current query. Supply it with `onValueChange` for a controlled input."
+      "description": "Current query. Supply it with `onValueChange` for a controlled input.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "onValueChange",
       "type": "((value: string) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Fired on every keystroke, and with `\"\"` when the query is cleared."
+      "description": "Fired on every keystroke, and with `\"\"` when the query is cleared.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "icon",
       "type": "ElementType<any, keyof IntrinsicElements>",
       "required": false,
       "defaultValue": "SearchGlyph",
-      "description": "Leading glyph component. Defaults to a magnifier."
+      "description": "Leading glyph component. Defaults to a magnifier.",
+      "control": {
+        "kind": "opaque",
+        "fixture": "icon.play"
+      }
     },
     {
       "name": "clearLabel",
       "type": "string",
       "required": false,
       "defaultValue": "Clear search",
-      "description": "Accessible name for the clear button. Defaults to `\"Clear search\"`."
+      "description": "Accessible name for the clear button. Defaults to `\"Clear search\"`.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "onDebouncedChange",
       "type": "((value: string) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Fired once the user stops typing for `debounce` ms — the callback to hang a\nquery or a filter recomputation on. Clearing flushes it immediately, because\n\"show me everything again\" should never wait."
+      "description": "Fired once the user stops typing for `debounce` ms — the callback to hang a\nquery or a filter recomputation on. Clearing flushes it immediately, because\n\"show me everything again\" should never wait.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "onClear",
       "type": "(() => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Fired when the query is cleared, by Escape or by the clear button."
+      "description": "Fired when the query is cleared, by Escape or by the clear button.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/section-header.json

@@ -12,56 +12,84 @@
       "type": "ReactNode",
       "required": true,
       "defaultValue": null,
-      "description": "The group's name. Rendered uppercase in the smallest mono label type."
+      "description": "The group's name. Rendered uppercase in the smallest mono label type.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "count",
       "type": "number",
       "required": false,
       "defaultValue": null,
-      "description": "Optional count shown after the label — how many things are in the group."
+      "description": "Optional count shown after the label — how many things are in the group.",
+      "control": {
+        "kind": "number"
+      }
     },
     {
       "name": "action",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Right-hand slot. Rendered *outside* the collapse toggle so clicking an\naction never folds the section shut under the user's cursor."
+      "description": "Right-hand slot. Rendered *outside* the collapse toggle so clicking an\naction never folds the section shut under the user's cursor.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "collapsible",
       "type": "boolean",
       "required": false,
       "defaultValue": "false",
-      "description": "Turn the label into a disclosure button that shows and hides `children`."
+      "description": "Turn the label into a disclosure button that shows and hides `children`.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "defaultOpen",
       "type": "boolean",
       "required": false,
       "defaultValue": "true",
-      "description": "Initial open state when uncontrolled. Defaults to `true`."
+      "description": "Initial open state when uncontrolled. Defaults to `true`.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "open",
       "type": "boolean",
       "required": false,
       "defaultValue": null,
-      "description": "Open state when controlled. Pass with `onOpenChange`."
+      "description": "Open state when controlled. Pass with `onOpenChange`.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "onOpenChange",
       "type": "((open: boolean) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called with the next open state whenever the toggle is pressed."
+      "description": "Called with the next open state whenever the toggle is pressed.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "children",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "The section body. Hidden while a collapsible section is closed."
+      "description": "The section body. Hidden while a collapsible section is closed.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/segmented-control.json

@@ -12,70 +12,110 @@
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "The initially picked value when uncontrolled."
+      "description": "The initially picked value when uncontrolled.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "className",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes for the group frame."
+      "description": "Extra classes for the group frame.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "previousLabel",
       "type": "string",
       "required": false,
       "defaultValue": "Show earlier segments",
-      "description": "Accessible name for the chevron that reveals segments off the leading edge."
+      "description": "Accessible name for the chevron that reveals segments off the leading edge.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "nextLabel",
       "type": "string",
       "required": false,
       "defaultValue": "Show later segments",
-      "description": "Accessible name for the chevron that reveals segments off the trailing edge."
+      "description": "Accessible name for the chevron that reveals segments off the trailing edge.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "overflow",
       "type": "\"clip\" | \"scroll\"",
       "required": false,
       "defaultValue": "scroll",
-      "description": "What the control does when its segments do not fit. Defaults to `\"scroll\"`.\n\nThe same behaviour `Toolbar` has, from the same module, for the same\nreason: a switcher with five segments in a page header's actions slot runs\noff a phone-width screen, and wrapping it would turn a one-rung control\ninto a two-row block that no longer reads as one switch. `\"scroll\"` keeps\nthe rim and the height, scrolls the segments inside them, fades the\noverflowing edge and offers a pager chevron there.\n\n`\"clip\"` is the old behaviour, for a control already inside something that\nscrolls."
+      "description": "What the control does when its segments do not fit. Defaults to `\"scroll\"`.\n\nThe same behaviour `Toolbar` has, from the same module, for the same\nreason: a switcher with five segments in a page header's actions slot runs\noff a phone-width screen, and wrapping it would turn a one-rung control\ninto a two-row block that no longer reads as one switch. `\"scroll\"` keeps\nthe rim and the height, scrolls the segments inside them, fades the\noverflowing edge and offers a pager chevron there.\n\n`\"clip\"` is the old behaviour, for a control already inside something that\nscrolls.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "clip",
+          "scroll"
+        ]
+      }
     },
     {
       "name": "size",
       "type": "\"sm\" | \"md\" | \"lg\"",
       "required": false,
       "defaultValue": "md",
-      "description": "Which rung of the control ladder to sit on. Defaults to `\"md\"`."
+      "description": "Which rung of the control ladder to sit on. Defaults to `\"md\"`.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "sm",
+          "md",
+          "lg"
+        ]
+      }
     },
     {
       "name": "value",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "The picked value when controlled. Pass with `onValueChange`."
+      "description": "The picked value when controlled. Pass with `onValueChange`.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "onValueChange",
       "type": "((value: string) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called with the newly picked value. Never called with `undefined`."
+      "description": "Called with the newly picked value. Never called with `undefined`.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "items",
       "type": "readonly SegmentedControlItem[]",
       "required": true,
       "defaultValue": null,
-      "description": "The segments, in display order."
+      "description": "The segments, in display order.",
+      "control": {
+        "kind": "array"
+      }
     },
     {
       "name": "itemClassName",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes for every segment."
+      "description": "Extra classes for every segment.",
+      "control": {
+        "kind": "string"
+      }
     }
   ],
   "typeReferences": [
@@ -89,7 +129,6 @@
     "--cue-accent",
     "--cue-accent-soft",
     "--cue-border",
-    "--cue-chrome-toolbar",
     "--cue-control-lg",
     "--cue-control-md",
     "--cue-control-sm",

package/manifest/components/select.json

@@ -12,112 +12,170 @@
       "type": "readonly SelectOption[]",
       "required": true,
       "defaultValue": null,
-      "description": "The rows, in display order."
+      "description": "The rows, in display order.",
+      "control": {
+        "kind": "array",
+        "fixture": "sample.blend-modes"
+      }
     },
     {
       "name": "value",
       "type": "string | null",
       "required": false,
       "defaultValue": null,
-      "description": "Selected value. Use with `onValueChange` for a controlled select."
+      "description": "Selected value. Use with `onValueChange` for a controlled select.",
+      "control": {
+        "kind": "string",
+        "nullable": true
+      }
     },
     {
       "name": "defaultValue",
       "type": "string | null",
       "required": false,
       "defaultValue": null,
-      "description": "Initially selected value for an uncontrolled select."
+      "description": "Initially selected value for an uncontrolled select.",
+      "control": {
+        "kind": "string",
+        "nullable": true
+      }
     },
     {
       "name": "onValueChange",
       "type": "((value: string | null) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called with the newly selected value (`null` when cleared)."
+      "description": "Called with the newly selected value (`null` when cleared).",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "placeholder",
       "type": "ReactNode",
       "required": false,
       "defaultValue": null,
-      "description": "Shown in the trigger while nothing is selected."
+      "description": "Shown in the trigger while nothing is selected.",
+      "control": {
+        "kind": "node",
+        "fixture": "children.text"
+      }
     },
     {
       "name": "size",
       "type": "\"sm\" | \"md\" | \"lg\"",
       "required": false,
       "defaultValue": null,
-      "description": "Rung of the control ladder for the trigger. Defaults to `\"md\"`."
+      "description": "Rung of the control ladder for the trigger. Defaults to `\"md\"`.",
+      "control": {
+        "kind": "enum",
+        "members": [
+          "sm",
+          "md",
+          "lg"
+        ]
+      }
     },
     {
       "name": "disabled",
       "type": "boolean",
       "required": false,
       "defaultValue": null,
-      "description": "Prevent opening and grey the trigger out."
+      "description": "Prevent opening and grey the trigger out.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "required",
       "type": "boolean",
       "required": false,
       "defaultValue": null,
-      "description": "Require a value before the owning form submits."
+      "description": "Require a value before the owning form submits.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "name",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Name for the hidden input, when the select is part of a form."
+      "description": "Name for the hidden input, when the select is part of a form.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "id",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Id forwarded to the select's hidden input."
+      "description": "Id forwarded to the select's hidden input.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "aria-label",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Accessible name for the trigger, when no {@link FieldLabel } names it."
+      "description": "Accessible name for the trigger, when no {@link FieldLabel } names it.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "aria-labelledby",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Id of the element naming the trigger."
+      "description": "Id of the element naming the trigger.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "modal",
       "type": "boolean",
       "required": false,
       "defaultValue": null,
-      "description": "Lock interaction to the popup while it is open. Defaults to `true`, matching\nBase UI; set `false` inside a canvas or a drag surface that must keep\nreceiving pointer events."
+      "description": "Lock interaction to the popup while it is open. Defaults to `true`, matching\nBase UI; set `false` inside a canvas or a drag surface that must keep\nreceiving pointer events.",
+      "control": {
+        "kind": "boolean"
+      }
     },
     {
       "name": "className",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes for the trigger."
+      "description": "Extra classes for the trigger.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "popupClassName",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes for the popup surface."
+      "description": "Extra classes for the popup surface.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "sideOffset",
       "type": "number",
       "required": false,
       "defaultValue": "4",
-      "description": "Distance in px between the trigger and the popup. Defaults to `4`."
+      "description": "Distance in px between the trigger and the popup. Defaults to `4`.",
+      "control": {
+        "kind": "number"
+      }
     }
   ],
   "typeReferences": [],

package/manifest/components/separator.json

@@ -12,7 +12,10 @@
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes, merged over the hairline defaults."
+      "description": "Extra classes, merged over the hairline defaults.",
+      "control": {
+        "kind": "string"
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/settings-panel.json

@@ -12,63 +12,95 @@
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "Selected model."
+      "description": "Selected model.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "models",
       "type": "readonly string[]",
       "required": true,
       "defaultValue": null,
-      "description": "Models offered in the segmented control. Keep it to a few; more wants the model\npicker."
+      "description": "Models offered in the segmented control. Keep it to a few; more wants the model\npicker.",
+      "control": {
+        "kind": "array",
+        "fixture": "agent.transcript"
+      }
     },
     {
       "name": "systemPrompt",
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "Current system prompt."
+      "description": "Current system prompt.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "temperature",
       "type": "number",
       "required": true,
       "defaultValue": null,
-      "description": "Current temperature, 0 to 2."
+      "description": "Current temperature, 0 to 2.",
+      "control": {
+        "kind": "number"
+      }
     },
     {
       "name": "toggles",
       "type": "readonly SettingToggle[]",
       "required": true,
       "defaultValue": null,
-      "description": "Capability switches with a line each explaining what they turn on."
+      "description": "Capability switches with a line each explaining what they turn on.",
+      "control": {
+        "kind": "array"
+      }
     },
     {
       "name": "onModelChange",
       "type": "((model: string) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called when the model changes."
+      "description": "Called when the model changes.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "onSystemPromptChange",
       "type": "((prompt: string) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called as the prompt is edited."
+      "description": "Called as the prompt is edited.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "onTemperatureChange",
       "type": "((temperature: number) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called as the slider moves."
+      "description": "Called as the slider moves.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     },
     {
       "name": "onToggle",
       "type": "((key: string) => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called with the switched capability's key."
+      "description": "Called with the switched capability's key.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     }
   ],
   "typeReferences": [