@crewlethq/ui 0.41.1 → 0.43.0

package/README.md

@@ -50,9 +50,9 @@ import { Button } from '@crewlethq/ui/Button';  // 8 KB of CSS, not 182 KB
 | Charts | `Legend`, `BarList`, `StackedBar`, `StackedColumns`, `ActivityStrip`, `TimeSeries`, `Sparkline`, the reading layer they share (`ChartTooltip`, `useChartHover`), and the ramp (`DATA_COLORS`, `DATA_COLOR_OTHER`, `dataColor`) |
 | Marks | `Count`, `StatusDot`, `EmptyValue`, `VisuallyHidden` |
 | Hooks and seams | `useModalLayer`, `usePopupLayer`, `LayerHost`, `useListbox`, `useOptionKeys`, `useHighlightRest` and `HIGHLIGHT_REST_MS`, `useClipboard`, `useDownload`, `downloadText`, `downloadBlob`, `safeFilename`, `toCsv`, `elementToPng` and `ElementToPngError`, `useOutcome`, `useAnnouncer`, `useNow`, `formatRelative`, `HeadingLevelProvider`, `cx`, the node hues (`NODE_HUES`, `NODE_HUE_NAMES`, `isNodeHue`) |
-| Layout | `Container`, `Section`, `Card`, `TileGrid`, `Tabs`, `Accordion`, `Disclosure`, `Outline` (with `useActiveHeading` and `scrollToHeading`), `TreeGrid` |
+| Layout | `Container`, `Section`, `Card`, `TileGrid`, `ListDetail`, `Tabs`, `Accordion`, `Disclosure`, `Outline` (with `useActiveHeading` and `scrollToHeading`), `TreeGrid` |
 | Arranging a page | `ArrangeBoard`, `ArrangeGrid`, `ArrangeFrame` (with `useGridResize`), `ArrangeGroup`, `ArrangeList`, and the reorder hooks under them (`useReorder`, `useReorderLists`, `moveKey`) |
