@crewlethq/ui 0.31.0 → 0.31.1

package/README.md

@@ -204,6 +204,10 @@ 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.31.1
+
+**`EditingStatus` folds "Editing" on an artifact bar's narrow arrangement**, below 640px, and keeps its dot, so a phone's bar keeps the room for the title while Cancel and Save are there. The words stay in the status for a screen reader.
+
 ## Changes in 0.31.0
 
 **`ArtifactBar` carries an editing state**: a `status` slot said before the kind's tools (an `EditingStatus` while a doc is edited), never folded away, and a tool's `emphasis: 'primary'`, drawn as the primary button with its word kept at every width, for the one action the state turns on, such as Save.

package/dist/DataView/index.js

@@ -1,8 +1,8 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-UVJ5FF5V.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-RODMM35O.js';
 import '../chunk-HOXGBLEY.js';
 import '../chunk-PGRPNDWM.js';
-import '../chunk-EBJREOKS.js';
 import '../chunk-Y5NQ2LMS.js';
+import '../chunk-EBJREOKS.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-I3KKZ2O3.js';

package/dist/EditingStatus/index.js

@@ -1,2 +1,2 @@
-export { EditingStatus } from '../chunk-3DPIU2Q7.js';
+export { EditingStatus } from '../chunk-FPS3JIPQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{EditingStatus-NFADEPSX.css → EditingStatus-L6THUAN7.css}

@@ -42,11 +42,32 @@
   margin-right: var(--spacing-2);
 }
 
