@cueplusplus/ui 0.8.0 → 0.10.0

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": [

package/manifest/components/shape-section.json

@@ -14,14 +14,20 @@
       "type": "TokenEdits",
       "required": true,
       "defaultValue": null,
-      "description": "The panel's edit surface."
+      "description": "The panel's edit surface.",
+      "control": {
+        "kind": "opaque"
+      }
     },
     {
       "name": "className",
       "type": "string",
       "required": false,
       "defaultValue": null,
-      "description": "Extra classes for the section."
+      "description": "Extra classes for the section.",
+      "control": {
+        "kind": "string"
+      }
     }
   ],
   "typeReferences": [],
@@ -38,17 +44,14 @@
     "--cue-fg-muted",
     "--cue-fg-subtle",
     "--cue-font-mono",
-    "--cue-font-pairing-mono",
     "--cue-font-sans",
-    "--cue-font-scale",
-    "--cue-font-theme-mono",
     "--cue-radius-control",
-    "--cue-radius-scale",
     "--cue-space-1",
     "--cue-space-2",
     "--cue-space-4",
     "--cue-text-label",
-    "--cue-text-micro"
+    "--cue-text-micro",
+    "--cue-text-ui"
   ],
   "summary": "Section 3 — the geometry and type knobs, which belong to the *density* axis rather than to the theme.",
   "examples": [

package/manifest/components/shared-conversation.json

@@ -14,35 +14,51 @@
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "Name of the shared thread."
+      "description": "Name of the shared thread.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "sharedBy",
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "Who shared it."
+      "description": "Who shared it.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "sharedAt",
       "type": "string",
       "required": true,
       "defaultValue": null,
-      "description": "Pre-formatted share time."
+      "description": "Pre-formatted share time.",
+      "control": {
+        "kind": "string"
+      }
     },
     {
       "name": "turns",
       "type": "readonly SharedTurn[]",
       "required": true,
       "defaultValue": null,
-      "description": "The transcript, read only."
+      "description": "The transcript, read only.",
+      "control": {
+        "kind": "array"
+      }
     },
     {
       "name": "onContinue",
       "type": "(() => void)",
       "required": false,
       "defaultValue": null,
-      "description": "Called to fork the transcript into the reader's own thread."
+      "description": "Called to fork the transcript into the reader's own thread.",
+      "control": {
+        "kind": "callback",
+        "fixture": "callback.log"
+      }
     }
   ],
   "typeReferences": [

package/manifest/components/sheet.json

@@ -46,42 +46,65 @@
           "type": "string",
           "required": false,
           "defaultValue": null,
-          "description": "Extra classes for the popup surface."
+          "description": "Extra classes for the popup surface.",
+          "control": {
+            "kind": "string"
+          }
         },
         {
           "name": "closeLabel",
           "type": "string",
           "required": false,
           "defaultValue": "Close",
-          "description": "Accessible name for the corner close affordance. Defaults to `\"Close\"`."
+          "description": "Accessible name for the corner close affordance. Defaults to `\"Close\"`.",
+          "control": {
+            "kind": "string"
+          }
         },
         {
           "name": "keepMounted",
           "type": "boolean",
           "required": false,
           "defaultValue": null,
-          "description": "Keep the popup mounted while closed, so its content is not re-created."
+          "description": "Keep the popup mounted while closed, so its content is not re-created.",
+          "control": {
+            "kind": "boolean"
+          }
         },
         {
           "name": "backdropClassName",
           "type": "string",
           "required": false,
           "defaultValue": null,
-          "description": "Extra classes for the scrim behind it."
+          "description": "Extra classes for the scrim behind it.",
+          "control": {
+            "kind": "string"
+          }
         },
         {
           "name": "side",
           "type": "\"left\" | \"right\" | \"bottom\"",
           "required": false,
           "defaultValue": "right",
-          "description": ""
+          "description": "",
+          "control": {
+            "kind": "enum",
+            "members": [
+              "right",
+              "left",
+              "bottom"
+            ]
+          }
         },
         {
           "name": "showCloseButton",
           "type": "boolean",
           "required": false,
           "defaultValue": "true",
-          "description": "Show the corner close affordance. Defaults to `true`."
+          "description": "Show the corner close affordance. Defaults to `true`.",
+          "control": {
+            "kind": "boolean"
+          }
         }
       ],
       "typeReferences": [

package/manifest/components/shimmer-label.json

@@ -12,7 +12,10 @@
       "type": "boolean",
       "required": false,
       "defaultValue": "true",
-      "description": "Whether the sweep is running. Defaults to `true`."
+      "description": "Whether the sweep is running. Defaults to `true`.",
+      "control": {
+        "kind": "boolean"
+      }
     }
   ],
   "typeReferences": [
@@ -32,7 +35,6 @@
     "--cue-fg-muted",
     "--cue-font-mono",
     "--cue-stream",
-    "--cue-sunken",
     "--cue-surface-1",
     "--cue-surface-2",
     "--cue-text-label"