@crewlethq/ui 0.51.0 → 0.52.1

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.
Files changed (109) hide show
  1. package/README.md +18 -0
  2. package/dist/AgentHandoffPanel/index.js +4 -4
  3. package/dist/AppShell/index.js +3 -3
  4. package/dist/ArrangeList/index.js +4 -4
  5. package/dist/ArtifactBar/index.js +5 -5
  6. package/dist/ArtifactCard/index.js +4 -4
  7. package/dist/AvatarPicker/index.js +7 -7
  8. package/dist/Canvas/index.js +2 -2
  9. package/dist/CanvasBoard/index.js +4 -4
  10. package/dist/CanvasToolbar/index.js +3 -3
  11. package/dist/Checkbox/index.js +3 -3
  12. package/dist/ChoiceButtons/ChoiceButtons.d.ts +21 -1
  13. package/dist/ChoiceButtons/index.d.ts +1 -1
  14. package/dist/ChoiceButtons/index.js +1 -1
  15. package/dist/{ChoiceButtons-FLIFXFFS.css → ChoiceButtons-HWXEF2H3.css} +60 -0
  16. package/dist/ColorField/index.js +3 -3
  17. package/dist/Combobox/index.js +3 -3
  18. package/dist/CommandPalette/index.js +3 -3
  19. package/dist/CommentThread/index.js +5 -5
  20. package/dist/Composer/index.js +3 -3
  21. package/dist/ConfirmField/index.js +3 -3
  22. package/dist/ContrastHelp/index.js +1 -1
  23. package/dist/DataGrid/index.js +4 -4
  24. package/dist/DataTable/index.js +5 -5
  25. package/dist/DataView/index.js +7 -7
  26. package/dist/DateTimePicker/index.js +2 -2
  27. package/dist/DocTabsEditor/index.js +4 -4
  28. package/dist/{Editor-MLGK3KOG.js → Editor-ECT7XZNS.js} +3 -3
  29. package/dist/HuePicker/index.js +5 -5
  30. package/dist/Input/FormField.d.ts +7 -1
  31. package/dist/Input/index.js +2 -2
  32. package/dist/{Input-VDSV7VWJ.css → Input-GMOWHZRG.css} +9 -0
  33. package/dist/LinkInterstitial/index.js +1 -1
  34. package/dist/ListInput/ListInput.d.ts +2 -0
  35. package/dist/ListInput/index.js +3 -3
  36. package/dist/{ListInput-P2ECUQJ2.css → ListInput-RLQND5QK.css} +30 -6
  37. package/dist/LogoSlot/LogoSlot.d.ts +9 -1
  38. package/dist/LogoSlot/LogoSlotGroup.d.ts +39 -0
  39. package/dist/LogoSlot/index.d.ts +3 -1
  40. package/dist/LogoSlot/index.js +1 -1
  41. package/dist/{LogoSlot-T2UFOJXU.css → LogoSlot-37RQBUCR.css} +115 -0
  42. package/dist/MarkdownEditor/index.js +5 -5
  43. package/dist/Menu/index.js +2 -2
  44. package/dist/MergeConflicts/index.js +5 -5
  45. package/dist/Modal/index.js +1 -1
  46. package/dist/OrgTable/index.js +1 -1
  47. package/dist/PresenterView/index.js +1 -1
  48. package/dist/PrincipalPicker/index.js +4 -4
  49. package/dist/RichEditor/index.js +1 -1
  50. package/dist/SegmentedControl/index.js +4 -4
  51. package/dist/ShareDialog/index.js +1 -1
  52. package/dist/SheetColumnEditor/index.js +8 -8
  53. package/dist/SheetGrid/index.js +3 -3
  54. package/dist/SlideFilmstrip/index.js +3 -3
  55. package/dist/Switcher/index.js +3 -3
  56. package/dist/Tabs/index.js +3 -3
  57. package/dist/TagsInput/index.js +2 -2
  58. package/dist/ThemeSwitcher/index.js +5 -5
  59. package/dist/TimeWindowPicker/index.js +3 -3
  60. package/dist/TreeCanvas/index.js +3 -3
  61. package/dist/TreeGrid/index.js +1 -1
  62. package/dist/VersionCompare/index.js +5 -5
  63. package/dist/{chunk-NCHKKYPQ.js → chunk-2ZXA2TN4.js} +1 -1
  64. package/dist/{chunk-P5JBDHWC.js → chunk-3AX2O4RT.js} +1 -1
  65. package/dist/{chunk-GHY63X4C.js → chunk-4L5L7HBA.js} +1 -1
  66. package/dist/{chunk-KHP7TJF7.js → chunk-6D4SVNQD.js} +1 -1
  67. package/dist/{chunk-H7NMJ5AI.js → chunk-75BRUZEB.js} +2 -2
  68. package/dist/{chunk-UUTEWGO6.js → chunk-A6XFA2MW.js} +6 -4
  69. package/dist/{chunk-WQ7S7CKZ.js → chunk-BUDVAXGD.js} +2 -2
  70. package/dist/{chunk-2UFUP2ZH.js → chunk-BYOBPRTS.js} +27 -10
  71. package/dist/{chunk-VP2ODUCC.js → chunk-CNTBUK24.js} +2 -2
  72. package/dist/{chunk-R6R2UHVG.js → chunk-EO6DUDKB.js} +2 -2
  73. package/dist/{chunk-SS4XCUUJ.js → chunk-F45VSK2M.js} +2 -2
  74. package/dist/{chunk-73WHPLWQ.js → chunk-GGP7XCRG.js} +1 -1
  75. package/dist/{chunk-ILFEWRLG.js → chunk-GKRPPSWY.js} +1 -1
  76. package/dist/{chunk-VN47PYUF.js → chunk-IRAS2CZ5.js} +3 -3
  77. package/dist/{chunk-SQ4JFHO7.js → chunk-K2FNW3MK.js} +1 -1
  78. package/dist/{chunk-SEPSXOGJ.js → chunk-LXCRHVMZ.js} +1 -1
  79. package/dist/{chunk-D6MTBXAJ.js → chunk-M7MMWXKE.js} +1 -1
  80. package/dist/{chunk-CAVWDJF4.js → chunk-MZ3QFQDL.js} +1 -1
  81. package/dist/{chunk-WXOYHVWG.js → chunk-N224FUS3.js} +1 -1
  82. package/dist/{chunk-X4NIE7CI.js → chunk-NILOJV62.js} +1 -1
  83. package/dist/{chunk-WX6IJJ4U.js → chunk-OW37LQDZ.js} +4 -4
  84. package/dist/{chunk-VTSJMDGP.js → chunk-PLHKAYFI.js} +4 -4
  85. package/dist/{chunk-627KFRON.js → chunk-POPBDDGZ.js} +2 -2
  86. package/dist/{chunk-XS2FJVMT.js → chunk-PZZHO6OS.js} +1 -1
  87. package/dist/{chunk-34RMTXDZ.js → chunk-RBUA7ZNK.js} +1 -1
  88. package/dist/{chunk-6FVGSWLS.js → chunk-SMVWDO72.js} +1 -1
  89. package/dist/{chunk-FB5CFQTG.js → chunk-TVILVNPG.js} +1 -1
  90. package/dist/{chunk-VBIM6HFC.js → chunk-UEPIBHS2.js} +1 -1
  91. package/dist/{chunk-RFPCHMSX.js → chunk-VBEMIZIJ.js} +1 -1
  92. package/dist/{chunk-EXRRTKWT.js → chunk-VS7EXOKP.js} +9 -5
  93. package/dist/{chunk-ZCIL5IHU.js → chunk-WG7G7UY5.js} +1 -1
  94. package/dist/{chunk-KHZYAEGZ.js → chunk-WV5SSDCZ.js} +1 -1
  95. package/dist/chunk-WXRH7NZW.js +80 -0
  96. package/dist/{chunk-MIEBOO7Y.js → chunk-XPRHKEQ2.js} +1 -1
  97. package/dist/{chunk-H55D66IK.js → chunk-Y4E6XL6M.js} +1 -1
  98. package/dist/{chunk-EW2N4FOD.js → chunk-YFUG6ARA.js} +2 -2
  99. package/dist/{chunk-V7GOOXPK.js → chunk-YQB4NNAE.js} +1 -1
  100. package/dist/{chunk-S63QOMXC.js → chunk-ZI4NRAIL.js} +1 -1
  101. package/dist/generated/index.js +71 -71
  102. package/dist/index.js +71 -71
  103. package/dist/styles.css +218 -10
  104. package/package.json +3 -3
  105. package/dist/chunk-BWOIUOO3.js +0 -62
  106. package/dist/{chunk-TMM32U7D.js → chunk-3JIZ2A6K.js} +1 -1
  107. package/dist/{chunk-ZFM5L7M4.js → chunk-I6NNUIIT.js} +1 -1
  108. package/dist/{chunk-D7Q5MQRF.js → chunk-ICPQIAD6.js} +1 -1
  109. package/dist/{chunk-SXBJMBSV.js → chunk-S6J3EWDP.js} +1 -1
