@crewlethq/ui 0.75.1 → 0.75.3

package/dist/ChoiceButtons/index.js

@@ -1,3 +1,3 @@
-export { ChoiceButtons } from '../chunk-FXMYDXCI.js';
+export { ChoiceButtons } from '../chunk-C3SCONKY.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ChoiceButtons-G7XHZKDP.css → ChoiceButtons-3MJQAHHA.css}

@@ -124,6 +124,27 @@
   outline-offset: 2px;
 }
 
+/*
+ * THE RECOMMENDED OPTION, CHOSEN, is drawn as every chosen option is: the
+ * selected edge over the soft selected fill, in the primary ink, its mark kept
+ * so a reader still sees which option was recommended. The chosen rule swapped
+ * the accent fill for the soft one and left the accent's own ink behind, white
+ * on a pale tint, under 1.5:1 in the light theme. Held under the pointer and
+ * the press too, which otherwise bring the accent back.
+ */
+.crewlet-choice-buttons__option--recommended.is-chosen,
+.crewlet-choice-buttons__option--recommended.is-chosen:hover:not([aria-disabled='true']),
+.crewlet-choice-buttons__option--recommended.is-chosen:active:not([aria-disabled='true']) {
+  border-color: var(--color-border-selected);
+  background: var(--color-surface-selected);
+  color: var(--color-text-primary);
+}
+
+/* Off the accent, the ring is drawn over the selected edge again. */
+.crewlet-choice-buttons__option--recommended.is-chosen:focus-visible {
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
 .crewlet-choice-buttons__text {
   display: grid;
   gap: 2px;
@@ -145,6 +166,11 @@
   color: var(--color-text-on-accent);
 }
 
+/* Chosen, it is off the accent, and the detail takes its tertiary step again. */
+.crewlet-choice-buttons__option--recommended.is-chosen .crewlet-choice-buttons__detail {
+  color: var(--color-text-tertiary);
+}
+
 /*
  * The mark, in the micro-label register. Full ink rather than a faded one:
  * eleven pixels of white on the accent clears 4.5:1 only at full strength.

package/dist/InlineRef/index.js

@@ -1,3 +1,3 @@
-export { InlineRef } from '../chunk-KOHVIDZ5.js';
+export { InlineRef } from '../chunk-JGDCVLD4.js';
 import '../chunk-KBZO4B33.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{InlineRef-XPONK2VO.css → InlineRef-ZF42HAPI.css}

@@ -51,18 +51,16 @@
  *
  * 0.85em AND A GAP OF 0.15em: at the text's full size and a gap twice that,
  * a mark read as a word of its own beside its reference rather than as part
- * of it. The square stays centred where the full-size one was (0.375em above
- * the baseline), so the words around a mark do not move.
+ * of it.
  *
- * AN INLINE BLOCK THAT CLIPS, because that is the one box whose baseline is
- * its own bottom edge whatever it holds: an inline-flex box takes its first
- * child's, so a vendor mark's `vertical-align: middle` put every mark a fifth
- * of an em low, and a smaller colour chip moved its box a tenth of an em
- * below the marks beside it. The drawing inside is centred in it.
+ * AN INLINE BLOCK HOLDING ONE BLOCK, because that is a box whose baseline is
+ * its own bottom edge whatever it draws: it has no line box of its own, so
+ * CSS 2.1 puts its baseline at its bottom margin edge. An inline-flex box
+ * takes its first child's, so a vendor mark's `vertical-align: middle` put
+ * every mark a fifth of an em low. The drawing inside is centred in it.
  */
 .crewlet-inline-ref__mark {
   display: inline-block;
-  overflow: hidden;
   line-height: 0;
   margin-inline-end: 0.15em;
   /* A copy carries the words, never a picture's place. */
@@ -72,8 +70,12 @@
 .crewlet-inline-ref__mark--glyph {
   width: 0.85em;
   height: 0.85em;
-  /* Its centre at 0.375em: -0.05em + 0.85em / 2. */
-  vertical-align: -0.05em;
+  /*
+   * Its centre at 0.275em above the baseline: -0.15em + 0.85em / 2. At
+   * 0.375em, a mark stood a pixel or two above the words' own middle beside
+   * a lower-case reference, which reads lower than a capital's.
+   */
+  vertical-align: -0.15em;
   /*
    * The words' quiet step, or the ink a filled ground asks for: on an accent
    * fill a secondary grey is the one colour that does not read.
@@ -81,7 +83,17 @@
   color: var(--crewlet-inline-ref-mark-ink, var(--color-text-secondary));
 }
 
-.crewlet-inline-ref__mark--glyph > * {
+/*
+ * THE DRAWING IS A BLOCK, whatever its own stylesheet says: a vendor mark
+ * draws itself `inline-block` and `vertical-align: middle` (VendorMark.css),
+ * and at one class each the later rule won, so the square held a line box,
+ * took its baseline from the drawing, and was clipped to keep the mark in
+ * place. The clip then cut the drawing's antialiased edge, and a GitHub mark,
+ * which fills its square edge to edge, lost its right side at 13px. Two
+ * classes here win over the drawing's one, the square holds no line box, and
+ * nothing is clipped.
+ */
+.crewlet-inline-ref .crewlet-inline-ref__mark--glyph > * {
   display: block;
   position: relative;
   top: 50%;
@@ -103,6 +115,11 @@
   width: 1.15em;
   height: 1.15em;
   vertical-align: -0.22em;
+  /*
+   * A FACE IS INLINE, so its square holds a line box, and the clip is what
+   * puts the square's baseline at its bottom edge.
+   */
+  overflow: hidden;
 }
 
 .crewlet-inline-ref__mark--face > * {

package/dist/OpenInAppCard/index.js

@@ -1,7 +1,7 @@
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-VFXTISVM.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-GT2OG2XM.js';
 import '../chunk-KOJPDCGQ.js';
-import '../chunk-3LI4TRUR.js';
 import '../chunk-KBZO4B33.js';
+import '../chunk-3LI4TRUR.js';
 import '../chunk-ZWCK4N4L.js';
 import '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';

package/dist/{chunk-FXMYDXCI.js → chunk-C3SCONKY.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ChoiceButtons-G7XHZKDP.css';
+import './ChoiceButtons-3MJQAHHA.css';
 import { useId } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-KOHVIDZ5.js → chunk-JGDCVLD4.js}

@@ -1,6 +1,6 @@
 import { safeHref } from './chunk-KBZO4B33.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './InlineRef-XPONK2VO.css';
+import './InlineRef-ZF42HAPI.css';
 import { Children } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/generated/index.js

@@ -17,13 +17,13 @@ export { ThemeGallery } from '../chunk-LWFOX3PB.js';
 export { ThemeSwatch } from '../chunk-3XQUEF5C.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-4OX2WVXO.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
-export { Statement } from '../chunk-MZJKPTA5.js';
 export { Switcher } from '../chunk-TF74KS36.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-PKVWCKS2.js';
 export { SlideGrid } from '../chunk-7MGXHCVK.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-4TMBAOXK.js';
 export { StatCard } from '../chunk-G5IZGAWS.js';
 export { StatGroup } from '../chunk-OUD75UB2.js';
+export { Statement } from '../chunk-MZJKPTA5.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-HDF4OGVD.js';
 export { TagGroup } from '../chunk-UEOEBOBR.js';
 export { matchesShortcut, useShortcut } from '../chunk-AYHIF6DH.js';
@@ -48,9 +48,9 @@ export { SearchTrigger } from '../chunk-ERNT3UTB.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-G4CGDUCP.js';
 export { NavGroup, NavItem, SidebarNav } from '../chunk-WCDPFTJZ.js';
 export { RecordChip, RecordChipList } from '../chunk-BFM5G2Z6.js';
-export { REFUSAL_CARD_LABELS, RefusalCard } from '../chunk-RQHN4J5P.js';
 export { RelatedRow } from '../chunk-CNEHFH2A.js';
 export { Text } from '../chunk-QP2P6GDQ.js';
+export { REFUSAL_CARD_LABELS, RefusalCard } from '../chunk-RQHN4J5P.js';
 export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-JXJNX7QQ.js';
 export { Table } from '../chunk-75NQV4R4.js';
 export { ReviewList } from '../chunk-DO4J4TBZ.js';
@@ -70,7 +70,7 @@ export { PresenterView, formatStopwatch } from '../chunk-PRN5IP2R.js';
 export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-5AJR6X75.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-RMEBFYL7.js';
 export { FactLine, ObjectHeader, SetByLine } from '../chunk-S7WG53JB.js';
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-VFXTISVM.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-GT2OG2XM.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-OZAZHM55.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-MUFBHVCT.js';
 export { TreeGrid } from '../chunk-IL3XLDW7.js';
@@ -85,20 +85,20 @@ export { ListInput, withDraft } from '../chunk-UHW7EXWQ.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from '../chunk-DPNVKWJX.js';
 export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_MAX, LIVE_PREVIEW_MAX_FRAMES, LIVE_PREVIEW_RENDER_MS, LIVE_PREVIEW_STILLS_KEPT, LivePreview, LivePreviewBudgetProvider, PREVIEW_FILL_MAX_CUT, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from '../chunk-CQFQGAZI.js';
 export { LockedLabel } from '../chunk-TEV5REGB.js';
-export { LogoSlot, LogoSlotGroup } from '../chunk-YUHKRRWO.js';
 import '../chunk-KOJPDCGQ.js';
+export { LogoSlot, LogoSlotGroup } from '../chunk-YUHKRRWO.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-GAT75MN4.js';
 export { LAYERS_LIST_LABELS, LayersList } from '../chunk-VUYNNILP.js';
-export { Link } from '../chunk-QF5UNP4T.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
+export { Link } from '../chunk-QF5UNP4T.js';
 export { LinkInterstitial, openExternal } from '../chunk-JD7P2GJP.js';
 export { List, ListItem } from '../chunk-PS5ZYIA6.js';
 export { ListDetail } from '../chunk-YBC2CYPD.js';
-export { IconTile } from '../chunk-3LI4TRUR.js';
+export { ImageUpload } from '../chunk-ZQEJSEPS.js';
 export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-QPHD4UUG.js';
 export { IndicatorAnchor } from '../chunk-27MJPU7G.js';
 export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-4DL2BQJE.js';
-export { InlineRef } from '../chunk-KOHVIDZ5.js';
+export { InlineRef } from '../chunk-JGDCVLD4.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-KBZO4B33.js';
 export { FollowBanner } from '../chunk-JT7WRPZ6.js';
 export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from '../chunk-F6V2PTN6.js';
@@ -107,9 +107,9 @@ export { IDLE_AFTER_MS, useFullscreen, useIdle } from '../chunk-W5XCNEZC.js';
 export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
 import '../chunk-MICRGE3J.js';
 import '../chunk-FFMCMSJB.js';
-export { ImageUpload } from '../chunk-ZQEJSEPS.js';
-export { Eyebrow } from '../chunk-RK4XPHVG.js';
+export { IconTile } from '../chunk-3LI4TRUR.js';
 export { FactList } from '../chunk-CSXJIIO4.js';
+export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-KQWJWTED.js';
 export { FileList } from '../chunk-5WRWBDML.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-IWZG7NPV.js';
@@ -128,8 +128,8 @@ export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTo
 export { DescriptionList, DescriptionListItem } from '../chunk-MFS6F2P7.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from '../chunk-AOFVXE6V.js';
 export { DirectoryList } from '../chunk-SRDNGGZE.js';
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-EEVATVP5.js';
 export { Divider } from '../chunk-6KWNXIDE.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-EEVATVP5.js';
 export { CursorFlag } from '../chunk-MMCYH5LB.js';
 export { PresenceRing, presenceHueClass } from '../chunk-EFX2YC5T.js';
 export { ChooserList, ColumnChooser, DATA_GRID_ICON_TRACK, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, nextGridSort, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-TQCSQRKQ.js';
@@ -137,20 +137,20 @@ export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS
 export { PageHeader } from '../chunk-FPDIHEM4.js';
 export { FILTER_PILL_LABELS, FILTER_PILL_WORDS_CLASS, FilterPill, filterPillSentence } from '../chunk-K4LZXSKZ.js';
 export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-ILF6KVNK.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-SWLVR54P.js';
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-R6K62EXV.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-SWLVR54P.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-5M64E3HV.js';
 export { CommandPalette } from '../chunk-SAUIIBNA.js';
 export { ConfirmModal, Modal } from '../chunk-C667GCU7.js';
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-5M64E3HV.js';
 export { ConfirmField, confirmMatches } from '../chunk-CFXDWGQI.js';
 export { InlineCode } from '../chunk-PLL7ZJHY.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from '../chunk-B3PK2LND.js';
 export { Container } from '../chunk-HJO4WCH6.js';
 export { ContrastHelp } from '../chunk-IO374IX6.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from '../chunk-KWLH45YC.js';
-export { ChoiceButtons } from '../chunk-FXMYDXCI.js';
-export { CodeBlock } from '../chunk-QSWQJX27.js';
+export { ChoiceButtons } from '../chunk-C3SCONKY.js';
 export { ChoiceList } from '../chunk-NQABJAUY.js';
+export { CodeBlock } from '../chunk-QSWQJX27.js';
 export { ColorChip } from '../chunk-C6T4VBEY.js';
 export { ColorField } from '../chunk-CMTLQOJY.js';
 export { ColorSwatch } from '../chunk-6FBPFG3C.js';

package/dist/index.js

@@ -17,13 +17,13 @@ export { ThemeGallery } from './chunk-LWFOX3PB.js';
 export { ThemeSwatch } from './chunk-3XQUEF5C.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-4OX2WVXO.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
-export { Statement } from './chunk-MZJKPTA5.js';
 export { Switcher } from './chunk-TF74KS36.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-PKVWCKS2.js';
 export { SlideGrid } from './chunk-7MGXHCVK.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-4TMBAOXK.js';
 export { StatCard } from './chunk-G5IZGAWS.js';
 export { StatGroup } from './chunk-OUD75UB2.js';
+export { Statement } from './chunk-MZJKPTA5.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-HDF4OGVD.js';
 export { TagGroup } from './chunk-UEOEBOBR.js';
 export { matchesShortcut, useShortcut } from './chunk-AYHIF6DH.js';
@@ -48,9 +48,9 @@ export { SearchTrigger } from './chunk-ERNT3UTB.js';
 export { SectionFrame, SectionFrameBody, SectionFrameNav } from './chunk-G4CGDUCP.js';
 export { NavGroup, NavItem, SidebarNav } from './chunk-WCDPFTJZ.js';
 export { RecordChip, RecordChipList } from './chunk-BFM5G2Z6.js';
-export { REFUSAL_CARD_LABELS, RefusalCard } from './chunk-RQHN4J5P.js';
 export { RelatedRow } from './chunk-CNEHFH2A.js';
 export { Text } from './chunk-QP2P6GDQ.js';
+export { REFUSAL_CARD_LABELS, RefusalCard } from './chunk-RQHN4J5P.js';
 export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from './chunk-JXJNX7QQ.js';
 export { Table } from './chunk-75NQV4R4.js';
 export { ReviewList } from './chunk-DO4J4TBZ.js';
@@ -70,7 +70,7 @@ export { PresenterView, formatStopwatch } from './chunk-PRN5IP2R.js';
 export { SLIDE_NAV_LABELS, SlideNav } from './chunk-5AJR6X75.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-RMEBFYL7.js';
 export { FactLine, ObjectHeader, SetByLine } from './chunk-S7WG53JB.js';
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-VFXTISVM.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-GT2OG2XM.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-OZAZHM55.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-MUFBHVCT.js';
 export { TreeGrid } from './chunk-IL3XLDW7.js';
@@ -85,20 +85,20 @@ export { ListInput, withDraft } from './chunk-UHW7EXWQ.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-DPNVKWJX.js';
 export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_MAX, LIVE_PREVIEW_MAX_FRAMES, LIVE_PREVIEW_RENDER_MS, LIVE_PREVIEW_STILLS_KEPT, LivePreview, LivePreviewBudgetProvider, PREVIEW_FILL_MAX_CUT, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from './chunk-CQFQGAZI.js';
 export { LockedLabel } from './chunk-TEV5REGB.js';
-export { LogoSlot, LogoSlotGroup } from './chunk-YUHKRRWO.js';
 import './chunk-KOJPDCGQ.js';
+export { LogoSlot, LogoSlotGroup } from './chunk-YUHKRRWO.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-GAT75MN4.js';
 export { LAYERS_LIST_LABELS, LayersList } from './chunk-VUYNNILP.js';
-export { Link } from './chunk-QF5UNP4T.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
+export { Link } from './chunk-QF5UNP4T.js';
 export { LinkInterstitial, openExternal } from './chunk-JD7P2GJP.js';
 export { List, ListItem } from './chunk-PS5ZYIA6.js';
 export { ListDetail } from './chunk-YBC2CYPD.js';
-export { IconTile } from './chunk-3LI4TRUR.js';
+export { ImageUpload } from './chunk-ZQEJSEPS.js';
 export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-QPHD4UUG.js';
 export { IndicatorAnchor } from './chunk-27MJPU7G.js';
 export { INLINE_EDITOR_LABELS, InlineEditor } from './chunk-4DL2BQJE.js';
-export { InlineRef } from './chunk-KOHVIDZ5.js';
+export { InlineRef } from './chunk-JGDCVLD4.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-KBZO4B33.js';
 export { FollowBanner } from './chunk-JT7WRPZ6.js';
 export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from './chunk-F6V2PTN6.js';
@@ -107,9 +107,9 @@ export { IDLE_AFTER_MS, useFullscreen, useIdle } from './chunk-W5XCNEZC.js';
 export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
 import './chunk-MICRGE3J.js';
 import './chunk-FFMCMSJB.js';
-export { ImageUpload } from './chunk-ZQEJSEPS.js';
-export { Eyebrow } from './chunk-RK4XPHVG.js';
+export { IconTile } from './chunk-3LI4TRUR.js';
 export { FactList } from './chunk-CSXJIIO4.js';
+export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from './chunk-KQWJWTED.js';
 export { FileList } from './chunk-5WRWBDML.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-IWZG7NPV.js';
@@ -128,8 +128,8 @@ export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTo
 export { DescriptionList, DescriptionListItem } from './chunk-MFS6F2P7.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from './chunk-AOFVXE6V.js';
 export { DirectoryList } from './chunk-SRDNGGZE.js';
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-EEVATVP5.js';
 export { Divider } from './chunk-6KWNXIDE.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-EEVATVP5.js';
 export { CursorFlag } from './chunk-MMCYH5LB.js';
 export { PresenceRing, presenceHueClass } from './chunk-EFX2YC5T.js';
 export { ChooserList, ColumnChooser, DATA_GRID_ICON_TRACK, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, nextGridSort, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from './chunk-TQCSQRKQ.js';
@@ -137,20 +137,20 @@ export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS
 export { PageHeader } from './chunk-FPDIHEM4.js';
 export { FILTER_PILL_LABELS, FILTER_PILL_WORDS_CLASS, FilterPill, filterPillSentence } from './chunk-K4LZXSKZ.js';
 export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-ILF6KVNK.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-SWLVR54P.js';
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-R6K62EXV.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-SWLVR54P.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-5M64E3HV.js';
 export { CommandPalette } from './chunk-SAUIIBNA.js';
 export { ConfirmModal, Modal } from './chunk-C667GCU7.js';
-export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-5M64E3HV.js';
 export { ConfirmField, confirmMatches } from './chunk-CFXDWGQI.js';
 export { InlineCode } from './chunk-PLL7ZJHY.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-B3PK2LND.js';
 export { Container } from './chunk-HJO4WCH6.js';
 export { ContrastHelp } from './chunk-IO374IX6.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from './chunk-KWLH45YC.js';
-export { ChoiceButtons } from './chunk-FXMYDXCI.js';
-export { CodeBlock } from './chunk-QSWQJX27.js';
+export { ChoiceButtons } from './chunk-C3SCONKY.js';
 export { ChoiceList } from './chunk-NQABJAUY.js';
+export { CodeBlock } from './chunk-QSWQJX27.js';
 export { ColorChip } from './chunk-C6T4VBEY.js';
 export { ColorField } from './chunk-CMTLQOJY.js';
 export { ColorSwatch } from './chunk-6FBPFG3C.js';

package/dist/styles.css

@@ -10103,7 +10103,7 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
 }
 
 
-/* ChoiceButtons-G7XHZKDP.css */
+/* ChoiceButtons-3MJQAHHA.css */
 /*
  * One answer, sent with one press: a column of buttons as tall as a touch
  * target, the recommended one first and filled with the accent.
@@ -10230,6 +10230,27 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
   outline-offset: 2px;
 }
 
+/*
+ * THE RECOMMENDED OPTION, CHOSEN, is drawn as every chosen option is: the
+ * selected edge over the soft selected fill, in the primary ink, its mark kept
+ * so a reader still sees which option was recommended. The chosen rule swapped
+ * the accent fill for the soft one and left the accent's own ink behind, white
+ * on a pale tint, under 1.5:1 in the light theme. Held under the pointer and
+ * the press too, which otherwise bring the accent back.
+ */
+.crewlet-choice-buttons__option--recommended.is-chosen,
+.crewlet-choice-buttons__option--recommended.is-chosen:hover:not([aria-disabled='true']),
+.crewlet-choice-buttons__option--recommended.is-chosen:active:not([aria-disabled='true']) {
+  border-color: var(--color-border-selected);
+  background: var(--color-surface-selected);
+  color: var(--color-text-primary);
+}
+
+/* Off the accent, the ring is drawn over the selected edge again. */
+.crewlet-choice-buttons__option--recommended.is-chosen:focus-visible {
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
 .crewlet-choice-buttons__text {
   display: grid;
   gap: 2px;
@@ -10251,6 +10272,11 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
   color: var(--color-text-on-accent);
 }
 
+/* Chosen, it is off the accent, and the detail takes its tertiary step again. */
+.crewlet-choice-buttons__option--recommended.is-chosen .crewlet-choice-buttons__detail {
+  color: var(--color-text-tertiary);
+}
+
 /*
  * The mark, in the micro-label register. Full ink rather than a faded one:
  * eleven pixels of white on the accent clears 4.5:1 only at full strength.
@@ -20387,7 +20413,7 @@ a.crewlet-icon-btn {
 }
 
 
-/* InlineRef-XPONK2VO.css */
+/* InlineRef-ZF42HAPI.css */
 /*
  * A reference inside a sentence (InlineRef.tsx): a mark a little below the
  * text's size, then its words, in the sentence's own ink unless it is a link.
@@ -20441,18 +20467,16 @@ a.crewlet-icon-btn {
  *
  * 0.85em AND A GAP OF 0.15em: at the text's full size and a gap twice that,
  * a mark read as a word of its own beside its reference rather than as part
- * of it. The square stays centred where the full-size one was (0.375em above
- * the baseline), so the words around a mark do not move.
+ * of it.
  *
- * AN INLINE BLOCK THAT CLIPS, because that is the one box whose baseline is
- * its own bottom edge whatever it holds: an inline-flex box takes its first
- * child's, so a vendor mark's `vertical-align: middle` put every mark a fifth
- * of an em low, and a smaller colour chip moved its box a tenth of an em
- * below the marks beside it. The drawing inside is centred in it.
+ * AN INLINE BLOCK HOLDING ONE BLOCK, because that is a box whose baseline is
+ * its own bottom edge whatever it draws: it has no line box of its own, so
+ * CSS 2.1 puts its baseline at its bottom margin edge. An inline-flex box
+ * takes its first child's, so a vendor mark's `vertical-align: middle` put
+ * every mark a fifth of an em low. The drawing inside is centred in it.
  */
 .crewlet-inline-ref__mark {
   display: inline-block;
-  overflow: hidden;
   line-height: 0;
   margin-inline-end: 0.15em;
   /* A copy carries the words, never a picture's place. */
@@ -20462,8 +20486,12 @@ a.crewlet-icon-btn {
 .crewlet-inline-ref__mark--glyph {
   width: 0.85em;
   height: 0.85em;
-  /* Its centre at 0.375em: -0.05em + 0.85em / 2. */
-  vertical-align: -0.05em;
+  /*
+   * Its centre at 0.275em above the baseline: -0.15em + 0.85em / 2. At
+   * 0.375em, a mark stood a pixel or two above the words' own middle beside
+   * a lower-case reference, which reads lower than a capital's.
+   */
+  vertical-align: -0.15em;
   /*
    * The words' quiet step, or the ink a filled ground asks for: on an accent
    * fill a secondary grey is the one colour that does not read.
@@ -20471,7 +20499,17 @@ a.crewlet-icon-btn {
   color: var(--crewlet-inline-ref-mark-ink, var(--color-text-secondary));
 }
 
-.crewlet-inline-ref__mark--glyph > * {
+/*
+ * THE DRAWING IS A BLOCK, whatever its own stylesheet says: a vendor mark
+ * draws itself `inline-block` and `vertical-align: middle` (VendorMark.css),
+ * and at one class each the later rule won, so the square held a line box,
+ * took its baseline from the drawing, and was clipped to keep the mark in
+ * place. The clip then cut the drawing's antialiased edge, and a GitHub mark,
+ * which fills its square edge to edge, lost its right side at 13px. Two
+ * classes here win over the drawing's one, the square holds no line box, and
+ * nothing is clipped.
+ */
+.crewlet-inline-ref .crewlet-inline-ref__mark--glyph > * {
   display: block;
   position: relative;
   top: 50%;
@@ -20493,6 +20531,11 @@ a.crewlet-icon-btn {
   width: 1.15em;
   height: 1.15em;
   vertical-align: -0.22em;
+  /*
+   * A FACE IS INLINE, so its square holds a line box, and the clip is what
+   * puts the square's baseline at its bottom edge.
+   */
+  overflow: hidden;
 }
 
 .crewlet-inline-ref__mark--face > * {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.75.1",
+  "version": "0.75.3",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.75.1",
-    "@crewlethq/tokens": "0.75.1",
+    "@crewlethq/icons": "0.75.3",
+    "@crewlethq/tokens": "0.75.3",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/{chunk-VFXTISVM.js → chunk-GT2OG2XM.js}

@@ -1,5 +1,5 @@
-import { IconTile } from './chunk-3LI4TRUR.js';
 import { safeHref } from './chunk-KBZO4B33.js';
+import { IconTile } from './chunk-3LI4TRUR.js';
 import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { StatusCard } from './chunk-NTQPJJAN.js';
 import { ButtonLink, Button } from './chunk-DGXZ635L.js';