+/*
+ * THE WORDS FOLD AND THE DOT STAYS where room is short, hidden from the eye
+ * and still read by a screen reader, so the status says the same thing to
+ * everyone. On a phone the state folds. On an artifact bar's narrow
+ * arrangement (below 640px, as ArtifactBar.css draws it) "Editing" folds too:
+ * the title has the row's room first, and Cancel and Save beside the dot
+ * already say an edit is open.
+ */
 @media (width < 480px) {
   .crewlet-editing-status__state {
     position: absolute;
     width: 1px;
     height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+  }
+}
+
+@container crewlet-artifact-bar (width < 640px) {
+  .crewlet-editing-status__label,
+  .crewlet-editing-status__state {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
     overflow: hidden;
     clip-path: inset(50%);
   }

package/dist/{chunk-3DPIU2Q7.js → chunk-FPS3JIPQ.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './EditingStatus-NFADEPSX.css';
+import './EditingStatus-L6THUAN7.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LABELS = {

package/dist/generated/index.js

@@ -12,8 +12,8 @@ export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-WJDQ7XQA.js';
 export { ThemeToggle } from '../chunk-NP2C4Y4E.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
-export { Timeline, TimelineItem } from '../chunk-AUQPBL4O.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-UZ6MA2V6.js';
+export { Timeline, TimelineItem } from '../chunk-AUQPBL4O.js';
 export { Stepper } from '../chunk-5QWIJSQM.js';
 export { Switcher } from '../chunk-HVNTQ36V.js';
 export { Table } from '../chunk-V2N3BMOT.js';
@@ -28,8 +28,8 @@ export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../ch
 export { Select } from '../chunk-FC4YTTFJ.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-CT4EZF62.js';
 export { TagGroup } from '../chunk-O2EGEONV.js';
-export { NavGroup, NavItem, SidebarNav } from '../chunk-UCCC7YVZ.js';
 export { matchesShortcut, useShortcut } from '../chunk-2FPENTCF.js';
+export { NavGroup, NavItem, SidebarNav } from '../chunk-UCCC7YVZ.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
 export { RichEditor, preloadRichEditor } from '../chunk-VOX3YRFO.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-A4E5YLXO.js';
@@ -66,19 +66,20 @@ export { ListInput } from '../chunk-Z6VW6CXX.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from '../chunk-5XACKNYR.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-SKOYC2CF.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-LZHLSQYK.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';
-export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
-export { useFullscreen } from '../chunk-XDTYBF2F.js';
+export { ImageUpload } from '../chunk-YDBC4DNW.js';
+export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-XYCADWZN.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-5YLON2PW.js';
 export { FollowBanner } from '../chunk-LDJ3J4TQ.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';
+export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
+export { useFullscreen } from '../chunk-XDTYBF2F.js';
 export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
 import '../chunk-FFMCMSJB.js';
 export { IconTile } from '../chunk-IXJHTFXG.js';
-export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-XYCADWZN.js';
-export { ImageUpload } from '../chunk-YDBC4DNW.js';
-export { EditingStatus } from '../chunk-3DPIU2Q7.js';
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-UZ7ZUSLH.js';
+export { DownloadButton } from '../chunk-BEHFTRMZ.js';
+export { downloadBlob, downloadText, safeFilename, useDownload } from '../chunk-IW55G7XG.js';
+export { EditingStatus } from '../chunk-FPS3JIPQ.js';
 export { EntityChip } from '../chunk-4KWOKX2B.js';
 export { ErrorBoundary } from '../chunk-XX2VQE55.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
@@ -88,20 +89,19 @@ export { DIFF_LIST_LABELS, DiffList } from '../chunk-LFHCXZO5.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from '../chunk-BVWSLXTY.js';
 export { Disclosure } from '../chunk-MICH6QSJ.js';
 export { Divider } from '../chunk-6KWNXIDE.js';
-export { DownloadButton } from '../chunk-BEHFTRMZ.js';
-export { downloadBlob, downloadText, safeFilename, useDownload } from '../chunk-IW55G7XG.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-UZ7ZUSLH.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from '../chunk-UO7JZVCO.js';
 export { Container } from '../chunk-QVE4GJAT.js';
 export { CursorFlag } from '../chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from '../chunk-I6POAB4V.js';
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-UVJ5FF5V.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-RODMM35O.js';
 export { PageHeader } from '../chunk-HOXGBLEY.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-Y5NQ2LMS.js';
 export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-EBJREOKS.js';
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-ZB5O3ELS.js';
 export { Tag } from '../chunk-GFV4LJHH.js';
 export { StatusDot } from '../chunk-WIATRXEJ.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-Y5NQ2LMS.js';
 export { ChoiceButtons } from '../chunk-YSJC7AZC.js';
 export { ChoiceList } from '../chunk-QBXZLGK2.js';
 export { CodeBlock } from '../chunk-GDDE4UM7.js';
@@ -151,9 +151,9 @@ export { Tooltip } from '../chunk-QWOPX2MN.js';
 export { SegmentedControl } from '../chunk-RCQXUT5K.js';
 export { TabPanel, Tabs, tabId } from '../chunk-HJEVSQN6.js';
 import '../chunk-RKKO7QHH.js';
-export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from '../chunk-4JUKWWUD.js';
 export { DashboardCover, DocCover, SHEET_COVER_COLUMNS, SHEET_COVER_ROWS, SheetCover } from '../chunk-6AH2XJ3Q.js';
 export { Document, DocumentTitle } from '../chunk-M3LUNN7F.js';
+export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from '../chunk-4JUKWWUD.js';
 export { ARTIFACT_KINDS, ArtifactCard, ArtifactKindGlyph } from '../chunk-GOSQXEZU.js';
 export { PRINCIPAL_KINDS, PrincipalAvatar } from '../chunk-4KP4RC3O.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from '../chunk-3CZ7XAVY.js';

package/dist/index.js

@@ -12,8 +12,8 @@ export { ThemeSwatch } from './chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-WJDQ7XQA.js';
 export { ThemeToggle } from './chunk-NP2C4Y4E.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
-export { Timeline, TimelineItem } from './chunk-AUQPBL4O.js';
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-UZ6MA2V6.js';
+export { Timeline, TimelineItem } from './chunk-AUQPBL4O.js';
 export { Stepper } from './chunk-5QWIJSQM.js';
 export { Switcher } from './chunk-HVNTQ36V.js';
 export { Table } from './chunk-V2N3BMOT.js';
@@ -28,8 +28,8 @@ export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chu
 export { Select } from './chunk-FC4YTTFJ.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-CT4EZF62.js';
 export { TagGroup } from './chunk-O2EGEONV.js';
-export { NavGroup, NavItem, SidebarNav } from './chunk-UCCC7YVZ.js';
 export { matchesShortcut, useShortcut } from './chunk-2FPENTCF.js';
+export { NavGroup, NavItem, SidebarNav } from './chunk-UCCC7YVZ.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from './chunk-ZAJHGDAW.js';
 export { RichEditor, preloadRichEditor } from './chunk-VOX3YRFO.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-A4E5YLXO.js';
@@ -66,19 +66,20 @@ export { ListInput } from './chunk-Z6VW6CXX.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from './chunk-5XACKNYR.js';
 export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from './chunk-SKOYC2CF.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from './chunk-LZHLSQYK.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';
-export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from './chunk-ZXXDZJQN.js';
-export { useFullscreen } from './chunk-XDTYBF2F.js';
+export { ImageUpload } from './chunk-YDBC4DNW.js';
+export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-XYCADWZN.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-5YLON2PW.js';
 export { FollowBanner } from './chunk-LDJ3J4TQ.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';
+export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from './chunk-ZXXDZJQN.js';
+export { useFullscreen } from './chunk-XDTYBF2F.js';
 export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
 import './chunk-FFMCMSJB.js';
 export { IconTile } from './chunk-IXJHTFXG.js';
-export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from './chunk-XYCADWZN.js';
-export { ImageUpload } from './chunk-YDBC4DNW.js';
-export { EditingStatus } from './chunk-3DPIU2Q7.js';
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-UZ7ZUSLH.js';
+export { DownloadButton } from './chunk-BEHFTRMZ.js';
+export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-IW55G7XG.js';
+export { EditingStatus } from './chunk-FPS3JIPQ.js';
 export { EntityChip } from './chunk-4KWOKX2B.js';
 export { ErrorBoundary } from './chunk-XX2VQE55.js';
 export { Eyebrow } from './chunk-RK4XPHVG.js';
@@ -88,20 +89,19 @@ export { DIFF_LIST_LABELS, DiffList } from './chunk-LFHCXZO5.js';
 export { DIFF_SUMMARY_LABELS, DIFF_VIEW_LABELS, DiffSummary, DiffView, MAX_DIFF_LINES, collapseDiff, diffLines, diffStat, firstChangedLines, splitLines } from './chunk-BVWSLXTY.js';
 export { Disclosure } from './chunk-MICH6QSJ.js';
 export { Divider } from './chunk-6KWNXIDE.js';
-export { DownloadButton } from './chunk-BEHFTRMZ.js';
-export { downloadBlob, downloadText, safeFilename, useDownload } from './chunk-IW55G7XG.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from './chunk-UZ7ZUSLH.js';
 export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-UO7JZVCO.js';
 export { Container } from './chunk-QVE4GJAT.js';
 export { CursorFlag } from './chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from './chunk-I6POAB4V.js';
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from './chunk-UVJ5FF5V.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from './chunk-RODMM35O.js';
 export { PageHeader } from './chunk-HOXGBLEY.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-PGRPNDWM.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-Y5NQ2LMS.js';
 export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-EBJREOKS.js';
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from './chunk-ZB5O3ELS.js';
 export { Tag } from './chunk-GFV4LJHH.js';
 export { StatusDot } from './chunk-WIATRXEJ.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-Y5NQ2LMS.js';
 export { ChoiceButtons } from './chunk-YSJC7AZC.js';
 export { ChoiceList } from './chunk-QBXZLGK2.js';
 export { CodeBlock } from './chunk-GDDE4UM7.js';
@@ -151,9 +151,9 @@ export { Tooltip } from './chunk-QWOPX2MN.js';
 export { SegmentedControl } from './chunk-RCQXUT5K.js';
 export { TabPanel, Tabs, tabId } from './chunk-HJEVSQN6.js';
 import './chunk-RKKO7QHH.js';
-export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from './chunk-4JUKWWUD.js';
 export { DashboardCover, DocCover, SHEET_COVER_COLUMNS, SHEET_COVER_ROWS, SheetCover } from './chunk-6AH2XJ3Q.js';
 export { Document, DocumentTitle } from './chunk-M3LUNN7F.js';
+export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph } from './chunk-4JUKWWUD.js';
 export { ARTIFACT_KINDS, ArtifactCard, ArtifactKindGlyph } from './chunk-GOSQXEZU.js';
 export { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-4KP4RC3O.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from './chunk-3CZ7XAVY.js';

package/dist/styles.css

@@ -11527,7 +11527,7 @@ svg.crewlet-datetime__chevron {
 }
 
 
-/* EditingStatus-NFADEPSX.css */
+/* EditingStatus-L6THUAN7.css */
 /*
  * The editing status (EditingStatus.tsx): a word and a dot, in the bar's own
  * small step, quiet until something is unsaved.
@@ -11572,11 +11572,32 @@ svg.crewlet-datetime__chevron {
   margin-right: var(--spacing-2);
 }
 
+/*
+ * THE WORDS FOLD AND THE DOT STAYS where room is short, hidden from the eye
+ * and still read by a screen reader, so the status says the same thing to
+ * everyone. On a phone the state folds. On an artifact bar's narrow
+ * arrangement (below 640px, as ArtifactBar.css draws it) "Editing" folds too:
+ * the title has the row's room first, and Cancel and Save beside the dot
+ * already say an edit is open.
+ */
 @media (width < 480px) {
   .crewlet-editing-status__state {
     position: absolute;
     width: 1px;
     height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+  }
+}
+
+@container crewlet-artifact-bar (width < 640px) {
+  .crewlet-editing-status__label,
+  .crewlet-editing-status__state {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
     overflow: hidden;
     clip-path: inset(50%);
   }

package/package.json

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

package/dist/{chunk-UVJ5FF5V.js → chunk-RODMM35O.js}

@@ -1,7 +1,7 @@
 import { PageHeader } from './chunk-HOXGBLEY.js';
 import { Toolbar } from './chunk-PGRPNDWM.js';
-import { DataTable } from './chunk-EBJREOKS.js';
 import { DateTimePicker } from './chunk-Y5NQ2LMS.js';
+import { DataTable } from './chunk-EBJREOKS.js';
 import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
 import { Popover } from './chunk-BWRGFKJP.js';
 import { Input } from './chunk-6QFAK2WV.js';