package/README.md CHANGED
@@ -204,6 +204,24 @@ places:
204
204
  - A surface that pans or zooms dispatches `LAYER_REPOSITION_EVENT` on its host
205
205
  when the content beneath it moves, and every panel anchored inside follows.
206
206
 
207
+ ## Changes in 0.53.0
208
+
209
+ **`LogoSlotGroup` fits three slots in a form's column, with no gap above an action row.** The columns are as many as fit at 9rem (they were 14rem), so three slots stand in one row in a 480px column, a setup step's, and the group stacks them one under another below 30rem of its own width. The group's rows no longer carry a grid gap, which a subgrid's rows drew too: a row no slot uses (no notes under any stage) took two gaps between the stage and the action row, and now takes none. Lines of slots on a narrow page are set off by each slot's end margin.
210
+
211
+ ## Changes in 0.52.0
212
+
213
+ A second polish of the brand setup pieces.
214
+
215
+ **`LogoSlotGroup` is new**: logo slots side by side, aligned row by row. Each slot is a subgrid of one set of rows, so the names and descriptions, the stages, the notes under them and the action rows each start on one line across the slots whatever their copy; a row no slot uses takes no room. What may be brought is written once under the row (`hint`) and describes every slot's picker, and a slot inside a group draws no caption of its own. The columns are as many as fit at 14rem, then one under another on a phone. A slot's empty note and refusal now share one element (`.crewlet-logo-slot__notes`).
216
+
217
+ **`LogoSlot` takes `size="sm"`**: a thumbnail for a summary of what is set, at half the stage's height with a tighter inset and smaller words, best read-only.
218
+
219
+ **`ChoiceButtons` takes `size="sm"`, per-option `media` and `chosen`.** The Inbox's one-press answer option, compact (the small control height, the compact and micro type steps) in a row that wraps, for suggestions beside a field. `media` is a decorative picture before the words (a `ColorChip` on a suggested colour). `chosen` keeps an applied option marked in the selected edge and fill, with every option a toggle button (`aria-pressed`) saying whether it is the one applied; left out, the options send and say nothing of a choice, as in the Inbox. Hover, press and focus are the Inbox's own.
220
+
221
+ **`ListInput` counts its items, matches its Add to the field and aligns its rows.** With `maxItems` the help line ends in a plain count (`tallyLabel`, "3 of 5"), joined into the group's description, and a full list says "That's the most. Remove one to add another." (`fullMessage`'s new default). The Add button stands at the field's medium height on the box's first line. A row's number sits on the text's first line at its line height, so the two share a baseline however long the item; the row's gap is a step and a half; and an edited item keeps an inset for its ring that a margin takes back, so the words never move when it is focused. What to change: a test that reads the old "The list is full at N" sentence.
222
+
223
+ **`FormField` takes `tally`**: a count that is not a length, drawn at the end of the help line where a length count would be and joined into the description the same way.
224
+
207
225
  ## Changes in 0.51.0