-| Application shell | `AppShell` with `AppShell.Rail`, `SectionFrame` (with `SectionFrame.Nav` and `SectionFrame.Body`), `LockedLabel`, `AppShell.Topbar`, `AppShell.AccountRow` and `useAppShell`, `AuthLayout`, `SidebarNav` and `NavItem`, `BrandLockup`, `SearchTrigger`, `PageHeader`, `Toolbar`, `Stack`, `Inline`, `Spacer`, `AutoGrid`, `ErrorBoundary`, `useShortcut`, `useFullscreen`, `useIdle`, `useMediaMatch` |
+| Application shell | `AppShell` with `AppShell.Rail`, `SectionFrame` (with `SectionFrame.Nav` and `SectionFrame.Body`), `LockedLabel`, `AppShell.Topbar`, `AppShell.AccountRow` and `useAppShell`, `AuthLayout`, `SidebarNav` and `NavItem`, `DirectoryList`, `BrandLockup`, `SearchTrigger`, `PageHeader`, `Toolbar`, `Stack`, `Inline`, `Spacer`, `AutoGrid`, `ErrorBoundary`, `useShortcut`, `useFullscreen`, `useIdle`, `useMediaMatch` |
 | Preferences | `ThemeToggle`, `ThemeSwitcher`, `DensitySwitcher`, `ThemeGallery`, `ThemeSwatch`, `useThemePreference`, `useDensityPreference`, `useSystemTheme`, `resolveTheme`, `applyStoredPreferences`, and the framework-free `applyTheme`, `applyPalette`, `applyDensity` with `THEME_PREFERENCES`, `DENSITY_PREFERENCES` and their guards |
 | Artifacts | `SandboxedFrame` (with `SandboxedFramePlaceholder` and `SandboxedFrameNotice`), `LinkInterstitial` and `openExternal`, `VersionTimeline`, `ShareDialog` with the role ladder (`ARTIFACT_ROLES`, `SHAREABLE_ROLES`, `roleAtLeast`), `PrincipalPicker`, `Principal` and `PrincipalAvatar`, `ArtifactCard`, `ArtifactKindGlyph` and `ArtifactPreviewGlyph` (the preview a card draws with no cover, for a cover with nothing to draw), `ArtifactBar` and `ArtifactVersionChip` (an open artifact's one slim bar), `ArtifactPanel` and `ArtifactWorkspace` (the panels it opens beside or over the artifact), `CanvasBoard` (a design's artboards and notes on a `Canvas`, with the visibility budget `liveBoards`), `CanvasToolbar` (a canvas's tool palette, with `toolForKey`), `LayersList` (the list of a canvas's items beside it, marked by the canvas's selection), `CanvasSchematic` (a design's cover, drawn from its boards' frames), `AccessDeniedCard`, `ArtifactIcon` (with `artifactIconGlyph` and `ARTIFACT_ICON_WORDS`), the native gallery covers (`DocCover`, `SheetCover`, `DashboardCover`), `MergeConflicts`, the dashboard pieces (`WidgetFrame`, `DatasetSource` and `DatasetSourceList`), and `FrameProtocol` (the wire between a host page and an embedded artifact, with no React in it), `ArtifactNameCell` and `ArtifactAccessLabel` (with `ArtifactAccessGlyph`) for a list of artifacts |
 | Sheets | `SheetGrid`, the cells on their own (`CheckboxCell`, `TextCell`, `LongTextCell`, `NumberCell`, `SelectCell`, `MultiSelectCell`, `PersonCell`, `StatusCell`, `DateCell`, `UrlCell`, `RatingCell`, and `SheetCell` for any type), `ChangeMark`, and `SheetModel` (every rule a sheet is drawn from, with no React in it: values, parsing, the keyboard model, TSV, the pending edits of D23) |
@@ -204,6 +204,26 @@ 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.43.0
+
+The parts of the engine's Company › Integrations page, a directory of everything a company works in beside the detail of the one chosen.
+
+**`DirectoryList` is a directory in named groups**: each line a link to the item's own page with its mark, its label, a quieter hint under it (`hint`, the app a product belongs to) and its state where it has one (`status`, a status dot or a pill), the chosen line `aria-current="page"` on the selected ground. It is a navigation landmark of lists under headings (`headingLevel`), and it fills the height it is given: the groups scroll on their own and the `foot` holds the bottom of the column, one small step under them with one hairline above it, for one fact about the whole list such as an address.
+
+**`ListDetail` lays a list beside the detail of what is chosen in it**, each scrolling on its own in the height it is given (an application shell's `fill`), the list column `--crewlet-list-detail-list` wide (17rem by default) with a hairline between the two. Below 640px it is one pane, the one `showing` names (`list` or `detail`), on a page that scrolls as any other.
+
+**`ObjectHeader` takes a `mark`**: the object's own mark, drawn on a plate the catalogue tile's well at one and a half rows, beside the column the rest of the header keeps (a row at `size="peek"` and on a phone). A header without one is unchanged.
+
+**`@crewlethq/icons` adds `ProductMark`**, the marks of the services built into Crewlet (`works`, `knowledge`, `chat`) beside `VendorMark`, with `soon` for a product that has not shipped, drawn hollow rather than grey. See the icons README.
+
+## Changes in 0.42.0
+
+**`IconButtonLink` is an icon-only link** drawn as an `IconButton`: a place reached by its glyph, such as Settings beside the reader's own row in a rail's foot. It is a real anchor (`href`), named and titled by its `label`, and `current` marks the page the reader is on with `aria-current="page"` and a nav row's selected treatment, the lifted ground inside the default hairline, drawn on the square's own transparent boundary so nothing moves; its ring then covers that edge.
+
+**The rail's search field is a row's width.** Its edges are a nav row's highlight edges (the gutter in from each side), and its glyph and shortcut stay on the rows' content columns through its pad (`--crewlet-rail-field-pad` is the row's pad less the field's edge). It keeps the compact step and the one-step gap to the nav.
+
+**The account row's words take the room in a rail's foot.** The avatar keeps the nav's glyph-to-word gap, so the name starts on the nav's word line, and every gap after the name is smaller: the menu's chevron stands one step off the words, the link ends half a step after it, and the controls beside the link are half a step apart and half a step off it. With two controls beside it (Settings and Preferences), the name and the detail keep 110px where the same row with the earlier gaps kept 98px.
+
 ## Changes in 0.41.1
 
 **The rail's search field is compact and stands on the nav's content columns** (`SearchTrigger variant="rail"` in the `AppShell.Rail` search slot). It is 26px tall (the small control step, never under the 24px target) where it was 34px, with 6px inside each end where it had 10px. Its glyph stays on the nav's glyph column, and its shortcut now ends where a row's words end, so the field is 210px wide in a 236px rail where it ran 219px from gutter to gutter. The slot names the pad (`--crewlet-rail-field-pad`), so its inset and the field's pad are one measure; outside the slot the field keeps the trigger's own pad. The slot no longer adds its own 12px under the field, so the nav's top inset (8px) is the one gap between the field and the first row, where it was 20px. The rail's rows start 20px higher. A label longer than the field still truncates before the shortcut does.

package/dist/AgentHandoffPanel/index.js

@@ -1,16 +1,16 @@
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-3TXY3PJZ.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-BO7Q6JP6.js';
 import '../chunk-AUQPBL4O.js';
 import '../chunk-3TFDQLW3.js';
 import '../chunk-OGXHZHRX.js';
-import '../chunk-ISA2O2BK.js';
-import '../chunk-Y5BD4MTE.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-7CXGSS7D.js';
+import '../chunk-NBDN5JZV.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-FZVJDJFN.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/AppShell/index.js

@@ -1,11 +1,11 @@
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-NURXCBCW.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-5AHDGYKN.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{AppShell-3R4ZU4ND.css → AppShell-TSACKAU7.css}

@@ -218,20 +218,20 @@
 }
 
 /*
- * THE RAIL'S FIELD ON THE NAV'S CONTENT COLUMNS, compact. Its glyph stands on
- * the nav's glyph column and its shortcut ends where a row's words can end:
- * a row's content is the gutter and the row's pad in from each edge, the
- * field's is the slot's inset, its own 1px edge and its pad
+ * THE RAIL'S FIELD IS A ROW'S WIDTH, compact: its edges are a nav row's
+ * highlight edges, the nav's gutter in from each side of the rail, and its
+ * content stands on a row's content columns through its pad
  * (`--crewlet-rail-field-pad`, which the rail variant of `SearchTrigger`
- * takes), so the inset at each end makes up the difference. Standing on the
- * rows' content rather than on their backgrounds' edges, the field is
- * narrower than a row, a field in the rail rather than a bar across it.
+ * takes): the glyph on the nav's glyph column and the shortcut ending where a
+ * row's words end. A row's content is the gutter and the row's pad in; the
+ * field's is the slot's inset, its own 1px edge and its pad, so the inset at
+ * each end makes up the difference, which is the gutter.
  *
  * And it is held off the nav by the nav's own top inset alone, one step, so
  * the field and the rows read as one group with the field first.
  */
 .crewlet-app-shell__rail-search {
-  --crewlet-rail-field-pad: calc(var(--spacing-1) + var(--spacing-1) / 2);
+  --crewlet-rail-field-pad: calc(var(--size-nav-row-pad) - 1px);
   padding: 0 calc(var(--size-nav-gutter) + var(--size-nav-row-pad) - var(--crewlet-rail-field-pad) - 1px);
 }
 
@@ -813,22 +813,40 @@
  * whatever size of badge a caller hands the row, it is centred where a glyph
  * is, and the row takes the nav row's pad and its glyph-to-word gap.
  */
+/*
+ * AND THE WORDS TAKE THE ROOM: the name and the detail are what the row is
+ * for, so every gap after the name is the half step and the menu's chevron
+ * stands one step off the words at least, at the link's end. The controls
+ * beside the link (Settings, Preferences) are half a step apart and half a
+ * step off the link, so a reader's name keeps the width two controls leave.
+ */
 .crewlet-app-shell__rail-foot .crewlet-account-row {
   --crewlet-account-row-pad: var(--spacing-0);
+  gap: calc(var(--spacing-1) / 2);
 }
 
 .crewlet-app-shell__rail-foot .crewlet-account-row__who {
   --crewlet-hit-area-block-start: calc(var(--crewlet-rail-foot-gap) / 2 + var(--crewlet-account-row-pad));
-  gap: calc(var(--spacing-2) + var(--spacing-1) / 2);
+  gap: 0;
   /* On the foot's compact step: the two lines of name and detail with half a
      step above and below them, which still clears the avatar. */
   padding-block: calc(var(--spacing-1) / 2);
-  padding-inline-start: var(--size-nav-row-pad);
+  padding-inline: var(--size-nav-row-pad) calc(var(--spacing-1) / 2);
 }
 
 .crewlet-app-shell__rail-foot .crewlet-account-row__avatar {
   justify-content: center;
   width: 14px;
+  /* The nav's glyph-to-word gap, so the name starts on the nav's word line. */
+  margin-inline-end: calc(var(--spacing-2) + var(--spacing-1) / 2);
+}
+
+.crewlet-app-shell__rail-foot .crewlet-account-row__text {
+  margin-inline-end: var(--spacing-1);
+}
+
+.crewlet-app-shell__rail-foot .crewlet-account-row__actions {
+  gap: calc(var(--spacing-1) / 2);
 }
 
 /* The row as the reader's menu button: a button drawn as the link is. */

package/dist/ArrangeFrame/index.js

@@ -1,5 +1,5 @@
-export { ArrangeFrame, useGridResize } from '../chunk-WMXAX6VA.js';
+export { ArrangeFrame, useGridResize } from '../chunk-LKBZV5IT.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArrangeList/index.js

@@ -1,11 +1,11 @@
-export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-ZMWXE4GT.js';
+export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-GPIRKHGS.js';
 import '../chunk-A722MUNR.js';
 import '../chunk-XJ2QEBMM.js';
-import '../chunk-AXS6MBNH.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-EY7LACIR.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-RSAQOKH3.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-RSAQOKH3.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArtifactBar/index.js

@@ -1,7 +1,7 @@
-export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-2VOHUGUA.js';
+export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-UO5VJHWP.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-4OK4DX3V.js';
-import '../chunk-X4IXXLWM.js';
+import '../chunk-BF5WV7NM.js';
+import '../chunk-KA75QPFM.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-I33UIUZD.js';
@@ -9,12 +9,12 @@ import '../chunk-ILDNJHRU.js';
 import '../chunk-CE2THTQR.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArtifactPanel/index.js

@@ -1,5 +1,5 @@
-export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from '../chunk-Y5BD4MTE.js';
+export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from '../chunk-NBDN5JZV.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/AvatarPicker/index.js

@@ -1,20 +1,20 @@
-export { AvatarPicker } from '../chunk-A44YHLCQ.js';
-import '../chunk-BA32AVKS.js';
+export { AvatarPicker } from '../chunk-PLLYOPS4.js';
+import '../chunk-QOP7QYUW.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-SNQRGH4A.js';
-import '../chunk-4OK4DX3V.js';
-import '../chunk-X4IXXLWM.js';
+import '../chunk-VZICPYGR.js';
+import '../chunk-PZKHBB7D.js';
+import '../chunk-BF5WV7NM.js';
+import '../chunk-KA75QPFM.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-PZKHBB7D.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Canvas/index.js

@@ -1,11 +1,11 @@
-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-DAERKOOG.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-TVV7XSO5.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CanvasBoard/index.js

@@ -1,15 +1,15 @@
-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-C7OKDYBH.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-626CB5X6.js';
 import '../chunk-5SZGKSGL.js';
-import '../chunk-B5UHX5UC.js';
+import '../chunk-7WNJLNFD.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-DAERKOOG.js';
+import '../chunk-TVV7XSO5.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CanvasToolbar/index.js

@@ -1,13 +1,13 @@
-export { CanvasToolbar, toolForKey } from '../chunk-B5UHX5UC.js';
+export { CanvasToolbar, toolForKey } from '../chunk-7WNJLNFD.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-DAERKOOG.js';
+import '../chunk-TVV7XSO5.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CharacterPicker/index.js

@@ -1,5 +1,5 @@
 import '../chunk-3L5NHASN.js';
-export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-SNQRGH4A.js';
-import '../chunk-EGMQURBR.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-VZICPYGR.js';
 import '../chunk-PZKHBB7D.js';
+import '../chunk-EGMQURBR.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Checkbox/index.js

@@ -1,7 +1,7 @@
-export { Checkbox, CheckboxGroup } from '../chunk-AXS6MBNH.js';
-import '../chunk-TYONQSOK.js';
+export { Checkbox, CheckboxGroup } from '../chunk-EY7LACIR.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CodeBlock/index.js

@@ -1,8 +1,8 @@
-export { CodeBlock } from '../chunk-SEC2GR2V.js';
-import '../chunk-W46LPU4R.js';
+export { CodeBlock } from '../chunk-A4GFEMVI.js';
+import '../chunk-7SHAFLEX.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Combobox/index.js

@@ -1,10 +1,10 @@
-export { Combobox } from '../chunk-EAEJ7CDM.js';
+export { Combobox } from '../chunk-MVGCZ655.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommandPalette/index.js

@@ -1,7 +1,7 @@
-export { CommandPalette } from '../chunk-XGBUUQDU.js';
-import '../chunk-IAGYPTEJ.js';
+export { CommandPalette } from '../chunk-6MAQ2SVP.js';
+import '../chunk-FYINAYAJ.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
@@ -9,7 +9,7 @@ import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommentThread/index.js

@@ -1,17 +1,17 @@
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-MMPKN7WV.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-AGNZIT3Z.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-PWG3VHRQ.js';
-import '../chunk-ISA2O2BK.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-7CXGSS7D.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Composer/index.js

@@ -1,8 +1,8 @@
-export { COMPOSER_COUNTER_AT, Composer } from '../chunk-ISA2O2BK.js';
-import '../chunk-TYONQSOK.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-7CXGSS7D.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ConfirmField/index.js

@@ -1,8 +1,8 @@
-export { ConfirmField, confirmMatches } from '../chunk-PEUGPAKH.js';
+export { ConfirmField, confirmMatches } from '../chunk-FG243QHY.js';
 import '../chunk-5CLW2CXT.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Copyable/index.js

@@ -1,7 +1,7 @@
-export { CopyButton, Copyable } from '../chunk-W46LPU4R.js';
+export { CopyButton, Copyable } from '../chunk-7SHAFLEX.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataTable/index.js

@@ -1,17 +1,17 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-FXBGEANQ.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-GI3S6RMM.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-IAGYPTEJ.js';
-import '../chunk-AXS6MBNH.js';
+import '../chunk-FYINAYAJ.js';
+import '../chunk-EY7LACIR.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataView/index.js

@@ -1,27 +1,27 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-H6CEFQTR.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-NCM73C34.js';
 import '../chunk-HOXGBLEY.js';
-import '../chunk-RFFXB3PR.js';
-import '../chunk-FXBGEANQ.js';
+import '../chunk-GI3S6RMM.js';
+import '../chunk-UFXLNC2N.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-IAGYPTEJ.js';
+import '../chunk-FYINAYAJ.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-GXQ3B46I.js';
 import '../chunk-KHJIEPZV.js';
+import '../chunk-GXQ3B46I.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-AXS6MBNH.js';
+import '../chunk-EY7LACIR.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DatasetSource/index.js

@@ -1,8 +1,8 @@
 export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-HQJ24WPM.js';
 import '../chunk-KYIAFNU7.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DateTimePicker/index.js

@@ -1,10 +1,10 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-RFFXB3PR.js';
-import '../chunk-GXQ3B46I.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-UFXLNC2N.js';
 import '../chunk-KHJIEPZV.js';
+import '../chunk-GXQ3B46I.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DirectoryList/DirectoryList.d.ts

@@ -0,0 +1,55 @@
+import { type MouseEventHandler, type ReactNode } from 'react';
+import { type HeadingLevel } from '../utils/headingLevel.js';
+export interface DirectoryItem {
+    /** Unique within the list. */
+    key: string;
+    /** Where the line goes: the item's own page. */
+    href: string;
+    /** The item's mark: a vendor's, a product's. Decorative, since the label names it. */
+    mark?: ReactNode;
+    label: ReactNode;
+    /** A quieter line under the label: the app a product belongs to. */
+    hint?: ReactNode;
+    /** The item's state where it has one: a status dot and word, or a pill. */
+    status?: ReactNode;
+    /** The item the page is showing. */
+    selected?: boolean | undefined;
+    /** For an application that routes in place of the browser. */
+    onClick?: MouseEventHandler<HTMLAnchorElement> | undefined;
+}
+export interface DirectoryGroup {
+    /** Unique within the list. */
+    key: string;
+    label: ReactNode;
+    items: readonly DirectoryItem[];
+}
+export interface DirectoryListProps {
+    /** What the list is, for a screen reader's landmark: "Integrations". */
+    label: string;
+    groups: readonly DirectoryGroup[];
+    /**
+     * One quiet fact that belongs to the whole list, held at its foot: it stays
+     * at the bottom of the column while the groups scroll above it.
+     */
+    foot?: ReactNode;
+    /** The level of each group's heading; the level the list stands at by default. */
+    headingLevel?: HeadingLevel | undefined;
+    className?: string | undefined;
+}
+/**
+ * A directory: everything of one kind, in named groups, each line a link to
+ * the item's own page, beside which a page shows the one chosen.
+ *
+ * A NAVIGATION LANDMARK of lists under headings, so a screen reader can jump
+ * group to group and is told how many lines each holds. The chosen line is
+ * `aria-current="page"` and drawn on the selected ground. A line carries its
+ * mark, its label (and a quieter hint under it) and its state where it has
+ * one; a line with no state says nothing rather than "none".
+ *
+ * IT FILLS THE HEIGHT IT IS GIVEN. The groups take the room and scroll on
+ * their own when they outgrow it, and the foot holds the bottom, one small
+ * step under them, so a fact about the whole list (an address, a count) is in
+ * the same place however long the list is. Placed in a column of a page that
+ * scrolls as a whole, it is as tall as its lines and the foot ends it.
+ */
+export declare function DirectoryList({ label, groups, foot, headingLevel, className }: DirectoryListProps): import("react").JSX.Element;

package/dist/DirectoryList/index.d.ts

@@ -0,0 +1,3 @@
+import './DirectoryList.css';
+export { DirectoryList } from './DirectoryList.js';
+export type { DirectoryGroup, DirectoryItem, DirectoryListProps } from './DirectoryList.js';

package/dist/DirectoryList/index.js

@@ -0,0 +1,3 @@
+export { DirectoryList } from '../chunk-SJ6DMG4R.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-ODEQTPFM.js';