@cueplusplus/ui 0.15.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1083 -0
- package/README.md +26 -0
- package/dist/agent-runtime/tool-call-card.js +7 -3
- package/dist/brand/_chassis.d.ts +1 -1
- package/dist/brand/cue-mark.d.ts +1 -1
- package/dist/brand/cue-mark.js +1 -1
- package/dist/charts/ramps.js +1 -1
- package/dist/chat/agent-pile.js +2 -1
- package/dist/chat/ask-box.js +4 -3
- package/dist/chat/delegation-card.js +3 -2
- package/dist/chat/message-list.js +4 -2
- package/dist/chat/message.js +17 -7
- package/dist/chrome/_edge-scroller.js +2 -1
- package/dist/chrome/_status-bar.js +9 -3
- package/dist/chrome/_tabs-scroll.d.ts +17 -1
- package/dist/chrome/_tabs-scroll.js +20 -3
- package/dist/chrome/app-bar.js +10 -3
- package/dist/chrome/app-shell.js +2 -1
- package/dist/chrome/band.d.ts +18 -12
- package/dist/chrome/band.js +19 -31
- package/dist/chrome/eyebrow.d.ts +13 -5
- package/dist/chrome/eyebrow.js +18 -7
- package/dist/chrome/footer.d.ts +5 -0
- package/dist/chrome/footer.js +14 -3
- package/dist/chrome/navigation-menu.js +4 -2
- package/dist/chrome/page-shell.js +8 -5
- package/dist/chrome/panel.d.ts +5 -2
- package/dist/chrome/panel.js +9 -4
- package/dist/chrome/row.js +6 -3
- package/dist/chrome/scroll-area.js +2 -1
- package/dist/chrome/section-header.js +13 -4
- package/dist/chrome/segmented-control.js +12 -3
- package/dist/chrome/status-bar.js +2 -1
- package/dist/chrome/tabs.js +11 -3
- package/dist/chrome/toolbar.js +2 -1
- package/dist/chrome/tree.js +3 -2
- package/dist/color/_thumb.js +9 -3
- package/dist/color/color-area.js +1 -1
- package/dist/color/color-field.d.ts +2 -1
- package/dist/color/color-picker.d.ts +2 -1
- package/dist/color/color-swatch.js +1 -1
- package/dist/configurator/_overrides.js +13 -4
- package/dist/configurator/configurator.js +4 -1
- package/dist/configurator/export-dialog.js +5 -2
- package/dist/configurator/panel-sections.js +6 -2
- package/dist/configurator/token-editor.js +4 -1
- package/dist/date/calendar.js +12 -8
- package/dist/date/date-field.d.ts +2 -1
- package/dist/date/date-picker.d.ts +2 -1
- package/dist/date/date-range-picker.d.ts +2 -1
- package/dist/date/time-field.d.ts +2 -1
- package/dist/dmx/channel-matrix.js +3 -2
- package/dist/dmx/dmx-bar.js +1 -1
- package/dist/dmx/dmx-strip.js +1 -1
- package/dist/dmx/universe-grid.js +3 -2
- package/dist/elements/activity-graph.js +3 -3
- package/dist/elements/agent-card.js +3 -3
- package/dist/elements/approval-card.js +3 -3
- package/dist/elements/artifact-card.js +2 -2
- package/dist/elements/background-inbox.js +2 -2
- package/dist/elements/canvas-split.js +2 -2
- package/dist/elements/chart.js +1 -1
- package/dist/elements/chat-panel.js +2 -2
- package/dist/elements/checkpoint-history.js +2 -2
- package/dist/elements/clamp.js +2 -1
- package/dist/elements/code-diff.js +1 -1
- package/dist/elements/code-runner.js +1 -1
- package/dist/elements/command-palette.js +6 -5
- package/dist/elements/comparison-card.js +2 -2
- package/dist/elements/composer.js +9 -8
- package/dist/elements/computer-use.js +1 -1
- package/dist/elements/confidence-marker.js +2 -1
- package/dist/elements/connection-state.js +1 -1
- package/dist/elements/context-breakdown.js +1 -1
- package/dist/elements/context-usage.js +1 -1
- package/dist/elements/conversation-search.js +4 -3
- package/dist/elements/cost-meter.js +1 -1
- package/dist/elements/data-table.js +2 -2
- package/dist/elements/day-separator.js +1 -1
- package/dist/elements/diagram.js +1 -1
- package/dist/elements/document-reference.js +3 -3
- package/dist/elements/draft-restore.js +1 -1
- package/dist/elements/edit-message.js +4 -3
- package/dist/elements/elements.css +26 -5
- package/dist/elements/elicitation-form.js +3 -3
- package/dist/elements/empty-state.js +2 -1
- package/dist/elements/error-state.js +1 -1
- package/dist/elements/feedback-dialog.js +4 -3
- package/dist/elements/file-tree.js +2 -2
- package/dist/elements/flow-graph.js +2 -2
- package/dist/elements/guardrail-notice.js +3 -3
- package/dist/elements/image-generation.js +1 -1
- package/dist/elements/inline-citation.js +3 -3
- package/dist/elements/job-progress.js +3 -3
- package/dist/elements/launcher-bubble.js +2 -2
- package/dist/elements/loading-state.js +1 -1
- package/dist/elements/map-answer.js +3 -2
- package/dist/elements/markdown.js +5 -4
- package/dist/elements/math-block.js +1 -1
- package/dist/elements/mcp-server-panel.js +3 -3
- package/dist/elements/message-attachment.js +4 -4
- package/dist/elements/message-pair.js +1 -1
- package/dist/elements/message-queue.js +2 -2
- package/dist/elements/mobile-composer.js +4 -3
- package/dist/elements/model-picker.js +3 -3
- package/dist/elements/onboarding.js +2 -2
- package/dist/elements/permission-grant.js +2 -2
- package/dist/elements/permission-scopes.js +5 -4
- package/dist/elements/prompt-library.js +7 -6
- package/dist/elements/queue-dock.js +4 -3
- package/dist/elements/quota-banner.js +1 -1
- package/dist/elements/quote-reply.js +1 -1
- package/dist/elements/read-aloud.js +2 -2
- package/dist/elements/reasoning-panel.js +2 -1
- package/dist/elements/recommendation-card.d.ts +1 -1
- package/dist/elements/recommendation-card.js +2 -2
- package/dist/elements/regenerate-menu.js +2 -2
- package/dist/elements/research-report.js +1 -1
- package/dist/elements/retrieval-chunks.js +1 -1
- package/dist/elements/revert-dock.js +5 -4
- package/dist/elements/reviewable-diff.js +1 -1
- package/dist/elements/schedule-card.js +3 -3
- package/dist/elements/score-breakdown.js +1 -1
- package/dist/elements/scroll-anchor.js +2 -2
- package/dist/elements/settings-panel.js +3 -2
- package/dist/elements/shared-conversation.js +2 -2
- package/dist/elements/sources.js +4 -3
- package/dist/elements/speaker-identity.js +1 -1
- package/dist/elements/spec-sheet.js +1 -1
- package/dist/elements/streaming-text.js +1 -1
- package/dist/elements/subagent-list.js +2 -2
- package/dist/elements/suggestions.js +1 -1
- package/dist/elements/surfaces.d.ts +1 -1
- package/dist/elements/surfaces.js +2 -1
- package/dist/elements/tail-status.js +1 -1
- package/dist/elements/terminal-block.js +1 -1
- package/dist/elements/thread-list.js +1 -1
- package/dist/elements/thread-search.js +5 -4
- package/dist/elements/timeline.js +1 -1
- package/dist/elements/todo-list.js +2 -2
- package/dist/elements/tool-call.js +4 -3
- package/dist/elements/tool-error.js +2 -2
- package/dist/elements/tool-group.js +1 -1
- package/dist/elements/tool-timeline.js +4 -3
- package/dist/elements/trace-waterfall.js +1 -1
- package/dist/elements/verdict-row.js +2 -2
- package/dist/elements/voice-conversation.js +3 -2
- package/dist/elements/web-preview.js +1 -1
- package/dist/elements/web-search.js +2 -2
- package/dist/elements/work-collapse.js +2 -1
- package/dist/flow/node-card.js +3 -2
- package/dist/flow/use-flow-theme.js +2 -1
- package/dist/forms/_chassis-size.d.ts +22 -0
- package/dist/forms/_chassis.d.ts +28 -15
- package/dist/forms/_chassis.js +34 -8
- package/dist/forms/_listbox.js +8 -5
- package/dist/forms/autocomplete.d.ts +2 -1
- package/dist/forms/checkbox.js +8 -2
- package/dist/forms/combobox.d.ts +2 -1
- package/dist/forms/env-var-input.d.ts +2 -1
- package/dist/forms/env-var-input.js +3 -2
- package/dist/forms/field.d.ts +2 -1
- package/dist/forms/field.js +15 -4
- package/dist/forms/file-upload.js +3 -2
- package/dist/forms/index.d.ts +2 -1
- package/dist/forms/input-group.d.ts +2 -1
- package/dist/forms/input.d.ts +2 -1
- package/dist/forms/multi-select.d.ts +2 -1
- package/dist/forms/number-field.js +2 -1
- package/dist/forms/otp-field.d.ts +2 -1
- package/dist/forms/password-input.d.ts +2 -1
- package/dist/forms/password-input.js +4 -2
- package/dist/forms/radio-group.js +6 -2
- package/dist/forms/rating.js +2 -1
- package/dist/forms/scrub-input.d.ts +2 -1
- package/dist/forms/scrub-input.js +2 -1
- package/dist/forms/search-input.d.ts +2 -1
- package/dist/forms/search-input.js +2 -1
- package/dist/forms/select.d.ts +2 -1
- package/dist/forms/select.js +6 -2
- package/dist/forms/slider.js +6 -2
- package/dist/forms/switch.js +6 -2
- package/dist/forms/tags-input.d.ts +2 -1
- package/dist/forms/textarea.js +2 -1
- package/dist/forms/toggle-group.d.ts +1 -1
- package/dist/forms/toggle.d.ts +1 -1
- package/dist/forms/toggle.js +3 -1
- package/dist/index.d.ts +4 -3
- package/dist/index.js +2 -2
- package/dist/instruments/_data-row.js +2 -1
- package/dist/instruments/app-window-frame.js +1 -1
- package/dist/instruments/code-block.js +8 -2
- package/dist/instruments/group-bar.js +1 -1
- package/dist/instruments/ledger.js +6 -2
- package/dist/instruments/log-viewer.js +5 -3
- package/dist/instruments/progress.js +5 -2
- package/dist/instruments/seam-grid.js +5 -3
- package/dist/instruments/stat.js +10 -3
- package/dist/instruments/table.js +28 -10
- package/dist/instruments/terminal-frame.js +4 -2
- package/dist/instruments/usage-chart.js +1 -1
- package/dist/layout/_collapse.js +6 -1
- package/dist/layout/bento.js +7 -4
- package/dist/layout/breadcrumb.js +7 -3
- package/dist/layout/card.js +14 -6
- package/dist/layout/carousel.js +3 -2
- package/dist/layout/collapsible.js +5 -1
- package/dist/layout/container.js +2 -1
- package/dist/layout/description-list.js +4 -1
- package/dist/layout/frames.js +11 -5
- package/dist/layout/item.js +3 -2
- package/dist/layout/link.d.ts +16 -0
- package/dist/layout/link.js +22 -3
- package/dist/layout/pagination.js +2 -1
- package/dist/layout/preview.d.ts +32 -12
- package/dist/layout/preview.js +149 -40
- package/dist/layout/resizable.js +2 -1
- package/dist/layout/sidebar.js +11 -3
- package/dist/layout/stepper.js +6 -2
- package/dist/lib/cn.js +29 -2
- package/dist/midi/musical-time-input.d.ts +2 -1
- package/dist/midi/piano-keyboard.js +3 -2
- package/dist/midi/spectrum-visualizer.js +1 -1
- package/dist/midi/threshold-rail.js +2 -1
- package/dist/midi/timeline-ruler.js +1 -1
- package/dist/overlays/_surface.d.ts +72 -12
- package/dist/overlays/_surface.js +86 -12
- package/dist/overlays/command-palette.js +9 -5
- package/dist/overlays/dialog.d.ts +5 -0
- package/dist/overlays/dialog.js +6 -1
- package/dist/overlays/info-tip.js +2 -1
- package/dist/overlays/menubar.js +3 -1
- package/dist/overlays/popover.js +2 -1
- package/dist/overlays/toast.js +6 -2
- package/dist/overlays/tooltip.js +4 -1
- package/dist/primitives/button.d.ts +15 -0
- package/dist/primitives/button.js +40 -10
- package/dist/primitives/chip.d.ts +20 -2
- package/dist/primitives/chip.js +39 -17
- package/dist/primitives/kbd.d.ts +6 -0
- package/dist/primitives/kbd.js +10 -1
- package/dist/primitives/skeleton.js +1 -1
- package/dist/system/_focus-ring-field.js +29 -0
- package/dist/system/_focus-ring.js +125 -0
- package/dist/system/_paint-elevation.js +9 -0
- package/dist/system/_paint-glass.js +46 -0
- package/dist/system/_paint-glow.js +51 -0
- package/dist/system/_paint-ground-pattern.js +30 -0
- package/dist/system/_paint-rest-shade.js +32 -0
- package/dist/system/_paint-rim.js +59 -0
- package/dist/system/_paint-stroke-sunken.js +19 -0
- package/dist/system/_paint-stroke-surface-1.js +19 -0
- package/dist/system/_paint-stroke-surface-2.js +40 -0
- package/dist/system/_paint-texture.js +56 -0
- package/dist/system/_style-app-bar.js +65 -0
- package/dist/system/_style-band.js +57 -0
- package/dist/system/_style-body-leading.js +21 -0
- package/dist/system/_style-body-size.js +30 -0
- package/dist/system/_style-body-weight.js +24 -0
- package/dist/system/_style-body.js +27 -0
- package/dist/system/_style-caption.js +19 -0
- package/dist/system/_style-card-pad.js +43 -0
- package/dist/system/_style-check.js +33 -0
- package/dist/system/_style-chip.js +103 -0
- package/dist/system/_style-code.js +13 -0
- package/dist/system/_style-collapse.js +14 -0
- package/dist/system/_style-control-face.js +29 -0
- package/dist/system/_style-control-label.js +22 -0
- package/dist/system/_style-control-step.js +22 -0
- package/dist/system/_style-control.js +76 -0
- package/dist/system/_style-data-face.js +28 -0
- package/dist/system/_style-description.js +23 -0
- package/dist/system/_style-eyebrow.js +43 -0
- package/dist/system/_style-footer-rule.js +47 -0
- package/dist/system/_style-gutter.js +17 -0
- package/dist/system/_style-help-ink.js +14 -0
- package/dist/system/_style-help.js +29 -0
- package/dist/system/_style-input-face.js +34 -0
- package/dist/system/_style-kbd.js +46 -0
- package/dist/system/_style-label-case.js +36 -0
- package/dist/system/_style-label-face.js +32 -0
- package/dist/system/_style-label-ink.js +29 -0
- package/dist/system/_style-label-leading.js +14 -0
- package/dist/system/_style-label-size.js +36 -0
- package/dist/system/_style-label-tracking.js +45 -0
- package/dist/system/_style-label-weight.js +40 -0
- package/dist/system/_style-lede.js +49 -0
- package/dist/system/_style-link.js +46 -0
- package/dist/system/_style-menu.js +30 -0
- package/dist/system/_style-nav-item.js +41 -0
- package/dist/system/_style-nav-voice.js +43 -0
- package/dist/system/_style-option.js +42 -0
- package/dist/system/_style-overlay-title.js +35 -0
- package/dist/system/_style-page-title.js +48 -0
- package/dist/system/_style-popover-pad.js +13 -0
- package/dist/system/_style-quiet-ink.js +13 -0
- package/dist/system/_style-row-pad.js +13 -0
- package/dist/system/_style-seam.js +43 -0
- package/dist/system/_style-section-rule.js +26 -0
- package/dist/system/_style-segment.js +30 -0
- package/dist/system/_style-segmented-control.js +86 -0
- package/dist/system/_style-selected.js +36 -0
- package/dist/system/_style-stage-marks.js +26 -0
- package/dist/system/_style-tab.js +71 -0
- package/dist/system/_style-textarea.js +21 -0
- package/dist/system/_style-title.js +37 -0
- package/dist/system/_style-tooltip.js +17 -0
- package/dist/system/density.d.ts +15 -5
- package/dist/system/density.js +188 -25
- package/dist/system/index.d.ts +2 -2
- package/dist/system/index.js +2 -2
- package/dist/system/overrides.d.ts +1 -0
- package/dist/system/overrides.js +151 -3
- package/dist/system/portal.d.ts +3 -2
- package/dist/system/portal.js +22 -10
- package/dist/system/prepaint.d.ts +21 -5
- package/dist/system/prepaint.js +3 -1
- package/dist/system/published.d.ts +1 -0
- package/dist/system/published.js +131 -0
- package/dist/system/theme-provider.d.ts +168 -60
- package/dist/system/theme-provider.js +375 -79
- package/dist/system/theme-registry.d.ts +2 -1
- package/dist/system/theme-registry.js +27 -10
- package/dist/system/use-density.js +4 -3
- package/dist/system/use-theme.d.ts +5 -2
- package/dist/system/use-theme.js +7 -4
- package/dist/system/vocabulary.js +2 -2
- package/dist/theming/create-theme.js +12 -6
- package/dist/theming/serialize.d.ts +34 -2
- package/dist/theming/serialize.js +86 -4
- package/manifest/components/accordion.json +7 -1
- package/manifest/components/agent-pile.json +3 -0
- package/manifest/components/alert-dialog.json +38 -1
- package/manifest/components/app-bar.json +23 -2
- package/manifest/components/app-shell.json +5 -0
- package/manifest/components/ask-box.json +3 -1
- package/manifest/components/autocomplete.json +49 -1
- package/manifest/components/band.json +14 -3
- package/manifest/components/bento.json +12 -1
- package/manifest/components/breadcrumb.json +8 -1
- package/manifest/components/button.json +31 -3
- package/manifest/components/calendar.json +7 -0
- package/manifest/components/card.json +28 -1
- package/manifest/components/carousel.json +4 -1
- package/manifest/components/channel-matrix.json +40 -1
- package/manifest/components/chart-tooltip-content.json +38 -1
- package/manifest/components/chat-empty-state.json +3 -1
- package/manifest/components/checkbox-group.json +14 -0
- package/manifest/components/checkbox.json +14 -0
- package/manifest/components/chip.json +16 -1
- package/manifest/components/clamp.json +3 -1
- package/manifest/components/code-block.json +10 -1
- package/manifest/components/collapsible.json +13 -2
- package/manifest/components/color-area.json +4 -2
- package/manifest/components/color-field.json +14 -0
- package/manifest/components/color-picker.json +14 -0
- package/manifest/components/color-slider.json +3 -1
- package/manifest/components/colors-section.json +9 -1
- package/manifest/components/combobox.json +49 -1
- package/manifest/components/command-palette.json +37 -1
- package/manifest/components/composer-actions.json +3 -0
- package/manifest/components/composer-attach-button.json +3 -0
- package/manifest/components/composer-attachment-chip.json +3 -0
- package/manifest/components/composer-attachments.json +3 -0
- package/manifest/components/composer-bar.json +3 -0
- package/manifest/components/composer-command-item.json +3 -0
- package/manifest/components/composer-context.json +3 -0
- package/manifest/components/composer-input.json +3 -0
- package/manifest/components/composer-menu-item.json +3 -0
- package/manifest/components/composer-menu.json +3 -0
- package/manifest/components/composer-model-item.json +3 -0
- package/manifest/components/composer-model-trigger.json +3 -0
- package/manifest/components/composer-person-item.json +3 -0
- package/manifest/components/composer-send.json +3 -0
- package/manifest/components/composer-toolbar.json +3 -0
- package/manifest/components/composer-voice-button.json +3 -0
- package/manifest/components/composer-voice.json +3 -0
- package/manifest/components/composer.json +14 -0
- package/manifest/components/confidence-marker.json +3 -1
- package/manifest/components/container.json +2 -1
- package/manifest/components/context-menu.json +38 -1
- package/manifest/components/conversation-search.json +3 -1
- package/manifest/components/cue-mark.json +2 -2
- package/manifest/components/cue-portal-frame.json +1 -1
- package/manifest/components/data-row.json +3 -1
- package/manifest/components/data-tree.json +3 -1
- package/manifest/components/date-field.json +14 -0
- package/manifest/components/date-picker.json +14 -0
- package/manifest/components/date-range-picker.json +14 -0
- package/manifest/components/delegation-card.json +3 -1
- package/manifest/components/density.json +21 -7
- package/manifest/components/description-list.json +6 -1
- package/manifest/components/dialog.json +39 -1
- package/manifest/components/disclosure.json +13 -2
- package/manifest/components/dmx-bar.json +37 -1
- package/manifest/components/dmx-strip.json +37 -1
- package/manifest/components/drawer.json +38 -1
- package/manifest/components/dropdown-menu.json +38 -1
- package/manifest/components/edit-message.json +3 -1
- package/manifest/components/elements-command-palette.json +3 -1
- package/manifest/components/elements-composer.json +3 -0
- package/manifest/components/empty-state-composer.json +3 -1
- package/manifest/components/empty-state-greeting.json +3 -1
- package/manifest/components/empty-state-suggestion.json +3 -1
- package/manifest/components/empty-state-suggestions.json +3 -1
- package/manifest/components/env-var-input.json +14 -1
- package/manifest/components/export-dialog.json +6 -1
- package/manifest/components/eyebrow.json +13 -2
- package/manifest/components/feedback-dialog.json +3 -0
- package/manifest/components/field-description.json +14 -0
- package/manifest/components/field-error.json +14 -0
- package/manifest/components/field-label.json +15 -1
- package/manifest/components/field.json +14 -0
- package/manifest/components/file-upload.json +3 -0
- package/manifest/components/footer.json +14 -1
- package/manifest/components/frames.json +14 -1
- package/manifest/components/hover-card.json +38 -1
- package/manifest/components/info-tip.json +3 -0
- package/manifest/components/input-group.json +14 -0
- package/manifest/components/input.json +14 -0
- package/manifest/components/item.json +3 -1
- package/manifest/components/kbd.json +10 -1
- package/manifest/components/ledger.json +9 -2
- package/manifest/components/link.json +10 -0
- package/manifest/components/log-viewer.json +10 -0
- package/manifest/components/map-answer.json +3 -1
- package/manifest/components/markdown-text.json +3 -0
- package/manifest/components/menubar.json +41 -2
- package/manifest/components/message-list.json +10 -0
- package/manifest/components/message.json +6 -1
- package/manifest/components/mobile-composer.json +3 -1
- package/manifest/components/multi-select.json +49 -1
- package/manifest/components/musical-time-input.json +14 -0
- package/manifest/components/navigation-menu.json +41 -1
- package/manifest/components/node-card.json +3 -0
- package/manifest/components/number-field.json +14 -1
- package/manifest/components/otp-field.json +13 -0
- package/manifest/components/page-shell.json +14 -0
- package/manifest/components/pagination.json +3 -0
- package/manifest/components/panel-header.json +12 -0
- package/manifest/components/panel.json +13 -1
- package/manifest/components/password-input.json +14 -1
- package/manifest/components/permission-scopes.json +3 -1
- package/manifest/components/piano-keyboard.json +3 -0
- package/manifest/components/popover.json +39 -1
- package/manifest/components/preset-section.json +9 -1
- package/manifest/components/preview.json +30 -10
- package/manifest/components/progress.json +6 -1
- package/manifest/components/prompt-library.json +3 -1
- package/manifest/components/queue-dock.json +3 -1
- package/manifest/components/radio-group.json +8 -0
- package/manifest/components/radio.json +8 -0
- package/manifest/components/rating.json +4 -1
- package/manifest/components/reasoning-panel.json +3 -1
- package/manifest/components/recommendation-card.json +1 -1
- package/manifest/components/resizable.json +4 -1
- package/manifest/components/revert-dock.json +3 -1
- package/manifest/components/row.json +5 -1
- package/manifest/components/scroll-area.json +4 -2
- package/manifest/components/scrollable-tabs-list.json +19 -0
- package/manifest/components/scrub-input.json +14 -1
- package/manifest/components/seam-cell.json +1 -0
- package/manifest/components/seam-grid.json +1 -0
- package/manifest/components/seam-list.json +5 -1
- package/manifest/components/search-input.json +14 -1
- package/manifest/components/section-header.json +15 -2
- package/manifest/components/segmented-control.json +17 -0
- package/manifest/components/select.json +28 -0
- package/manifest/components/settings-panel.json +3 -0
- package/manifest/components/shape-section.json +9 -1
- package/manifest/components/sheet.json +38 -1
- package/manifest/components/shimmer-label.json +3 -0
- package/manifest/components/sidebar.json +19 -2
- package/manifest/components/slider.json +8 -0
- package/manifest/components/sources.json +3 -1
- package/manifest/components/stat.json +9 -0
- package/manifest/components/status-bar.json +4 -0
- package/manifest/components/stepper.json +8 -0
- package/manifest/components/swap-label.json +3 -0
- package/manifest/components/switch.json +8 -0
- package/manifest/components/table-scroll-region.json +20 -2
- package/manifest/components/table.json +20 -2
- package/manifest/components/tabs.json +20 -1
- package/manifest/components/tags-input.json +49 -1
- package/manifest/components/terminal-frame.json +3 -0
- package/manifest/components/textarea.json +16 -0
- package/manifest/components/theme-configurator.json +38 -1
- package/manifest/components/theme-provider.json +37 -19
- package/manifest/components/thread-search.json +3 -1
- package/manifest/components/threshold-rail.json +3 -0
- package/manifest/components/time-field.json +14 -0
- package/manifest/components/toast.json +39 -0
- package/manifest/components/toggle-group.json +1 -19
- package/manifest/components/toggle.json +3 -5
- package/manifest/components/token-editor.json +6 -1
- package/manifest/components/tool-call-card.json +9 -2
- package/manifest/components/tool-call.json +3 -1
- package/manifest/components/tool-timeline.json +3 -1
- package/manifest/components/toolbar.json +4 -1
- package/manifest/components/tooltip.json +40 -1
- package/manifest/components/tree-visibility-toggle.json +3 -0
- package/manifest/components/tree.json +3 -0
- package/manifest/components/universe-grid.json +3 -0
- package/manifest/components/voice-conversation.json +3 -0
- package/manifest/components/work-collapse.json +3 -1
- package/manifest/manifest.json +205 -185
- package/manifest/tokens.json +260 -4
- package/package.json +6 -6
|
@@ -142,7 +142,6 @@
|
|
|
142
142
|
"variants": {},
|
|
143
143
|
"defaultVariants": {},
|
|
144
144
|
"tokensUsed": [
|
|
145
|
-
"--cue-accent",
|
|
146
145
|
"--cue-border",
|
|
147
146
|
"--cue-border-strong",
|
|
148
147
|
"--cue-control-lg",
|
|
@@ -152,16 +151,30 @@
|
|
|
152
151
|
"--cue-fg",
|
|
153
152
|
"--cue-fg-subtle",
|
|
154
153
|
"--cue-focus",
|
|
154
|
+
"--cue-focus-ring",
|
|
155
155
|
"--cue-font-mono",
|
|
156
156
|
"--cue-icon-md",
|
|
157
157
|
"--cue-icon-sm",
|
|
158
|
+
"--cue-paint-rest-shade",
|
|
159
|
+
"--cue-paint-shadow-scale",
|
|
160
|
+
"--cue-paint-stroke-angle",
|
|
161
|
+
"--cue-paint-stroke-from",
|
|
162
|
+
"--cue-paint-stroke-to",
|
|
163
|
+
"--cue-paint-stroke-width",
|
|
158
164
|
"--cue-radius-control",
|
|
159
165
|
"--cue-space-2",
|
|
160
166
|
"--cue-space-3",
|
|
161
167
|
"--cue-space-4",
|
|
162
168
|
"--cue-space-5",
|
|
169
|
+
"--cue-style-body-weight",
|
|
170
|
+
"--cue-style-control-step-size",
|
|
171
|
+
"--cue-style-field-focus-offset",
|
|
172
|
+
"--cue-style-focus-edge",
|
|
173
|
+
"--cue-style-focus-width",
|
|
174
|
+
"--cue-style-input-face",
|
|
163
175
|
"--cue-sunken",
|
|
164
176
|
"--cue-text-body",
|
|
177
|
+
"--cue-text-emphasis",
|
|
165
178
|
"--cue-text-label",
|
|
166
179
|
"--cue-text-ui",
|
|
167
180
|
"--cue-warn"
|
|
@@ -81,10 +81,15 @@
|
|
|
81
81
|
"--cue-space-1",
|
|
82
82
|
"--cue-space-3",
|
|
83
83
|
"--cue-space-4",
|
|
84
|
+
"--cue-style-label-case",
|
|
85
|
+
"--cue-style-label-face",
|
|
86
|
+
"--cue-style-label-tracking",
|
|
84
87
|
"--cue-sunken",
|
|
85
88
|
"--cue-text-label",
|
|
86
89
|
"--cue-text-micro",
|
|
87
|
-
"--cue-tracking-caps"
|
|
90
|
+
"--cue-tracking-caps",
|
|
91
|
+
"--cue-tracking-caps-loose",
|
|
92
|
+
"--cue-tracking-caps-tight"
|
|
88
93
|
],
|
|
89
94
|
"summary": "The export dialog: CSS, DTCG tokens, a `createTheme()` call and a shadcn `registry:theme` item.",
|
|
90
95
|
"examples": [
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"importPath": "@cueplusplus/ui",
|
|
6
6
|
"peerDependencies": [],
|
|
7
7
|
"clientOnly": false,
|
|
8
|
-
"description": "The small accent kicker that sits above a title: `// PATCH`.\n\nMono, uppercase and widely tracked
|
|
8
|
+
"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\"`.",
|
|
9
9
|
"props": [
|
|
10
10
|
{
|
|
11
11
|
"name": "slashes",
|
|
@@ -29,8 +29,19 @@
|
|
|
29
29
|
"--cue-accent",
|
|
30
30
|
"--cue-font-mono",
|
|
31
31
|
"--cue-space-2",
|
|
32
|
+
"--cue-style-eyebrow-face",
|
|
33
|
+
"--cue-style-eyebrow-glyph",
|
|
34
|
+
"--cue-style-eyebrow-ink",
|
|
35
|
+
"--cue-style-eyebrow-size",
|
|
36
|
+
"--cue-style-eyebrow-weight",
|
|
37
|
+
"--cue-style-label-case",
|
|
38
|
+
"--cue-style-label-face",
|
|
39
|
+
"--cue-style-label-size",
|
|
40
|
+
"--cue-style-label-tracking",
|
|
32
41
|
"--cue-text-label",
|
|
33
|
-
"--cue-tracking-caps
|
|
42
|
+
"--cue-tracking-caps",
|
|
43
|
+
"--cue-tracking-caps-loose",
|
|
44
|
+
"--cue-tracking-caps-tight"
|
|
34
45
|
],
|
|
35
46
|
"summary": "The small accent kicker above a title: `// PATCH`.",
|
|
36
47
|
"examples": [
|
|
@@ -98,9 +98,12 @@
|
|
|
98
98
|
"--cue-fg",
|
|
99
99
|
"--cue-fg-muted",
|
|
100
100
|
"--cue-fg-subtle",
|
|
101
|
+
"--cue-focus",
|
|
102
|
+
"--cue-focus-ring",
|
|
101
103
|
"--cue-ok",
|
|
102
104
|
"--cue-radius-overlay",
|
|
103
105
|
"--cue-radius-surface",
|
|
106
|
+
"--cue-style-focus-width",
|
|
104
107
|
"--cue-surface-1",
|
|
105
108
|
"--cue-text-body",
|
|
106
109
|
"--cue-text-ui"
|
|
@@ -30,10 +30,24 @@
|
|
|
30
30
|
"--cue-fg-muted",
|
|
31
31
|
"--cue-fg-subtle",
|
|
32
32
|
"--cue-font-mono",
|
|
33
|
+
"--cue-leading-ui",
|
|
33
34
|
"--cue-space-1",
|
|
34
35
|
"--cue-space-2",
|
|
36
|
+
"--cue-style-body-leading",
|
|
37
|
+
"--cue-style-body-weight",
|
|
38
|
+
"--cue-style-help-ink",
|
|
39
|
+
"--cue-style-help-size",
|
|
40
|
+
"--cue-style-label-case",
|
|
41
|
+
"--cue-style-label-face",
|
|
42
|
+
"--cue-style-label-ink",
|
|
43
|
+
"--cue-style-label-leading",
|
|
44
|
+
"--cue-style-label-size",
|
|
45
|
+
"--cue-style-label-tracking",
|
|
46
|
+
"--cue-style-label-weight",
|
|
35
47
|
"--cue-text-label",
|
|
36
48
|
"--cue-text-micro",
|
|
49
|
+
"--cue-tracking-caps",
|
|
50
|
+
"--cue-tracking-caps-loose",
|
|
37
51
|
"--cue-tracking-caps-tight"
|
|
38
52
|
],
|
|
39
53
|
"summary": "Quiet helper text under a control, published as the control's `aria-describedby` target.",
|
|
@@ -51,10 +51,24 @@
|
|
|
51
51
|
"--cue-fg-muted",
|
|
52
52
|
"--cue-fg-subtle",
|
|
53
53
|
"--cue-font-mono",
|
|
54
|
+
"--cue-leading-ui",
|
|
54
55
|
"--cue-space-1",
|
|
55
56
|
"--cue-space-2",
|
|
57
|
+
"--cue-style-body-leading",
|
|
58
|
+
"--cue-style-body-weight",
|
|
59
|
+
"--cue-style-help-ink",
|
|
60
|
+
"--cue-style-help-size",
|
|
61
|
+
"--cue-style-label-case",
|
|
62
|
+
"--cue-style-label-face",
|
|
63
|
+
"--cue-style-label-ink",
|
|
64
|
+
"--cue-style-label-leading",
|
|
65
|
+
"--cue-style-label-size",
|
|
66
|
+
"--cue-style-label-tracking",
|
|
67
|
+
"--cue-style-label-weight",
|
|
56
68
|
"--cue-text-label",
|
|
57
69
|
"--cue-text-micro",
|
|
70
|
+
"--cue-tracking-caps",
|
|
71
|
+
"--cue-tracking-caps-loose",
|
|
58
72
|
"--cue-tracking-caps-tight"
|
|
59
73
|
],
|
|
60
74
|
"summary": "The error line under a control. Driven by Standard Schema issues, or by native validity.",
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"importPath": "@cueplusplus/ui",
|
|
6
6
|
"peerDependencies": [],
|
|
7
7
|
"clientOnly": true,
|
|
8
|
-
"description": "The name of a field: mono, uppercase, tracked out, one rung below body
|
|
8
|
+
"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.",
|
|
9
9
|
"props": [
|
|
10
10
|
{
|
|
11
11
|
"name": "className",
|
|
@@ -30,10 +30,24 @@
|
|
|
30
30
|
"--cue-fg-muted",
|
|
31
31
|
"--cue-fg-subtle",
|
|
32
32
|
"--cue-font-mono",
|
|
33
|
+
"--cue-leading-ui",
|
|
33
34
|
"--cue-space-1",
|
|
34
35
|
"--cue-space-2",
|
|
36
|
+
"--cue-style-body-leading",
|
|
37
|
+
"--cue-style-body-weight",
|
|
38
|
+
"--cue-style-help-ink",
|
|
39
|
+
"--cue-style-help-size",
|
|
40
|
+
"--cue-style-label-case",
|
|
41
|
+
"--cue-style-label-face",
|
|
42
|
+
"--cue-style-label-ink",
|
|
43
|
+
"--cue-style-label-leading",
|
|
44
|
+
"--cue-style-label-size",
|
|
45
|
+
"--cue-style-label-tracking",
|
|
46
|
+
"--cue-style-label-weight",
|
|
35
47
|
"--cue-text-label",
|
|
36
48
|
"--cue-text-micro",
|
|
49
|
+
"--cue-tracking-caps",
|
|
50
|
+
"--cue-tracking-caps-loose",
|
|
37
51
|
"--cue-tracking-caps-tight"
|
|
38
52
|
],
|
|
39
53
|
"summary": "The name of a field: a real `<label>`, wired to its control.",
|
|
@@ -30,10 +30,24 @@
|
|
|
30
30
|
"--cue-fg-muted",
|
|
31
31
|
"--cue-fg-subtle",
|
|
32
32
|
"--cue-font-mono",
|
|
33
|
+
"--cue-leading-ui",
|
|
33
34
|
"--cue-space-1",
|
|
34
35
|
"--cue-space-2",
|
|
36
|
+
"--cue-style-body-leading",
|
|
37
|
+
"--cue-style-body-weight",
|
|
38
|
+
"--cue-style-help-ink",
|
|
39
|
+
"--cue-style-help-size",
|
|
40
|
+
"--cue-style-label-case",
|
|
41
|
+
"--cue-style-label-face",
|
|
42
|
+
"--cue-style-label-ink",
|
|
43
|
+
"--cue-style-label-leading",
|
|
44
|
+
"--cue-style-label-size",
|
|
45
|
+
"--cue-style-label-tracking",
|
|
46
|
+
"--cue-style-label-weight",
|
|
35
47
|
"--cue-text-label",
|
|
36
48
|
"--cue-text-micro",
|
|
49
|
+
"--cue-tracking-caps",
|
|
50
|
+
"--cue-tracking-caps-loose",
|
|
37
51
|
"--cue-tracking-caps-tight"
|
|
38
52
|
],
|
|
39
53
|
"summary": "The label, description and validation wrapper a form control belongs in.",
|
|
@@ -161,6 +161,8 @@
|
|
|
161
161
|
"--cue-fg",
|
|
162
162
|
"--cue-fg-muted",
|
|
163
163
|
"--cue-fg-subtle",
|
|
164
|
+
"--cue-focus",
|
|
165
|
+
"--cue-focus-ring",
|
|
164
166
|
"--cue-font-mono",
|
|
165
167
|
"--cue-icon-sm",
|
|
166
168
|
"--cue-ok",
|
|
@@ -170,6 +172,7 @@
|
|
|
170
172
|
"--cue-space-3",
|
|
171
173
|
"--cue-space-4",
|
|
172
174
|
"--cue-space-5",
|
|
175
|
+
"--cue-style-focus-width",
|
|
173
176
|
"--cue-sunken",
|
|
174
177
|
"--cue-surface-2",
|
|
175
178
|
"--cue-surface-3",
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"importPath": "@cueplusplus/ui",
|
|
6
6
|
"peerDependencies": [],
|
|
7
7
|
"clientOnly": false,
|
|
8
|
-
"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\"`.",
|
|
8
|
+
"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\"`.",
|
|
9
9
|
"props": [
|
|
10
10
|
{
|
|
11
11
|
"name": "width",
|
|
@@ -68,12 +68,25 @@
|
|
|
68
68
|
"--cue-band-rule-color",
|
|
69
69
|
"--cue-band-y",
|
|
70
70
|
"--cue-border",
|
|
71
|
+
"--cue-fg-muted",
|
|
71
72
|
"--cue-fg-subtle",
|
|
72
73
|
"--cue-font-mono",
|
|
73
74
|
"--cue-space-3",
|
|
74
75
|
"--cue-space-5",
|
|
75
76
|
"--cue-space-6",
|
|
77
|
+
"--cue-style-footer-rule",
|
|
78
|
+
"--cue-style-footer-rule-style",
|
|
79
|
+
"--cue-style-label-face",
|
|
80
|
+
"--cue-style-label-ink",
|
|
81
|
+
"--cue-style-label-size",
|
|
82
|
+
"--cue-style-nav-case",
|
|
83
|
+
"--cue-style-nav-face",
|
|
84
|
+
"--cue-style-nav-size",
|
|
85
|
+
"--cue-style-nav-tracking",
|
|
86
|
+
"--cue-style-nav-weight",
|
|
87
|
+
"--cue-style-section-rule",
|
|
76
88
|
"--cue-text-label",
|
|
89
|
+
"--cue-text-micro",
|
|
77
90
|
"--cue-text-ui"
|
|
78
91
|
],
|
|
79
92
|
"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.",
|
|
@@ -156,7 +156,10 @@
|
|
|
156
156
|
"tokensUsed": [
|
|
157
157
|
"--cue-accent",
|
|
158
158
|
"--cue-border",
|
|
159
|
+
"--cue-fg-muted",
|
|
159
160
|
"--cue-fg-subtle",
|
|
161
|
+
"--cue-focus",
|
|
162
|
+
"--cue-focus-ring",
|
|
160
163
|
"--cue-font-mono",
|
|
161
164
|
"--cue-paint-screen",
|
|
162
165
|
"--cue-paint-screen-size",
|
|
@@ -167,8 +170,18 @@
|
|
|
167
170
|
"--cue-space-4",
|
|
168
171
|
"--cue-space-6",
|
|
169
172
|
"--cue-space-8",
|
|
173
|
+
"--cue-style-caption-case",
|
|
174
|
+
"--cue-style-focus-width",
|
|
175
|
+
"--cue-style-label-face",
|
|
176
|
+
"--cue-style-label-ink",
|
|
177
|
+
"--cue-style-label-size",
|
|
178
|
+
"--cue-style-label-tracking",
|
|
170
179
|
"--cue-surface-1",
|
|
171
|
-
"--cue-text-
|
|
180
|
+
"--cue-text-label",
|
|
181
|
+
"--cue-text-micro",
|
|
182
|
+
"--cue-tracking-caps",
|
|
183
|
+
"--cue-tracking-caps-loose",
|
|
184
|
+
"--cue-tracking-caps-tight"
|
|
172
185
|
],
|
|
173
186
|
"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.",
|
|
174
187
|
"examples": [
|
|
@@ -149,18 +149,55 @@
|
|
|
149
149
|
"--cue-fg-subtle",
|
|
150
150
|
"--cue-font-mono",
|
|
151
151
|
"--cue-leading-ui",
|
|
152
|
+
"--cue-paint-rim-width",
|
|
153
|
+
"--cue-paint-scrim-filter",
|
|
154
|
+
"--cue-paint-shade-far",
|
|
155
|
+
"--cue-paint-shade-hairline",
|
|
156
|
+
"--cue-paint-shade-near",
|
|
157
|
+
"--cue-paint-shadow-scale",
|
|
158
|
+
"--cue-paint-shadow-spread",
|
|
159
|
+
"--cue-paint-sheen-ink",
|
|
160
|
+
"--cue-paint-stroke-angle",
|
|
161
|
+
"--cue-paint-stroke-overlay-from",
|
|
162
|
+
"--cue-paint-stroke-overlay-to",
|
|
163
|
+
"--cue-paint-stroke-width",
|
|
152
164
|
"--cue-radius-control",
|
|
153
165
|
"--cue-radius-overlay",
|
|
166
|
+
"--cue-radius-scale",
|
|
154
167
|
"--cue-scrim",
|
|
155
168
|
"--cue-space-1",
|
|
156
169
|
"--cue-space-2",
|
|
157
170
|
"--cue-space-3",
|
|
158
171
|
"--cue-space-4",
|
|
172
|
+
"--cue-style-body-face",
|
|
173
|
+
"--cue-style-body-leading",
|
|
174
|
+
"--cue-style-body-size",
|
|
175
|
+
"--cue-style-body-weight",
|
|
176
|
+
"--cue-style-control-face",
|
|
177
|
+
"--cue-style-display-variation",
|
|
178
|
+
"--cue-style-heading-ink",
|
|
179
|
+
"--cue-style-label-case",
|
|
180
|
+
"--cue-style-label-face",
|
|
181
|
+
"--cue-style-label-ink",
|
|
182
|
+
"--cue-style-label-size",
|
|
183
|
+
"--cue-style-label-tracking",
|
|
184
|
+
"--cue-style-label-weight",
|
|
185
|
+
"--cue-style-menu-highlight",
|
|
186
|
+
"--cue-style-menu-item-radius",
|
|
187
|
+
"--cue-style-overlay-ground",
|
|
188
|
+
"--cue-style-overlay-title-leading",
|
|
189
|
+
"--cue-style-overlay-title-size",
|
|
190
|
+
"--cue-style-quiet-ink",
|
|
191
|
+
"--cue-style-title-face",
|
|
192
|
+
"--cue-style-title-weight",
|
|
159
193
|
"--cue-surface-2",
|
|
160
194
|
"--cue-text-emphasis",
|
|
161
195
|
"--cue-text-label",
|
|
196
|
+
"--cue-text-micro",
|
|
162
197
|
"--cue-text-ui",
|
|
163
|
-
"--cue-tracking-caps"
|
|
198
|
+
"--cue-tracking-caps",
|
|
199
|
+
"--cue-tracking-caps-loose",
|
|
200
|
+
"--cue-tracking-caps-tight"
|
|
164
201
|
],
|
|
165
202
|
"summary": "A richer preview than a tooltip, revealed by hovering a link or a name.",
|
|
166
203
|
"examples": [
|
|
@@ -101,7 +101,10 @@
|
|
|
101
101
|
"--cue-accent",
|
|
102
102
|
"--cue-border-strong",
|
|
103
103
|
"--cue-fg-muted",
|
|
104
|
+
"--cue-focus",
|
|
105
|
+
"--cue-focus-ring",
|
|
104
106
|
"--cue-font-mono",
|
|
107
|
+
"--cue-style-focus-width",
|
|
105
108
|
"--cue-text-micro"
|
|
106
109
|
],
|
|
107
110
|
"summary": "The 13px circular 'i' badge: a footnote marker for a field, a column or a number.",
|
|
@@ -73,14 +73,28 @@
|
|
|
73
73
|
"--cue-fg",
|
|
74
74
|
"--cue-fg-subtle",
|
|
75
75
|
"--cue-focus",
|
|
76
|
+
"--cue-focus-ring",
|
|
76
77
|
"--cue-font-mono",
|
|
78
|
+
"--cue-paint-rest-shade",
|
|
79
|
+
"--cue-paint-shadow-scale",
|
|
80
|
+
"--cue-paint-stroke-angle",
|
|
81
|
+
"--cue-paint-stroke-from",
|
|
82
|
+
"--cue-paint-stroke-to",
|
|
83
|
+
"--cue-paint-stroke-width",
|
|
77
84
|
"--cue-radius-control",
|
|
78
85
|
"--cue-space-2",
|
|
79
86
|
"--cue-space-3",
|
|
80
87
|
"--cue-space-4",
|
|
81
88
|
"--cue-space-5",
|
|
89
|
+
"--cue-style-body-weight",
|
|
90
|
+
"--cue-style-control-step-size",
|
|
91
|
+
"--cue-style-field-focus-offset",
|
|
92
|
+
"--cue-style-focus-edge",
|
|
93
|
+
"--cue-style-focus-width",
|
|
94
|
+
"--cue-style-input-face",
|
|
82
95
|
"--cue-sunken",
|
|
83
96
|
"--cue-text-body",
|
|
97
|
+
"--cue-text-emphasis",
|
|
84
98
|
"--cue-text-label",
|
|
85
99
|
"--cue-text-ui"
|
|
86
100
|
],
|
|
@@ -70,13 +70,27 @@
|
|
|
70
70
|
"--cue-fg",
|
|
71
71
|
"--cue-fg-subtle",
|
|
72
72
|
"--cue-focus",
|
|
73
|
+
"--cue-focus-ring",
|
|
73
74
|
"--cue-font-mono",
|
|
75
|
+
"--cue-paint-rest-shade",
|
|
76
|
+
"--cue-paint-shadow-scale",
|
|
77
|
+
"--cue-paint-stroke-angle",
|
|
78
|
+
"--cue-paint-stroke-from",
|
|
79
|
+
"--cue-paint-stroke-to",
|
|
80
|
+
"--cue-paint-stroke-width",
|
|
74
81
|
"--cue-radius-control",
|
|
75
82
|
"--cue-space-3",
|
|
76
83
|
"--cue-space-4",
|
|
77
84
|
"--cue-space-5",
|
|
85
|
+
"--cue-style-body-weight",
|
|
86
|
+
"--cue-style-control-step-size",
|
|
87
|
+
"--cue-style-field-focus-offset",
|
|
88
|
+
"--cue-style-focus-edge",
|
|
89
|
+
"--cue-style-focus-width",
|
|
90
|
+
"--cue-style-input-face",
|
|
78
91
|
"--cue-sunken",
|
|
79
92
|
"--cue-text-body",
|
|
93
|
+
"--cue-text-emphasis",
|
|
80
94
|
"--cue-text-label",
|
|
81
95
|
"--cue-text-ui"
|
|
82
96
|
],
|
|
@@ -120,10 +120,11 @@
|
|
|
120
120
|
"interactive": "false"
|
|
121
121
|
},
|
|
122
122
|
"tokensUsed": [
|
|
123
|
-
"--cue-accent",
|
|
124
123
|
"--cue-border",
|
|
125
124
|
"--cue-fg",
|
|
126
125
|
"--cue-fg-muted",
|
|
126
|
+
"--cue-focus",
|
|
127
|
+
"--cue-focus-ring",
|
|
127
128
|
"--cue-font-mono",
|
|
128
129
|
"--cue-pad-row-x",
|
|
129
130
|
"--cue-pad-row-y",
|
|
@@ -131,6 +132,7 @@
|
|
|
131
132
|
"--cue-space-1",
|
|
132
133
|
"--cue-space-2",
|
|
133
134
|
"--cue-space-4",
|
|
135
|
+
"--cue-style-focus-width",
|
|
134
136
|
"--cue-surface-2",
|
|
135
137
|
"--cue-text-label",
|
|
136
138
|
"--cue-text-ui"
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"importPath": "@cueplusplus/ui",
|
|
6
6
|
"peerDependencies": [],
|
|
7
7
|
"clientOnly": false,
|
|
8
|
-
"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.",
|
|
8
|
+
"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`).",
|
|
9
9
|
"props": [],
|
|
10
10
|
"typeReferences": [
|
|
11
11
|
"React.ComponentPropsWithoutRef<\"kbd\">"
|
|
@@ -20,7 +20,16 @@
|
|
|
20
20
|
"--cue-fg-muted",
|
|
21
21
|
"--cue-font-mono",
|
|
22
22
|
"--cue-radius-control",
|
|
23
|
+
"--cue-radius-scale",
|
|
23
24
|
"--cue-space-2",
|
|
25
|
+
"--cue-style-chip-size",
|
|
26
|
+
"--cue-style-control-face",
|
|
27
|
+
"--cue-style-kbd-edge",
|
|
28
|
+
"--cue-style-kbd-height",
|
|
29
|
+
"--cue-style-kbd-pad",
|
|
30
|
+
"--cue-style-kbd-radius",
|
|
31
|
+
"--cue-style-kbd-size",
|
|
32
|
+
"--cue-style-label-weight",
|
|
24
33
|
"--cue-surface-2",
|
|
25
34
|
"--cue-text-micro"
|
|
26
35
|
],
|
|
@@ -246,10 +246,11 @@
|
|
|
246
246
|
"variants": {},
|
|
247
247
|
"defaultVariants": {},
|
|
248
248
|
"tokensUsed": [
|
|
249
|
-
"--cue-accent",
|
|
250
249
|
"--cue-bg",
|
|
251
250
|
"--cue-fg",
|
|
252
251
|
"--cue-fg-subtle",
|
|
252
|
+
"--cue-focus",
|
|
253
|
+
"--cue-focus-ring",
|
|
253
254
|
"--cue-font-mono",
|
|
254
255
|
"--cue-icon-sm",
|
|
255
256
|
"--cue-ledger-gutter",
|
|
@@ -258,9 +259,15 @@
|
|
|
258
259
|
"--cue-pad-row-y",
|
|
259
260
|
"--cue-space-2",
|
|
260
261
|
"--cue-space-3",
|
|
262
|
+
"--cue-style-focus-width",
|
|
263
|
+
"--cue-style-label-case",
|
|
264
|
+
"--cue-style-label-face",
|
|
265
|
+
"--cue-style-label-tracking",
|
|
261
266
|
"--cue-text-label",
|
|
262
267
|
"--cue-text-ui",
|
|
263
|
-
"--cue-tracking-caps"
|
|
268
|
+
"--cue-tracking-caps",
|
|
269
|
+
"--cue-tracking-caps-loose",
|
|
270
|
+
"--cue-tracking-caps-tight"
|
|
264
271
|
],
|
|
265
272
|
"summary": "Grouped dense rows under sticky tier headings and gutter slugs, with an opt-in disclosure that folds a heading without leaving the outline.",
|
|
266
273
|
"examples": [
|
|
@@ -61,9 +61,19 @@
|
|
|
61
61
|
"--cue-accent",
|
|
62
62
|
"--cue-border",
|
|
63
63
|
"--cue-fg",
|
|
64
|
+
"--cue-focus",
|
|
65
|
+
"--cue-focus-ring",
|
|
64
66
|
"--cue-font-mono",
|
|
65
67
|
"--cue-radius-control",
|
|
66
68
|
"--cue-space-1",
|
|
69
|
+
"--cue-style-control-face",
|
|
70
|
+
"--cue-style-focus-width",
|
|
71
|
+
"--cue-style-hover-ink",
|
|
72
|
+
"--cue-style-inline-link-ink",
|
|
73
|
+
"--cue-style-link-ink",
|
|
74
|
+
"--cue-style-link-offset",
|
|
75
|
+
"--cue-style-link-rule",
|
|
76
|
+
"--cue-style-link-weight",
|
|
67
77
|
"--cue-text-micro"
|
|
68
78
|
],
|
|
69
79
|
"summary": "A text link: accent on hover, no rule unless you ask for one.",
|
|
@@ -129,15 +129,25 @@
|
|
|
129
129
|
"--cue-fg",
|
|
130
130
|
"--cue-fg-muted",
|
|
131
131
|
"--cue-fg-subtle",
|
|
132
|
+
"--cue-focus",
|
|
133
|
+
"--cue-focus-ring",
|
|
132
134
|
"--cue-font-mono",
|
|
133
135
|
"--cue-info",
|
|
134
136
|
"--cue-ok",
|
|
135
137
|
"--cue-pad-row-x",
|
|
138
|
+
"--cue-paint-rim-width",
|
|
139
|
+
"--cue-paint-shade-far",
|
|
140
|
+
"--cue-paint-shade-hairline",
|
|
141
|
+
"--cue-paint-shade-near",
|
|
142
|
+
"--cue-paint-shadow-scale",
|
|
143
|
+
"--cue-paint-shadow-spread",
|
|
144
|
+
"--cue-paint-sheen-ink",
|
|
136
145
|
"--cue-radius-control",
|
|
137
146
|
"--cue-radius-surface",
|
|
138
147
|
"--cue-space-2",
|
|
139
148
|
"--cue-space-3",
|
|
140
149
|
"--cue-space-4",
|
|
150
|
+
"--cue-style-focus-width",
|
|
141
151
|
"--cue-sunken",
|
|
142
152
|
"--cue-surface-1",
|
|
143
153
|
"--cue-surface-2",
|
|
@@ -58,13 +58,15 @@
|
|
|
58
58
|
"variants": {},
|
|
59
59
|
"defaultVariants": {},
|
|
60
60
|
"tokensUsed": [
|
|
61
|
-
"--cue-accent",
|
|
62
61
|
"--cue-bg",
|
|
63
62
|
"--cue-border",
|
|
64
63
|
"--cue-fg-muted",
|
|
65
64
|
"--cue-fg-subtle",
|
|
65
|
+
"--cue-focus",
|
|
66
|
+
"--cue-focus-ring",
|
|
66
67
|
"--cue-radius-overlay",
|
|
67
68
|
"--cue-stream",
|
|
69
|
+
"--cue-style-focus-width",
|
|
68
70
|
"--cue-surface-1",
|
|
69
71
|
"--cue-surface-3",
|
|
70
72
|
"--cue-text-body"
|
|
@@ -86,12 +86,15 @@
|
|
|
86
86
|
"--cue-fg",
|
|
87
87
|
"--cue-fg-muted",
|
|
88
88
|
"--cue-fg-subtle",
|
|
89
|
+
"--cue-focus",
|
|
90
|
+
"--cue-focus-ring",
|
|
89
91
|
"--cue-leading-ui",
|
|
90
92
|
"--cue-radius-control",
|
|
91
93
|
"--cue-space-1",
|
|
92
94
|
"--cue-space-2",
|
|
93
95
|
"--cue-space-3",
|
|
94
96
|
"--cue-space-5",
|
|
97
|
+
"--cue-style-focus-width",
|
|
95
98
|
"--cue-text-body",
|
|
96
99
|
"--cue-text-emphasis",
|
|
97
100
|
"--cue-text-label",
|