208
226
 
209
227
  Polish of the setup wizard pieces, and the parts the brand setup asked for.
@@ -1,11 +1,11 @@
1
- export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-V7GOOXPK.js';
1
+ export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-YQB4NNAE.js';
2
2
  import '../chunk-AUQPBL4O.js';
3
3
  import '../chunk-JQ7IFSF6.js';
4
4
  import '../chunk-OGXHZHRX.js';
5
- import '../chunk-GHY63X4C.js';
5
+ import '../chunk-4L5L7HBA.js';
6
6
  import '../chunk-NBDN5JZV.js';
7
7
  import '../chunk-SMBKXWML.js';
8
- import '../chunk-EXRRTKWT.js';
8
+ import '../chunk-VS7EXOKP.js';
9
9
  import '../chunk-XCUUI7E7.js';
10
10
  import '../chunk-FZVJDJFN.js';
11
11
  import '../chunk-BHHIIK3M.js';
@@ -13,7 +13,7 @@ import '../chunk-PQADV6P6.js';
13
13
  import '../chunk-RSAQOKH3.js';
14
14
  import '../chunk-OG6CL3EB.js';
15
15
  import '../chunk-H5XTJ7GJ.js';
16
- import '../chunk-LACA4JGC.js';
17
16
  import '../chunk-NUZHC6MM.js';
17
+ import '../chunk-LACA4JGC.js';
18
18
  import '../chunk-BZFWDIV6.js';
19
19
  import '../chunk-ODEQTPFM.js';
@@ -1,11 +1,11 @@
1
- export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-D6MTBXAJ.js';
1
+ export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-M7MMWXKE.js';
2
2
  import '../chunk-RTPQDNW3.js';
3
- import '../chunk-TMM32U7D.js';
3
+ import '../chunk-3JIZ2A6K.js';
4
4
  import '../chunk-OMV5W53A.js';
5
5
  import '../chunk-2YTOOH3A.js';
6
6
  import '../chunk-OG6CL3EB.js';
7
7
  import '../chunk-H5XTJ7GJ.js';
8
- import '../chunk-LACA4JGC.js';
9
8
  import '../chunk-NUZHC6MM.js';
9
+ import '../chunk-LACA4JGC.js';
10
10
  import '../chunk-BZFWDIV6.js';
11
11
  import '../chunk-ODEQTPFM.js';
@@ -1,13 +1,13 @@
1
- export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-H55D66IK.js';
1
+ export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-Y4E6XL6M.js';
2
2
  import '../chunk-A722MUNR.js';
3
3
  import '../chunk-XJ2QEBMM.js';
4
- import '../chunk-NCHKKYPQ.js';
5
- import '../chunk-EXRRTKWT.js';
4
+ import '../chunk-2ZXA2TN4.js';
5
+ import '../chunk-VS7EXOKP.js';
6
6
  import '../chunk-XCUUI7E7.js';
7
7
  import '../chunk-PQADV6P6.js';
8
8
  import '../chunk-RSAQOKH3.js';
9
9
  import '../chunk-H5XTJ7GJ.js';
10
- import '../chunk-LACA4JGC.js';
11
10
  import '../chunk-NUZHC6MM.js';
11
+ import '../chunk-LACA4JGC.js';
12
12
  import '../chunk-BZFWDIV6.js';
13
13
  import '../chunk-ODEQTPFM.js';
@@ -1,20 +1,20 @@
1
- export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-VN47PYUF.js';
1
+ export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-IRAS2CZ5.js';
2
2
  import '../chunk-OOC7Q67K.js';
3
3
  import '../chunk-I33UIUZD.js';
4
- import '../chunk-6FVGSWLS.js';
5
- import '../chunk-ILFEWRLG.js';
4
+ import '../chunk-SMVWDO72.js';
5
+ import '../chunk-GKRPPSWY.js';
6
6
  import '../chunk-WIATRXEJ.js';
7
7
  import '../chunk-EGMQURBR.js';
8
8
  import '../chunk-AVL52EME.js';
9
9
  import '../chunk-RSKW25Y5.js';
10
10
  import '../chunk-SMBKXWML.js';
11
11
  import '../chunk-BHHIIK3M.js';
12
- import '../chunk-TMM32U7D.js';
12
+ import '../chunk-3JIZ2A6K.js';
13
13
  import '../chunk-OMV5W53A.js';
14
14
  import '../chunk-2YTOOH3A.js';
15
15
  import '../chunk-OG6CL3EB.js';
16
16
  import '../chunk-H5XTJ7GJ.js';
17
- import '../chunk-LACA4JGC.js';
18
17
  import '../chunk-NUZHC6MM.js';
18
+ import '../chunk-LACA4JGC.js';
19
19
  import '../chunk-BZFWDIV6.js';
20
20
  import '../chunk-ODEQTPFM.js';
