@crewlethq/ui 0.52.0 → 0.52.2

package/README.md

@@ -204,6 +204,14 @@ places:
 - A surface that pans or zooms dispatches `LAYER_REPOSITION_EVENT` on its host
   when the content beneath it moves, and every panel anchored inside follows.
 
+## Changes in 0.54.0
+
+**A `LogoSlotGroup`'s action rows start at the top of their shared row.** Where one slot's actions wrap onto two lines (Replace and Remove in a narrow column), the row is as tall as they are, and the other slots' single buttons stood centred in it, half a line below the first button beside them. Every slot's first button now stands on one line.
+
+## Changes in 0.53.0
+
+**`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.
+
 ## Changes in 0.52.0
 
 A second polish of the brand setup pieces.

package/dist/AvatarPicker/index.js

@@ -1,8 +1,8 @@
-export { AvatarPicker } from '../chunk-EW2N4FOD.js';
+export { AvatarPicker } from '../chunk-3QSKDZR5.js';
 import '../chunk-34RMTXDZ.js';
 import '../chunk-KHJIEPZV.js';
-import '../chunk-SNQRGH4A.js';
 import '../chunk-AYKXMIOR.js';
+import '../chunk-SNQRGH4A.js';
 import '../chunk-6FVGSWLS.js';
 import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';

package/dist/LogoSlot/LogoSlotGroup.d.ts

@@ -31,8 +31,9 @@ export interface LogoSlotGroupProps extends Omit<HTMLAttributes<HTMLDivElement>,
  * slot, so it is drawn once under the row (`hint`) and each picker is
  * described by it, rather than repeated three times.
  *
- * THE COLUMNS FOLLOW THE ROOM: as many as fit at 14rem each, then one under
- * another on a phone, each still aligned within itself.
+ * THE COLUMNS FOLLOW THE ROOM: as many as fit at 9rem each, so three stand
+ * in one row in a 480px form column, and one under another where the group
+ * has under 30rem, each still aligned within itself.
  */
 export declare function LogoSlotGroup({ children, label, hint, className, ...rest }: LogoSlotGroupProps): import("react").JSX.Element;
 export {};

package/dist/LogoSlot/index.js

@@ -1,4 +1,4 @@
-export { LogoSlot, LogoSlotGroup } from '../chunk-UKE7LTFZ.js';
+export { LogoSlot, LogoSlotGroup } from '../chunk-SYY26XBX.js';
 import '../chunk-THDGBD6Y.js';
 import '../chunk-WW7TU6HE.js';
 import '../chunk-KYIAFNU7.js';

package/dist/{LogoSlot-ETD74ELF.css → LogoSlot-NAJE5XY3.css}

@@ -170,21 +170,37 @@
  * subgrid spanning the group's four rows: its name and description, its
  * stage, what is said under it, and its actions. A row holds the tallest of
  * its parts across the slots, so every stage, note and action row starts on
- * one line. The steps between the parts are margins rather than the grid's
- * gap, so a row no slot uses (no notes anywhere) takes no room at all.
+ * one line.
+ *
+ * NO GRID GAP ANYWHERE IN THE ROWS. A gap between the group's rows is drawn
+ * between a subgrid's rows too, so an empty row (no notes in any slot) still
+ * stood two gaps tall between the stage and the actions. Every step is a
+ * margin on the part that follows it instead, and a row nobody uses takes no
+ * room at all; a line of slots is set off from the next (on a narrow page)
+ * by the slot's own end margin.
+ *
+ * THREE ACROSS IN A FORM'S COLUMN. The columns are as many as fit at 9rem,
+ * so three slots stand in one row in a 480px column (a setup step's), and
+ * the group's own width under 30rem stacks them one under another.
  */
 .crewlet-logo-slot-group {
+  container-type: inline-size;
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-3);
   min-width: 0;
 }
 
 .crewlet-logo-slot-group__slots {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(min(14rem, 100%), 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr));
   column-gap: var(--spacing-5);
-  row-gap: var(--spacing-6);
+  row-gap: 0;
+}
+
+@container (width < 30rem) {
+  .crewlet-logo-slot-group__slots {
+    grid-template-columns: minmax(0, 1fr);
+  }
 }
 
 .crewlet-logo-slot-group__slots > .crewlet-logo-slot {
@@ -193,6 +209,7 @@
   grid-template-rows: subgrid;
   row-gap: 0;
   align-content: start;
+  margin-block-end: var(--spacing-5);
 }
 
 .crewlet-logo-slot-group__slots > .crewlet-logo-slot > .crewlet-logo-slot__head {
@@ -209,8 +226,17 @@
   margin-block-start: var(--spacing-2);
 }
 
+/*
+ * THE ACTION ROWS START AT THE TOP OF THEIR SHARED ROW. The row is as tall as
+ * the tallest slot's actions (a slot whose Replace and Remove wrap onto two
+ * lines), and a row stretched to it and centred put a neighbour's single
+ * button half a line lower than the first button beside it. Held to the start,
+ * every slot's first button stands on one line.
+ */
 .crewlet-logo-slot-group__slots > .crewlet-logo-slot > .crewlet-logo-slot__foot {
   grid-row: 4;
+  align-self: start;
+  align-content: flex-start;
   margin-block-start: var(--spacing-2);
 }
 

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-KFR75JOK.js';
+export { RichEditor, preloadRichEditor } from '../chunk-VVOPDWLX.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-BPCY7ZID.js';

package/dist/{chunk-UKE7LTFZ.js → chunk-SYY26XBX.js}

@@ -4,7 +4,7 @@ import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './LogoSlot-ETD74ELF.css';
+import './LogoSlot-NAJE5XY3.css';
 import { createContext, useId, useContext } from 'react';
 import { ImageGlyph, CircleAlertGlyph, UploadGlyph, TrashGlyph } from '@crewlethq/icons/glyphs';
 import { themes } from '@crewlethq/tokens';

package/dist/{chunk-KFR75JOK.js → chunk-VVOPDWLX.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-SZFWVDAU.js').then(
+  loading ??= import('./Editor-FEKMRFBK.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/generated/index.js

@@ -3,24 +3,24 @@ export { TypeSpecimen } from '../chunk-JKAFEFFC.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-RFPCHMSX.js';
 export { VersionTimeline } from '../chunk-NQCY44B3.js';
 export { WidgetFrame } from '../chunk-DFK5EQTU.js';
-export { ThemeToggle } from '../chunk-PM3JVNRY.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from '../chunk-FEJANUZK.js';
+export { TileGrid } from '../chunk-Q6CQMS6R.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-6VQA2LZC.js';
 export { ToastProvider, Toaster, useToast } from '../chunk-AC22RZKC.js';
 export { TreeCanvas } from '../chunk-CAVWDJF4.js';
 export { TagsInput } from '../chunk-SXBJMBSV.js';
 export { ThemeGallery } from '../chunk-UTESMBPL.js';
-export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-SEPSXOGJ.js';
+export { ThemeToggle } from '../chunk-PM3JVNRY.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
-export { TileGrid } from '../chunk-Q6CQMS6R.js';
+export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
 export { Statement } from '../chunk-MZJKPTA5.js';
 export { Switcher } from '../chunk-GPZXBJFU.js';
 export { Table } from '../chunk-V2N3BMOT.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-4BJK7FE5.js';
 export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-7CGPPAYR.js';
-export { SlideGrid } from '../chunk-3V5T5K5H.js';
 export { SlideFilmstrip } from '../chunk-SQ4JFHO7.js';
+export { SlideGrid } from '../chunk-3V5T5K5H.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-D3EJSLCL.js';
 export { StatCard } from '../chunk-YPTTSJPM.js';
 export { StatGroup } from '../chunk-OUD75UB2.js';
@@ -42,11 +42,11 @@ export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } fro
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
 export { RelatedRow } from '../chunk-N4GBDK4L.js';
 export { Text } from '../chunk-QP2P6GDQ.js';
+export { RichEditor, preloadRichEditor } from '../chunk-VVOPDWLX.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from '../chunk-SWD4QBL6.js';
 import '../chunk-QH6VYJ3X.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-WQQ5T5SA.js';
-export { RichEditor, preloadRichEditor } from '../chunk-KFR75JOK.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 export { PresenceStack } from '../chunk-3LYWD3BO.js';
 export { PresenterView, formatStopwatch } from '../chunk-E6HXFFWO.js';
 export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-RRO7UEYU.js';
@@ -72,7 +72,7 @@ export { OrgLabel } from '../chunk-ONQKKHON.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from '../chunk-5XACKNYR.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-OHGH7O6T.js';
-export { LogoSlot, LogoSlotGroup } from '../chunk-UKE7LTFZ.js';
+export { LogoSlot, LogoSlotGroup } from '../chunk-SYY26XBX.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-BAKPMH3S.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-SS4XCUUJ.js';
 export { LAYERS_LIST_LABELS, LayersList } from '../chunk-M6NQ4XGK.js';
@@ -133,15 +133,17 @@ export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, use
 export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-EZ43L6T7.js';
 export { ConfirmField, confirmMatches } from '../chunk-2GIWL7IS.js';
 export { InlineCode } from '../chunk-5CLW2CXT.js';
-export { CatalogTile } from '../chunk-TGSIVB6H.js';
+export { ChangeMark } from '../chunk-66X5WDKE.js';
+export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_BOUNDS, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_FIT_SAMPLES, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, fitSamples, fittedWidth, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, retypeColumn, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from '../chunk-LFSIKGRQ.js';
+export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from '../chunk-Z7JYG5TF.js';
 import '../chunk-3L5NHASN.js';
 export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from '../chunk-HMVQQEHW.js';
 export { ChoiceButtons } from '../chunk-WXRH7NZW.js';
+export { ChoiceList } from '../chunk-EAQLI2SO.js';
 export { CodeBlock } from '../chunk-A4GFEMVI.js';
 export { CopyButton, Copyable } from '../chunk-7SHAFLEX.js';
 export { useClipboard, writeClipboard } from '../chunk-STJ7QBC3.js';
 export { useOutcome } from '../chunk-DTIW4CHZ.js';
-export { ChoiceList } from '../chunk-EAQLI2SO.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Callout } from '../chunk-BPCY7ZID.js';
 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';
@@ -151,14 +153,12 @@ export { CanvasToolbar, toolForKey } from '../chunk-X4NIE7CI.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-NR4CPM4T.js';
 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';
 import '../chunk-LM3ISVJA.js';
-export { ChangeMark } from '../chunk-66X5WDKE.js';
-export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_BOUNDS, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_FIT_SAMPLES, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, fitSamples, fittedWidth, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, retypeColumn, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from '../chunk-LFSIKGRQ.js';
-export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from '../chunk-Z7JYG5TF.js';
-export { AvatarPicker } from '../chunk-EW2N4FOD.js';
+export { CatalogTile } from '../chunk-TGSIVB6H.js';
+export { AvatarPicker } from '../chunk-3QSKDZR5.js';
 export { HuePicker, HueSwatch } from '../chunk-34RMTXDZ.js';
 export { Popover } from '../chunk-KHJIEPZV.js';
-export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-SNQRGH4A.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-SNQRGH4A.js';
 export { BrandChip } from '../chunk-ZH77BXMA.js';
 export { BrandSample } from '../chunk-AVMQMY66.js';
 export { BrandScope, brandScopeInputs } from '../chunk-X7WEE3EK.js';

package/dist/index.js

@@ -3,24 +3,24 @@ export { TypeSpecimen } from './chunk-JKAFEFFC.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-RFPCHMSX.js';
 export { VersionTimeline } from './chunk-NQCY44B3.js';
 export { WidgetFrame } from './chunk-DFK5EQTU.js';
-export { ThemeToggle } from './chunk-PM3JVNRY.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-FEJANUZK.js';
+export { TileGrid } from './chunk-Q6CQMS6R.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-6VQA2LZC.js';
 export { ToastProvider, Toaster, useToast } from './chunk-AC22RZKC.js';
 export { TreeCanvas } from './chunk-CAVWDJF4.js';
 export { TagsInput } from './chunk-SXBJMBSV.js';
 export { ThemeGallery } from './chunk-UTESMBPL.js';
-export { ThemeSwatch } from './chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-SEPSXOGJ.js';
+export { ThemeToggle } from './chunk-PM3JVNRY.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
-export { TileGrid } from './chunk-Q6CQMS6R.js';
+export { ThemeSwatch } from './chunk-MNFU2RNT.js';
 export { Statement } from './chunk-MZJKPTA5.js';
 export { Switcher } from './chunk-GPZXBJFU.js';
 export { Table } from './chunk-V2N3BMOT.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-4BJK7FE5.js';
 export { SLIDE_COMPARE_LABELS, SlideCompare } from './chunk-7CGPPAYR.js';
-export { SlideGrid } from './chunk-3V5T5K5H.js';
 export { SlideFilmstrip } from './chunk-SQ4JFHO7.js';
+export { SlideGrid } from './chunk-3V5T5K5H.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-D3EJSLCL.js';
 export { StatCard } from './chunk-YPTTSJPM.js';
 export { StatGroup } from './chunk-OUD75UB2.js';
@@ -42,11 +42,11 @@ export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } fro
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.js';
 export { RelatedRow } from './chunk-N4GBDK4L.js';
 export { Text } from './chunk-QP2P6GDQ.js';
+export { RichEditor, preloadRichEditor } from './chunk-VVOPDWLX.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from './chunk-SWD4QBL6.js';
 import './chunk-QH6VYJ3X.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-WQQ5T5SA.js';
-export { RichEditor, preloadRichEditor } from './chunk-KFR75JOK.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { PresenceStack } from './chunk-3LYWD3BO.js';
 export { PresenterView, formatStopwatch } from './chunk-E6HXFFWO.js';
 export { SLIDE_NAV_LABELS, SlideNav } from './chunk-RRO7UEYU.js';
@@ -72,7 +72,7 @@ export { OrgLabel } from './chunk-ONQKKHON.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-5XACKNYR.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-OHGH7O6T.js';
-export { LogoSlot, LogoSlotGroup } from './chunk-UKE7LTFZ.js';
+export { LogoSlot, LogoSlotGroup } from './chunk-SYY26XBX.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-BAKPMH3S.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-SS4XCUUJ.js';
 export { LAYERS_LIST_LABELS, LayersList } from './chunk-M6NQ4XGK.js';
@@ -133,15 +133,17 @@ export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, use
 export { COMMENT_THREAD_LABELS, CommentThread } from './chunk-EZ43L6T7.js';
 export { ConfirmField, confirmMatches } from './chunk-2GIWL7IS.js';
 export { InlineCode } from './chunk-5CLW2CXT.js';
-export { CatalogTile } from './chunk-TGSIVB6H.js';
+export { ChangeMark } from './chunk-66X5WDKE.js';
+export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_BOUNDS, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_FIT_SAMPLES, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, fitSamples, fittedWidth, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, retypeColumn, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from './chunk-LFSIKGRQ.js';
+export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from './chunk-Z7JYG5TF.js';
 import './chunk-3L5NHASN.js';
 export { ActivityStrip, BarList, ChartEmpty, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Histogram, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, histogramTicks, niceScale, useChartHover } from './chunk-HMVQQEHW.js';
 export { ChoiceButtons } from './chunk-WXRH7NZW.js';
+export { ChoiceList } from './chunk-EAQLI2SO.js';
 export { CodeBlock } from './chunk-A4GFEMVI.js';
 export { CopyButton, Copyable } from './chunk-7SHAFLEX.js';
 export { useClipboard, writeClipboard } from './chunk-STJ7QBC3.js';
 export { useOutcome } from './chunk-DTIW4CHZ.js';
-export { ChoiceList } from './chunk-EAQLI2SO.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
 export { Callout } from './chunk-BPCY7ZID.js';
 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';
@@ -151,14 +153,12 @@ export { CanvasToolbar, toolForKey } from './chunk-X4NIE7CI.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-NR4CPM4T.js';
 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';
 import './chunk-LM3ISVJA.js';
-export { ChangeMark } from './chunk-66X5WDKE.js';
-export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_BOUNDS, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_FIT_SAMPLES, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, fitSamples, fittedWidth, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, retypeColumn, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from './chunk-LFSIKGRQ.js';
-export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from './chunk-Z7JYG5TF.js';
-export { AvatarPicker } from './chunk-EW2N4FOD.js';
+export { CatalogTile } from './chunk-TGSIVB6H.js';
+export { AvatarPicker } from './chunk-3QSKDZR5.js';
 export { HuePicker, HueSwatch } from './chunk-34RMTXDZ.js';
 export { Popover } from './chunk-KHJIEPZV.js';
-export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-SNQRGH4A.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './chunk-AYKXMIOR.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-SNQRGH4A.js';
 export { BrandChip } from './chunk-ZH77BXMA.js';
 export { BrandSample } from './chunk-AVMQMY66.js';
 export { BrandScope, brandScopeInputs } from './chunk-X7WEE3EK.js';

package/dist/styles.css

@@ -20114,7 +20114,7 @@ a.crewlet-icon-btn {
 }
 
 
-/* LogoSlot-ETD74ELF.css */
+/* LogoSlot-NAJE5XY3.css */
 /*
  * One of a brand's logos on the ground it is made for. The ground and the ink
  * of its guide are the only values here that are not tokens: they arrive
@@ -20287,21 +20287,37 @@ a.crewlet-icon-btn {
  * subgrid spanning the group's four rows: its name and description, its
  * stage, what is said under it, and its actions. A row holds the tallest of
  * its parts across the slots, so every stage, note and action row starts on
- * one line. The steps between the parts are margins rather than the grid's
- * gap, so a row no slot uses (no notes anywhere) takes no room at all.
+ * one line.
+ *
+ * NO GRID GAP ANYWHERE IN THE ROWS. A gap between the group's rows is drawn
+ * between a subgrid's rows too, so an empty row (no notes in any slot) still
+ * stood two gaps tall between the stage and the actions. Every step is a
+ * margin on the part that follows it instead, and a row nobody uses takes no
+ * room at all; a line of slots is set off from the next (on a narrow page)
+ * by the slot's own end margin.
+ *
+ * THREE ACROSS IN A FORM'S COLUMN. The columns are as many as fit at 9rem,
+ * so three slots stand in one row in a 480px column (a setup step's), and
+ * the group's own width under 30rem stacks them one under another.
  */
 .crewlet-logo-slot-group {
+  container-type: inline-size;
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-3);
   min-width: 0;
 }
 
 .crewlet-logo-slot-group__slots {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(min(14rem, 100%), 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr));
   column-gap: var(--spacing-5);
-  row-gap: var(--spacing-6);
+  row-gap: 0;
+}
+
+@container (width < 30rem) {
+  .crewlet-logo-slot-group__slots {
+    grid-template-columns: minmax(0, 1fr);
+  }
 }
 
 .crewlet-logo-slot-group__slots > .crewlet-logo-slot {
@@ -20310,6 +20326,7 @@ a.crewlet-icon-btn {
   grid-template-rows: subgrid;
   row-gap: 0;
   align-content: start;
+  margin-block-end: var(--spacing-5);
 }
 
 .crewlet-logo-slot-group__slots > .crewlet-logo-slot > .crewlet-logo-slot__head {
@@ -20326,8 +20343,17 @@ a.crewlet-icon-btn {
   margin-block-start: var(--spacing-2);
 }
 
+/*
+ * THE ACTION ROWS START AT THE TOP OF THEIR SHARED ROW. The row is as tall as
+ * the tallest slot's actions (a slot whose Replace and Remove wrap onto two
+ * lines), and a row stretched to it and centred put a neighbour's single
+ * button half a line lower than the first button beside it. Held to the start,
+ * every slot's first button stands on one line.
+ */
 .crewlet-logo-slot-group__slots > .crewlet-logo-slot > .crewlet-logo-slot__foot {
   grid-row: 4;
+  align-self: start;
+  align-content: flex-start;
   margin-block-start: var(--spacing-2);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.52.0",
+  "version": "0.52.2",
   "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.52.0",
-    "@crewlethq/tokens": "0.52.0",
+    "@crewlethq/icons": "0.52.2",
+    "@crewlethq/tokens": "0.52.2",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/{Editor-SZFWVDAU.js → Editor-FEKMRFBK.js}

@@ -1,5 +1,5 @@
-import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
 import { richEditorLabels } from './chunk-CSQTDGTS.js';
+import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { FormField, Input } from './chunk-LJHH4WWB.js';

package/dist/{chunk-EW2N4FOD.js → chunk-3QSKDZR5.js}

@@ -1,7 +1,7 @@
 import { HuePicker } from './chunk-34RMTXDZ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { CharacterPicker } from './chunk-SNQRGH4A.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
+import { CharacterPicker } from './chunk-SNQRGH4A.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AvatarPicker-PREY36MG.css';