@@ -1,4 +1,4 @@
1
- export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-S63QOMXC.js';
1
+ export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-ZI4NRAIL.js';
2
2
  import '../chunk-TEUQWOWZ.js';
3
3
  import '../chunk-CI3VPIJN.js';
4
4
  import '../chunk-3CZ7XAVY.js';
@@ -8,16 +8,16 @@ import '../chunk-PZKHBB7D.js';
8
8
  import '../chunk-RV6XB5UV.js';
9
9
  import '../chunk-INHXF2CL.js';
10
10
  import '../chunk-AV2DXAEL.js';
11
- import '../chunk-NCHKKYPQ.js';
11
+ import '../chunk-2ZXA2TN4.js';
12
12
  import '../chunk-BGLKLXL3.js';
13
13
  export { ARTIFACT_KINDS, ArtifactKindGlyph } from '../chunk-RSKW25Y5.js';
14
- import '../chunk-EXRRTKWT.js';
14
+ import '../chunk-VS7EXOKP.js';
15
15
  import '../chunk-XCUUI7E7.js';
16
16
  import '../chunk-BHHIIK3M.js';
17
17
  import '../chunk-PQADV6P6.js';
18
18
  import '../chunk-RSAQOKH3.js';
19
19
  import '../chunk-H5XTJ7GJ.js';
20
- import '../chunk-LACA4JGC.js';
21
20
  import '../chunk-NUZHC6MM.js';
21
+ import '../chunk-LACA4JGC.js';
22
22
  import '../chunk-BZFWDIV6.js';
23
23
  import '../chunk-ODEQTPFM.js';
@@ -1,20 +1,20 @@
1
- export { AvatarPicker } from '../chunk-EW2N4FOD.js';
2
- import '../chunk-34RMTXDZ.js';
1
+ export { AvatarPicker } from '../chunk-YFUG6ARA.js';
2
+ import '../chunk-RBUA7ZNK.js';
3
3
  import '../chunk-KHJIEPZV.js';
4
- import '../chunk-SNQRGH4A.js';
5
4
  import '../chunk-AYKXMIOR.js';
6
- import '../chunk-6FVGSWLS.js';
7
- import '../chunk-ILFEWRLG.js';
5
+ import '../chunk-SNQRGH4A.js';
6
+ import '../chunk-SMVWDO72.js';
7
+ import '../chunk-GKRPPSWY.js';
8
8
  import '../chunk-WIATRXEJ.js';
9
9
  import '../chunk-EGMQURBR.js';
10
10
  import '../chunk-PZKHBB7D.js';
11
11
  import '../chunk-BHHIIK3M.js';
12
- import '../chunk-TMM32U7D.js';
12
+ import '../chunk-3JIZ2A6K.js';
13
13
  import '../chunk-OMV5W53A.js';
14
14
  import '../chunk-2YTOOH3A.js';
15
15
  import '../chunk-OG6CL3EB.js';
16
16
  import '../chunk-H5XTJ7GJ.js';
17
- import '../chunk-LACA4JGC.js';
18
17
  import '../chunk-NUZHC6MM.js';
18
+ import '../chunk-LACA4JGC.js';
19
19
  import '../chunk-BZFWDIV6.js';
20
20
  import '../chunk-ODEQTPFM.js';
@@ -1,11 +1,11 @@
1
- export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-D7Q5MQRF.js';
1
+ export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-ICPQIAD6.js';
2
2
  import '../chunk-LM3ISVJA.js';
3
3
  import '../chunk-I33UIUZD.js';
4
4
  import '../chunk-SMBKXWML.js';
5
5
  import '../chunk-OMV5W53A.js';
6
6
  import '../chunk-OG6CL3EB.js';
7
7
  import '../chunk-H5XTJ7GJ.js';
8
- import '../chunk-LACA4JGC.js';
9
8
  import '../chunk-NUZHC6MM.js';
9
+ import '../chunk-LACA4JGC.js';
10
10
  import '../chunk-BZFWDIV6.js';
11
11
  import '../chunk-ODEQTPFM.js';
@@ -1,15 +1,15 @@
1
- export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-VP2ODUCC.js';
1
+ export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-CNTBUK24.js';
2
2
  import '../chunk-5SZGKSGL.js';
3
- import '../chunk-X4NIE7CI.js';
3
+ import '../chunk-NILOJV62.js';
4
4
  import '../chunk-NR4CPM4T.js';
5
- import '../chunk-D7Q5MQRF.js';
5
+ import '../chunk-ICPQIAD6.js';
6
6
  import '../chunk-LM3ISVJA.js';
7
7
  import '../chunk-I33UIUZD.js';
8
8
  import '../chunk-SMBKXWML.js';
9
9
  import '../chunk-OMV5W53A.js';
10
10
  import '../chunk-OG6CL3EB.js';
11
11
  import '../chunk-H5XTJ7GJ.js';
12
- import '../chunk-LACA4JGC.js';
13
12
  import '../chunk-NUZHC6MM.js';
13
+ import '../chunk-LACA4JGC.js';
14
14
  import '../chunk-BZFWDIV6.js';
15
15
  import '../chunk-ODEQTPFM.js';
@@ -1,13 +1,13 @@
1
- export { CanvasToolbar, toolForKey } from '../chunk-X4NIE7CI.js';
1
+ export { CanvasToolbar, toolForKey } from '../chunk-NILOJV62.js';
2
2
  import '../chunk-NR4CPM4T.js';
3
- import '../chunk-D7Q5MQRF.js';
3
+ import '../chunk-ICPQIAD6.js';
4
4
  import '../chunk-LM3ISVJA.js';
5
5
  import '../chunk-I33UIUZD.js';
6
6
  import '../chunk-SMBKXWML.js';
7
7
  import '../chunk-OMV5W53A.js';
8
8
  import '../chunk-OG6CL3EB.js';
9
9
  import '../chunk-H5XTJ7GJ.js';
10
- import '../chunk-LACA4JGC.js';
11
10
  import '../chunk-NUZHC6MM.js';
11
+ import '../chunk-LACA4JGC.js';
12
12
  import '../chunk-BZFWDIV6.js';
13
13
  import '../chunk-ODEQTPFM.js';
@@ -1,10 +1,10 @@
1
- export { Checkbox, CheckboxGroup } from '../chunk-NCHKKYPQ.js';
2
- import '../chunk-EXRRTKWT.js';
1
+ export { Checkbox, CheckboxGroup } from '../chunk-2ZXA2TN4.js';
2
+ import '../chunk-VS7EXOKP.js';
3
3
  import '../chunk-XCUUI7E7.js';
4
4
  import '../chunk-PQADV6P6.js';
5
5
  import '../chunk-RSAQOKH3.js';
6
6
  import '../chunk-H5XTJ7GJ.js';
7
- import '../chunk-LACA4JGC.js';
8
7
  import '../chunk-NUZHC6MM.js';
8
+ import '../chunk-LACA4JGC.js';
9
9
  import '../chunk-BZFWDIV6.js';
10
10
  import '../chunk-ODEQTPFM.js';
@@ -4,7 +4,17 @@ export interface ChoiceButtonOption {
4
4
  label: ReactNode;
5
5
  /** A line under the label: what choosing it means. */
6
6
  detail?: ReactNode;
7
+ /**
8
+ * A small picture before the words, decorative (the label names the
9
+ * option): a `ColorChip` on a suggested colour.
10
+ */
11
+ media?: ReactNode;
7
12
  }
13
+ /**
14
+ * `md` is the Inbox's answer, as tall as a touch target, in a column. `sm` is
15
+ * the same option, compact, in a row that wraps: suggestions beside a field.
16
+ */
17
+ export type ChoiceButtonsSize = 'md' | 'sm';
8
18
  export interface ChoiceButtonsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
9
19
  /** Names the group: "Answers". */
10
20
  label: string;
@@ -15,6 +25,16 @@ export interface ChoiceButtonsProps extends Omit<HTMLAttributes<HTMLDivElement>,
15
25
  recommendedLabel?: string | undefined;
16
26
  /** Sends one option. */
17
27
  onChoose: (value: string) => void;
28
+ /** `md` (the Inbox's answer) by default, or `sm`, compact and in a wrapping row. */
29
+ size?: ChoiceButtonsSize | undefined;
30
+ /**
31
+ * The option already applied, for options that stay on screen after a
32
+ * press (a suggestion that updated a field). Given, every option is a
33
+ * toggle button that says whether it is the one applied, and that one is
34
+ * drawn chosen: the selected edge and fill, never the accent. `null` when
35
+ * none is; left out, the options send and say nothing of a choice.
36
+ */
37
+ chosen?: string | null | undefined;
18
38
  /**
19
39
  * The option being sent. It is announced as busy, and every option holds
20
40
  * still until the answer lands, so a second press cannot send a second
@@ -40,4 +60,4 @@ export interface ChoiceButtonsProps extends Omit<HTMLAttributes<HTMLDivElement>,
40
60
  * the control the reader just pressed and drops it on the page body.
41
61
  * `aria-disabled` and `aria-busy` say the same and leave focus where it was.
42
62
  */
43
- export declare function ChoiceButtons({ label, options, recommended, recommendedLabel, onChoose, pending, disabledReason, className, ...rest }: ChoiceButtonsProps): import("react").JSX.Element;
63
+ export declare function ChoiceButtons({ label, options, recommended, recommendedLabel, onChoose, pending, disabledReason, size, chosen, className, ...rest }: ChoiceButtonsProps): import("react").JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import './ChoiceButtons.css';
2
2
  export { ChoiceButtons } from './ChoiceButtons.js';
3
- export type { ChoiceButtonOption, ChoiceButtonsProps } from './ChoiceButtons.js';
3
+ export type { ChoiceButtonOption, ChoiceButtonsProps, ChoiceButtonsSize } from './ChoiceButtons.js';
@@ -1,3 +1,3 @@
1
- export { ChoiceButtons } from '../chunk-BWOIUOO3.js';
1
+ export { ChoiceButtons } from '../chunk-WXRH7NZW.js';
2
2
  import '../chunk-BZFWDIV6.js';
3
3
  import '../chunk-ODEQTPFM.js';
@@ -55,6 +55,17 @@
55
55
  background: var(--color-surface-pressed);
56
56
  }
57
57
 
58
+ /*
59
+ * THE OPTION APPLIED is drawn as every chosen option in the package is: the
60
+ * selected edge over the soft selected fill, calm beside the focus ring, and
61
+ * held under the pointer so a hover never makes it look unchosen.
62
+ */
63
+ .crewlet-choice-buttons__option.is-chosen,
64
+ .crewlet-choice-buttons__option.is-chosen:hover {
65
+ border-color: var(--color-border-selected);
66
+ background: var(--color-surface-selected);
67
+ }
68
+
58
69
  /*
59
70
  * The plain option draws the strong hairline, so its ring is drawn over that
60
71
  * edge rather than a gap away from it, which would read as a second outline.
@@ -130,6 +141,55 @@
130
141
  text-transform: uppercase;
131
142
  }
132
143
 
144
+ /* The picture before the words, centred on the label's line. */
145
+ .crewlet-choice-buttons__media {
146
+ display: inline-flex;
147
+ flex: none;
148
+ align-items: center;
149
+ align-self: center;
150
+ }
151
+
152
+ /* Before the words, not at the far end with the recommended mark. */
153
+ .crewlet-choice-buttons__option:has(.crewlet-choice-buttons__media) {
154
+ justify-content: flex-start;
155
+ }
156
+
157
+ .crewlet-choice-buttons__option:has(.crewlet-choice-buttons__media) .crewlet-choice-buttons__note {
158
+ margin-inline-start: auto;
159
+ }
160
+
161
+ /*
162
+ * SMALL: the same option, compact, in a row that wraps. A step and a half
163
+ * inside, the field's small height, the label at the compact step and its
164
+ * detail at the micro step, so three suggestions sit under a field without
165
+ * outweighing it. Every state (hover, press, focus, chosen) is the Inbox's.
166
+ */
167
+ .crewlet-choice-buttons--sm {
168
+ display: flex;
169
+ flex-wrap: wrap;
170
+ gap: var(--spacing-2);
171
+ }
172
+
173
+ .crewlet-choice-buttons--sm .crewlet-choice-buttons__option {
174
+ gap: var(--spacing-2);
175
+ min-height: var(--size-control-sm);
176
+ padding: var(--spacing-1) calc(var(--spacing-2) + var(--spacing-1) / 2);
177
+ font-size: var(--font-size-xs);
178
+ line-height: var(--font-line-height-tight);
179
+ }
180
+
181
+ .crewlet-choice-buttons--sm .crewlet-choice-buttons__option:has(.crewlet-choice-buttons__detail) {
182
+ align-items: center;
183
+ }
184
+
185
+ .crewlet-choice-buttons--sm .crewlet-choice-buttons__text {
186
+ gap: 1px;
187
+ }
188
+
189
+ .crewlet-choice-buttons--sm .crewlet-choice-buttons__detail {
190
+ font-size: var(--font-size-2xs);
191
+ }
192
+
133
193
  @media (prefers-reduced-motion: reduce) {
134
194
  .crewlet-choice-buttons__option {
135
195
  transition: none;
@@ -1,11 +1,11 @@
1
- export { ColorField } from '../chunk-73WHPLWQ.js';
1
+ export { ColorField } from '../chunk-GGP7XCRG.js';
2
2
  import '../chunk-7W3LYIOC.js';
3
- import '../chunk-EXRRTKWT.js';
3
+ import '../chunk-VS7EXOKP.js';
4
4
  import '../chunk-XCUUI7E7.js';
5
5
  import '../chunk-PQADV6P6.js';
6
6
  import '../chunk-RSAQOKH3.js';
7
7
  import '../chunk-H5XTJ7GJ.js';
8
- import '../chunk-LACA4JGC.js';
9
8
  import '../chunk-NUZHC6MM.js';
9
+ import '../chunk-LACA4JGC.js';
10
10
  import '../chunk-BZFWDIV6.js';
11
11
  import '../chunk-ODEQTPFM.js';
@@ -1,12 +1,12 @@
1
- export { Combobox } from '../chunk-P5JBDHWC.js';
1
+ export { Combobox } from '../chunk-3AX2O4RT.js';
2
2
  import '../chunk-7KHM2FZH.js';
3
- import '../chunk-EXRRTKWT.js';
3
+ import '../chunk-VS7EXOKP.js';
4
4
  import '../chunk-XCUUI7E7.js';
5
5
  import '../chunk-PQADV6P6.js';
6
6
  import '../chunk-RSAQOKH3.js';
7
7
  import '../chunk-2YTOOH3A.js';
8
8
  import '../chunk-H5XTJ7GJ.js';
9
- import '../chunk-LACA4JGC.js';
10
9
  import '../chunk-NUZHC6MM.js';
10
+ import '../chunk-LACA4JGC.js';
11
11
  import '../chunk-BZFWDIV6.js';
12
12
  import '../chunk-ODEQTPFM.js';
@@ -1,8 +1,8 @@
1
- export { CommandPalette } from '../chunk-MIEBOO7Y.js';
1
+ export { CommandPalette } from '../chunk-XPRHKEQ2.js';
2
2
  import '../chunk-YCC2S7DF.js';
3
3
  import '../chunk-7KHM2FZH.js';
4
4
  import '../chunk-SMBKXWML.js';
5
- import '../chunk-EXRRTKWT.js';
5
+ import '../chunk-VS7EXOKP.js';
6
6
  import '../chunk-XCUUI7E7.js';
7
7
  import '../chunk-BHHIIK3M.js';
8
8
  import '../chunk-PQADV6P6.js';
@@ -11,7 +11,7 @@ import '../chunk-OMV5W53A.js';
11
11
  import '../chunk-2YTOOH3A.js';
12
12
  import '../chunk-OG6CL3EB.js';
13
13
  import '../chunk-H5XTJ7GJ.js';
14
- import '../chunk-LACA4JGC.js';
15
14
  import '../chunk-NUZHC6MM.js';
15
+ import '../chunk-LACA4JGC.js';
16
16
  import '../chunk-BZFWDIV6.js';
17
17
  import '../chunk-ODEQTPFM.js';
@@ -1,20 +1,20 @@
1
- export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-H7NMJ5AI.js';
1
+ export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-75BRUZEB.js';
2
+ import '../chunk-PWG3VHRQ.js';
2
3
  import '../chunk-CI3VPIJN.js';
3
4
  import '../chunk-3CZ7XAVY.js';
4
5
  import '../chunk-EUCC37WY.js';
5
6
  import '../chunk-5AQBPHZD.js';
6
7
  import '../chunk-PZKHBB7D.js';
7
- import '../chunk-PWG3VHRQ.js';
8
- import '../chunk-GHY63X4C.js';
8
+ import '../chunk-4L5L7HBA.js';
9
9
  import '../chunk-SMBKXWML.js';
10
- import '../chunk-EXRRTKWT.js';
10
+ import '../chunk-VS7EXOKP.js';
11
11
  import '../chunk-XCUUI7E7.js';
12
12
  import '../chunk-BHHIIK3M.js';
13
13
  import '../chunk-PQADV6P6.js';
14
14
  import '../chunk-RSAQOKH3.js';
15
15
  import '../chunk-OG6CL3EB.js';
16
16
  import '../chunk-H5XTJ7GJ.js';
17
- import '../chunk-LACA4JGC.js';
18
17
  import '../chunk-NUZHC6MM.js';
18
+ import '../chunk-LACA4JGC.js';
19
19
  import '../chunk-BZFWDIV6.js';
20
20
  import '../chunk-ODEQTPFM.js';
@@ -1,11 +1,11 @@
1
- export { COMPOSER_COUNTER_AT, Composer } from '../chunk-GHY63X4C.js';
1
+ export { COMPOSER_COUNTER_AT, Composer } from '../chunk-4L5L7HBA.js';
2
2
  import '../chunk-SMBKXWML.js';
3
- import '../chunk-EXRRTKWT.js';
3
+ import '../chunk-VS7EXOKP.js';
4
4
  import '../chunk-XCUUI7E7.js';
5
5
  import '../chunk-PQADV6P6.js';
6
6
  import '../chunk-RSAQOKH3.js';
7
7
  import '../chunk-H5XTJ7GJ.js';
8
- import '../chunk-LACA4JGC.js';
9
8
  import '../chunk-NUZHC6MM.js';
9
+ import '../chunk-LACA4JGC.js';
10
10
  import '../chunk-BZFWDIV6.js';
11
11
  import '../chunk-ODEQTPFM.js';
@@ -1,11 +1,11 @@
1
- export { ConfirmField, confirmMatches } from '../chunk-ZCIL5IHU.js';
1
+ export { ConfirmField, confirmMatches } from '../chunk-WG7G7UY5.js';
2
2
  import '../chunk-5CLW2CXT.js';
3
- import '../chunk-EXRRTKWT.js';
3
+ import '../chunk-VS7EXOKP.js';
4
4
  import '../chunk-XCUUI7E7.js';
5
5
  import '../chunk-PQADV6P6.js';
6
6
  import '../chunk-RSAQOKH3.js';
7
7
  import '../chunk-H5XTJ7GJ.js';
8
- import '../chunk-LACA4JGC.js';
9
8
  import '../chunk-NUZHC6MM.js';
9
+ import '../chunk-LACA4JGC.js';
10
10
  import '../chunk-BZFWDIV6.js';
11
11
  import '../chunk-ODEQTPFM.js';
@@ -6,7 +6,7 @@ import '../chunk-7W3LYIOC.js';
6
6
  import '../chunk-WIATRXEJ.js';
7
7
  import '../chunk-OMV5W53A.js';
8
8
  import '../chunk-H5XTJ7GJ.js';
9
- import '../chunk-LACA4JGC.js';
10
9
  import '../chunk-NUZHC6MM.js';
10
+ import '../chunk-LACA4JGC.js';
11
11
  import '../chunk-BZFWDIV6.js';
12
12
  import '../chunk-ODEQTPFM.js';
@@ -1,14 +1,14 @@
1
- export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, fitGridColumns, parseGridSort } from '../chunk-FB5CFQTG.js';
2
- import '../chunk-NCHKKYPQ.js';
1
+ export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, fitGridColumns, parseGridSort } from '../chunk-TVILVNPG.js';
2
+ import '../chunk-2ZXA2TN4.js';
3
3
  import '../chunk-PPUR46MK.js';
4
- import '../chunk-EXRRTKWT.js';
4
+ import '../chunk-VS7EXOKP.js';
5
5
  import '../chunk-XCUUI7E7.js';
6
6
  import '../chunk-PQADV6P6.js';
7
7
  import '../chunk-RSAQOKH3.js';
8
8
  import '../chunk-RTPQDNW3.js';
9
9
  import '../chunk-OG6CL3EB.js';
10
10
  import '../chunk-H5XTJ7GJ.js';
11
- import '../chunk-LACA4JGC.js';
12
11
  import '../chunk-NUZHC6MM.js';
12
+ import '../chunk-LACA4JGC.js';
13
13
  import '../chunk-BZFWDIV6.js';
14
14
  import '../chunk-ODEQTPFM.js';
@@ -1,19 +1,19 @@
1
- export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-WQ7S7CKZ.js';
1
+ export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-BUDVAXGD.js';
2
2
  import '../chunk-YCC2S7DF.js';
3
3
  import '../chunk-STJ7QBC3.js';
4
4
  import '../chunk-DTIW4CHZ.js';
5
5
  import '../chunk-EUCC37WY.js';
6
6
  import '../chunk-AV2DXAEL.js';
7
- import '../chunk-NCHKKYPQ.js';
8
- import '../chunk-EXRRTKWT.js';
7
+ import '../chunk-2ZXA2TN4.js';
8
+ import '../chunk-VS7EXOKP.js';
9
9
  import '../chunk-XCUUI7E7.js';
10
10
  import '../chunk-PQADV6P6.js';
11
11
  import '../chunk-RSAQOKH3.js';
12
- import '../chunk-TMM32U7D.js';
12
+ import '../chunk-3JIZ2A6K.js';
13
13
  import '../chunk-OMV5W53A.js';
14
14
  import '../chunk-OG6CL3EB.js';
15
15
  import '../chunk-H5XTJ7GJ.js';
16
- import '../chunk-LACA4JGC.js';
17
16
  import '../chunk-NUZHC6MM.js';
17
+ import '../chunk-LACA4JGC.js';
18
18
  import '../chunk-BZFWDIV6.js';
19
19
  import '../chunk-ODEQTPFM.js';
@@ -1,7 +1,7 @@
1
- export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-WX6IJJ4U.js';
1
+ export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-OW37LQDZ.js';
2
2
  import '../chunk-DKB73KZI.js';
3
- import '../chunk-WQ7S7CKZ.js';
4
- import '../chunk-ZFM5L7M4.js';
3
+ import '../chunk-BUDVAXGD.js';
4
+ import '../chunk-I6NNUIIT.js';
5
5
  import '../chunk-YCC2S7DF.js';
6
6
  import '../chunk-7KHM2FZH.js';
7
7
  import '../chunk-STJ7QBC3.js';
@@ -12,18 +12,18 @@ import '../chunk-KHJIEPZV.js';
12
12
  import '../chunk-3CZ7XAVY.js';
13
13
  import '../chunk-EUCC37WY.js';
14
14
  import '../chunk-AV2DXAEL.js';
15
- import '../chunk-NCHKKYPQ.js';
15
+ import '../chunk-2ZXA2TN4.js';
16
16
  import '../chunk-SMBKXWML.js';
17
- import '../chunk-EXRRTKWT.js';
17
+ import '../chunk-VS7EXOKP.js';
18
18
  import '../chunk-XCUUI7E7.js';
19
19
  import '../chunk-BHHIIK3M.js';
20
20
  import '../chunk-PQADV6P6.js';
21
21
  import '../chunk-RSAQOKH3.js';
22
- import '../chunk-TMM32U7D.js';
22
+ import '../chunk-3JIZ2A6K.js';
23
23
  import '../chunk-OMV5W53A.js';
24
24
  import '../chunk-OG6CL3EB.js';
25
25
  import '../chunk-H5XTJ7GJ.js';
26
- import '../chunk-LACA4JGC.js';
27
26
  import '../chunk-NUZHC6MM.js';
27
+ import '../chunk-LACA4JGC.js';
28
28
  import '../chunk-BZFWDIV6.js';
29
29
  import '../chunk-ODEQTPFM.js';
@@ -1,10 +1,10 @@
1
- export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-ZFM5L7M4.js';
1
+ export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-I6NNUIIT.js';
2
2
  import '../chunk-GXQ3B46I.js';
3
3
  import '../chunk-KHJIEPZV.js';
4
4
  import '../chunk-OMV5W53A.js';
5
5
  import '../chunk-OG6CL3EB.js';
6
6
  import '../chunk-H5XTJ7GJ.js';
7
- import '../chunk-LACA4JGC.js';
8
7
  import '../chunk-NUZHC6MM.js';
8
+ import '../chunk-LACA4JGC.js';
9
9
  import '../chunk-BZFWDIV6.js';
10
10
  import '../chunk-ODEQTPFM.js';
@@ -1,14 +1,14 @@
1
- export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-627KFRON.js';
1
+ export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-POPBDDGZ.js';
2
2
  import '../chunk-XJ2QEBMM.js';
3
- import '../chunk-EXRRTKWT.js';
3
+ import '../chunk-VS7EXOKP.js';
4
4
  import '../chunk-XCUUI7E7.js';
5
5
  import '../chunk-PQADV6P6.js';
6
6
  import '../chunk-RSAQOKH3.js';
7
- import '../chunk-TMM32U7D.js';
7
+ import '../chunk-3JIZ2A6K.js';
8
8
  import '../chunk-OMV5W53A.js';
9
9
  import '../chunk-OG6CL3EB.js';
10
10
  import '../chunk-H5XTJ7GJ.js';
11
- import '../chunk-LACA4JGC.js';
12
11
  import '../chunk-NUZHC6MM.js';
12
+ import '../chunk-LACA4JGC.js';
13
13
  import '../chunk-BZFWDIV6.js';
14
14
  import '../chunk-ODEQTPFM.js';
@@ -2,16 +2,16 @@ import { richEditorLabels } from './chunk-CSQTDGTS.js';
2
2
  import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
3
3
  import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
4
4
  import { Toolbar } from './chunk-NR4CPM4T.js';
5
- import { FormField, Input } from './chunk-EXRRTKWT.js';
5
+ import { FormField, Input } from './chunk-VS7EXOKP.js';
6
6
  import './chunk-XCUUI7E7.js';
7
7
  import './chunk-PQADV6P6.js';
8
8
  import './chunk-RSAQOKH3.js';
9
- import { Menu } from './chunk-TMM32U7D.js';
9
+ import { Menu } from './chunk-3JIZ2A6K.js';
10
10
  import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
11
11
  import { Button } from './chunk-OG6CL3EB.js';
12
12
  import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
13
- import { IconButton } from './chunk-LACA4JGC.js';
14
13
  import './chunk-NUZHC6MM.js';
14
+ import { IconButton } from './chunk-LACA4JGC.js';
15
15
  import { VisuallyHidden } from './chunk-BZFWDIV6.js';
16
16
  import { cx } from './chunk-ODEQTPFM.js';
17
17
  import { forwardRef, useMemo, useRef, useState, useId, useSyncExternalStore, useCallback, useLayoutEffect, useEffect, useImperativeHandle } from 'react';