@crewlethq/ui 0.81.2 → 0.83.0

package/dist/RelatedRow/index.js

@@ -1,9 +1,9 @@
-export { RelatedRow } from '../chunk-CNEHFH2A.js';
+export { RelatedRow } from '../chunk-EAHEJNVJ.js';
 import '../chunk-QP2P6GDQ.js';
 import '../chunk-ZAC7SKUN.js';
-import '../chunk-4AUTALJA.js';
+import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-MLDTLZAO.js';
+import '../chunk-D2GT3CR4.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Reorder/index.js

@@ -1,4 +1,5 @@
-export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from '../chunk-MPVMB2DV.js';
+export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from '../chunk-BVML4UVB.js';
+import '../chunk-YJQXESOJ.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ResultTableCard/index.js

@@ -1,16 +1,16 @@
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-6LXS3X7A.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-2L4WHYMT.js';
 import '../chunk-75NQV4R4.js';
 import '../chunk-EHFQMY3B.js';
 import '../chunk-YNRKVY7X.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-RTMNULTL.js';
-import '../chunk-VERJCAJ4.js';
-import '../chunk-CYQBDZ6M.js';
-import '../chunk-4AUTALJA.js';
+import '../chunk-FLW5U7YS.js';
+import '../chunk-LBGKLYBY.js';
+import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-MLDTLZAO.js';
-import '../chunk-PQADV6P6.js';
+import '../chunk-CYQBDZ6M.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
+import '../chunk-D2GT3CR4.js';
+import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ReviewList/index.js

@@ -1,6 +1,6 @@
-export { ReviewList } from '../chunk-NKBKQEKS.js';
+export { ReviewList } from '../chunk-NFXCJGHG.js';
 import '../chunk-3LI4TRUR.js';
-import '../chunk-VERJCAJ4.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/RichEditor/index.js

@@ -1,9 +1,9 @@
-export { RichEditor, preloadRichEditor } from '../chunk-6X5PGHEX.js';
+export { RichEditor, preloadRichEditor } from '../chunk-AUSFKGKL.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-2DMTW2Y3.js';
 import '../chunk-KOJPDCGQ.js';
 import '../chunk-KBZO4B33.js';
 import '../chunk-BPCY7ZID.js';
-import '../chunk-BRLZXYPA.js';
+import '../chunk-I4IUX3JF.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';

package/dist/RunChip/index.js

@@ -1,10 +1,10 @@
-export { RUN_STATES, RunChip } from '../chunk-GPFYITOF.js';
+export { RUN_STATES, RunChip } from '../chunk-X7VZQKIW.js';
 import '../chunk-RJWO2PC5.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-222VILSP.js';
-import '../chunk-IVTQWOXV.js';
-import '../chunk-MLDTLZAO.js';
-import '../chunk-PQADV6P6.js';
+import '../chunk-LVJGN5II.js';
 import '../chunk-XSPCITPN.js';
+import '../chunk-ULYHDP7U.js';
+import '../chunk-D2GT3CR4.js';
+import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SandboxedFrame/index.js

@@ -1,8 +1,8 @@
-export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-DGSK4LLS.js';
+export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-V6WDJUYK.js';
 import '../chunk-F6V2PTN6.js';
 import '../chunk-ZXXDZJQN.js';
 import '../chunk-BPCY7ZID.js';
-import '../chunk-BRLZXYPA.js';
+import '../chunk-I4IUX3JF.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';

package/dist/SectionFrame/index.js

@@ -1,5 +1,5 @@
-export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-G4CGDUCP.js';
-import '../chunk-WCDPFTJZ.js';
+export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-YRNNUCQP.js';
+import '../chunk-25JQNHTC.js';
 import '../chunk-TEV5REGB.js';
 import '../chunk-HBDA76EZ.js';
 import '../chunk-2YTOOH3A.js';

package/dist/SegmentedControl/index.js

@@ -1,16 +1,17 @@
 import '../chunk-36WK24AI.js';
-export { SegmentedControl } from '../chunk-6R334YT3.js';
-import '../chunk-2IIHMJMZ.js';
+export { SegmentedControl } from '../chunk-AZYE7NR4.js';
+import '../chunk-MVKUE4FI.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-MLDTLZAO.js';
-import '../chunk-OQG4P5KU.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
-import '../chunk-H5XTJ7GJ.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-D2GT3CR4.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Select/index.js

@@ -1,7 +1,7 @@
-export { Select } from '../chunk-VK45YJLH.js';
-import '../chunk-7KHM2FZH.js';
+export { Select } from '../chunk-3IWZVEXA.js';
+import '../chunk-YGRTX67J.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SelectionBar/index.js

@@ -1,10 +1,10 @@
-export { SelectionBar } from '../chunk-L4HHWG4V.js';
-import '../chunk-NR4CPM4T.js';
-import '../chunk-2G355KDJ.js';
+export { SelectionBar } from '../chunk-XA2QKGBJ.js';
+import '../chunk-NXFTCPF6.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
-import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-OMV5W53A.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SetupWizard/index.js

@@ -1,12 +1,12 @@
-export { SetupWizard } from '../chunk-5EFLA6BW.js';
+export { SetupWizard } from '../chunk-K6RWEQ6P.js';
 import '../chunk-RJWO2PC5.js';
 import '../chunk-FPDIHEM4.js';
+import '../chunk-YJQXESOJ.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-222VILSP.js';
-import '../chunk-IVTQWOXV.js';
-import '../chunk-MLDTLZAO.js';
-import '../chunk-PQADV6P6.js';
-import '../chunk-RTPQDNW3.js';
+import '../chunk-LVJGN5II.js';
 import '../chunk-XSPCITPN.js';
+import '../chunk-ULYHDP7U.js';
+import '../chunk-D2GT3CR4.js';
+import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ShareDialog/index.js

@@ -1,22 +1,23 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-Q2T4L6ML.js';
-import '../chunk-VK45YJLH.js';
-import '../chunk-C667GCU7.js';
-import '../chunk-7KHM2FZH.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-AQNP3KQU.js';
+import '../chunk-3IWZVEXA.js';
+import '../chunk-ZXXZESCD.js';
 import '../chunk-T5GBTXNC.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
+import '../chunk-YGRTX67J.js';
 import '../chunk-BPCY7ZID.js';
-import '../chunk-N2BF272H.js';
-import '../chunk-BT3GB7HC.js';
-import '../chunk-KTIQSSME.js';
-import '../chunk-PQADV6P6.js';
-import '../chunk-RTPQDNW3.js';
+import '../chunk-HF5L56YQ.js';
+import '../chunk-IRONPJB4.js';
+import '../chunk-XZY6S3UC.js';
+import '../chunk-YJQXESOJ.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
-import '../chunk-H5XTJ7GJ.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetColumnEditor/index.js

@@ -1,29 +1,30 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-O222F2IX.js';
-import '../chunk-VK45YJLH.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-SGMWLUYQ.js';
+import '../chunk-3IWZVEXA.js';
 import '../chunk-FFMCMSJB.js';
-import '../chunk-7KHM2FZH.js';
+import '../chunk-YGRTX67J.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-HEA6TERQ.js';
+import '../chunk-SHH7UD5U.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-6R334YT3.js';
-import '../chunk-2IIHMJMZ.js';
+import '../chunk-YQ7Q52XU.js';
+import '../chunk-AZYE7NR4.js';
+import '../chunk-MVKUE4FI.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-LMQG3VPG.js';
-import '../chunk-ANTAQAR4.js';
-import '../chunk-FB3TCNQP.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
+import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
-import '../chunk-MLDTLZAO.js';
-import '../chunk-PQADV6P6.js';
-import '../chunk-2G355KDJ.js';
-import '../chunk-OQG4P5KU.js';
+import '../chunk-CMAZZY2I.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
-import '../chunk-H5XTJ7GJ.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-D2GT3CR4.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetGrid/index.js

@@ -1,25 +1,27 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-2STOSJT3.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-46FIBJCV.js';
 import '../chunk-UEOEBOBR.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-MMCYH5LB.js';
 import '../chunk-EFX2YC5T.js';
-import '../chunk-Z2MZTI3H.js';
+import '../chunk-VB3FVKNI.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-KHJIEPZV.js';
+import '../chunk-LBGKLYBY.js';
+import '../chunk-EC6EUIAD.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-VERJCAJ4.js';
-import '../chunk-I33UIUZD.js';
+import '../chunk-IRONPJB4.js';
+import '../chunk-XZY6S3UC.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-BT3GB7HC.js';
-import '../chunk-KTIQSSME.js';
-import '../chunk-2G355KDJ.js';
-import '../chunk-OQG4P5KU.js';
+import '../chunk-7ZSEUO5Q.js';
+import '../chunk-HTS5RJ7S.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
-import '../chunk-H5XTJ7GJ.js';
+import '../chunk-OMV5W53A.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Shortcut/index.js

@@ -1,5 +1,5 @@
-export { matchesShortcut, useShortcut } from '../chunk-AYHIF6DH.js';
+export { matchesShortcut, useShortcut } from '../chunk-LZNPL266.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SidePanel/SidePanel.d.ts

@@ -17,6 +17,13 @@ export declare const SIDE_PANEL_LABELS: SidePanelLabels;
 export interface SidePanelProps {
     /** Names the panel; it is the panel's heading, level two. */
     title: string;
+    /**
+     * What the panel is about, after the title on its baseline in the tertiary
+     * ink ("Thread" then the room it is in): text or a link. It drops under the
+     * title when the two do not fit, and the title keeps one line, ellipsised.
+     * Not part of the panel's name. Not drawn with `hideTitle`.
+     */
+    subtitle?: ReactNode;
     /** A mark before the title: the product mark, the glyph of the control that opened it. */
     icon?: ReactNode;
     /** Draw the title for assistive technology only, where the icon says it. */
@@ -93,7 +100,7 @@ export interface SidePanelProps {
  * region, sizes the track and draws the grip in the seam, from the same
  * width the host keeps for both.
  */
-export declare function SidePanel({ title, icon, hideTitle, onClose, actions, footer, flush, width, minWidth, maxWidth, defaultWidth, onWidthChange, onWidthCommit, resizable, initialFocus, labels, className, children, }: SidePanelProps): import("react").JSX.Element;
+export declare function SidePanel({ title, subtitle, icon, hideTitle, onClose, actions, footer, flush, width, minWidth, maxWidth, defaultWidth, onWidthChange, onWidthCommit, resizable, initialFocus, labels, className, children, }: SidePanelProps): import("react").JSX.Element;
 export interface SidePanelFrameProps {
     /** The open panel, if any: a `SidePanel`. */
     panel?: ReactNode;

package/dist/SidePanel/SidePanelBase.d.ts

@@ -29,6 +29,8 @@ export interface SidePanelBaseProps {
     /** A preset's own block class, added beside every part's class. */
     alias?: string | undefined;
     title: string;
+    /** A second line after the title, on its baseline: what the panel is about. */
+    subtitle?: ReactNode;
     icon?: ReactNode;
     onClose: () => void;
     closeLabel: string;
@@ -56,4 +58,4 @@ export interface SidePanelBaseProps {
     className?: string | undefined;
     children: ReactNode;
 }
-export declare function SidePanelBase({ alias, title, icon, onClose, closeLabel, actions, footer, flush, initialFocus, ringHeading, hideTitle, expanded, onExpandedChange, expandLabel, collapseLabel, width, minWidth, maxWidth, defaultWidth, onWidthChange, onWidthCommit, resizable, resizeLabel, className, children, }: SidePanelBaseProps): import("react").JSX.Element;
+export declare function SidePanelBase({ alias, title, subtitle, icon, onClose, closeLabel, actions, footer, flush, initialFocus, ringHeading, hideTitle, expanded, onExpandedChange, expandLabel, collapseLabel, width, minWidth, maxWidth, defaultWidth, onWidthChange, onWidthCommit, resizable, resizeLabel, className, children, }: SidePanelBaseProps): import("react").JSX.Element;

package/dist/SidePanel/index.js

@@ -1,11 +1,11 @@
-import '../chunk-73GUXYYE.js';
-export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from '../chunk-CLJGFOTV.js';
-import '../chunk-PQADV6P6.js';
+import '../chunk-5AHNW5CP.js';
+export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from '../chunk-SKGOKLJD.js';
 import '../chunk-PIYJNCN7.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-H5XTJ7GJ.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{SidePanel-VXKUKLOJ.css → SidePanel-BKWT6Q6Z.css}

@@ -88,6 +88,42 @@
   border-bottom: 1px solid var(--color-border-default);
 }
 
+/* With a subtitle the head holds one or two lines, so its height is a floor
+   rather than a height, and its controls stay on the first line. */
+.crewlet-side-panel__head--subtitled {
+  align-items: flex-start;
+  height: auto;
+  min-height: var(--crewlet-side-panel-head-height);
+  padding-block: calc((var(--crewlet-side-panel-head-height) - var(--size-control-sm)) / 2);
+  box-sizing: border-box;
+}
+
+/* The title and the subtitle on one baseline, the subtitle dropping under
+   the title when the two do not fit; the title shrinks to its own line and
+   is ellipsised there. Centred on the controls' line while it is one line. */
+.crewlet-side-panel__heading {
+  display: flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  align-items: baseline;
+  column-gap: var(--spacing-2);
+  min-width: 0;
+  min-height: var(--size-control-sm);
+  align-content: center;
+}
+
+.crewlet-side-panel__heading > .crewlet-side-panel__title {
+  flex: 0 1 auto;
+}
+
+.crewlet-side-panel__subtitle {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-sm);
+  line-height: var(--font-line-height-snug);
+}
+
 .crewlet-side-panel__icon {
   display: inline-flex;
   flex: none;

package/dist/SidebarNav/SidebarNav.d.ts

@@ -24,6 +24,16 @@
  * unread"), because a bare "5" after a name says nothing about what it counts,
  * and both carry those words as required props, so a figure without them does
  * not type-check.
+ *
+ * A LONG LIST READ IN PASSING IS THE SAME COMPONENT, DENSER (`dense`): a room
+ * list beside a conversation, with rows at the target floor, names in the
+ * regular weight, and two states a navigation does not need, `unread` (the
+ * name a step heavier and brighter) and `muted` (the quiet ink). Its groups
+ * can fold (`collapsible`), and a folded group still shows the row the reader
+ * is on and the rows with news, so folding never hides what is calling.
+ *
+ * THE RAIL FOLDED TO ITS MARKS IS `CompactNav`, whose places take these rows'
+ * own prop types, so one list of places feeds both shapes.
  */
 import { type MouseEventHandler, type ReactNode } from 'react';
 export interface SidebarNavProps {
@@ -33,6 +43,16 @@ export interface SidebarNavProps {
      * landmarks both called "navigation".
      */
     label: string;
+    /**
+     * A list read in passing that runs long (a room list, a directory), drawn a
+     * step denser than the application's navigation: rows at the target floor
+     * (24px), the gutter halved so a row's highlight runs nearly from edge to
+     * edge, the row's pad grown by the same step so every glyph and name keeps
+     * the line it was on, a glyph slot as wide as a small face so faces and
+     * glyphs share one column, and names in the regular weight, which is what
+     * lets an `unread` row stand out by weight alone.
+     */
+    dense?: boolean | undefined;
     className?: string | undefined;
     children?: ReactNode;
 }
@@ -80,6 +100,20 @@ export interface NavGroupProps {
      * heading to carry the key, so its rows keep theirs.
      */
     locked?: string | undefined;
+    /**
+     * The heading folds the group: it becomes a button, its chevron in the glyph
+     * column and its words on the label line, and a folded group still draws
+     * the rows a reader must not lose sight of, the one they are on and the
+     * ones marked `unread` (and not `muted`). Only for a NAMED group: the words
+     * are the button's name.
+     */
+    collapsible?: boolean | undefined;
+    /** Whether a collapsible group is folded, for a caller that keeps the state. */
+    collapsed?: boolean | undefined;
+    /** Whether a collapsible group starts folded, for one that leaves the state to the group. */
+    defaultCollapsed?: boolean | undefined;
+    /** Every fold and unfold of a collapsible group. */
+    onCollapsedChange?: ((collapsed: boolean) => void) | undefined;
     className?: string | undefined;
     children?: ReactNode;
 }
@@ -170,6 +204,21 @@ export interface NavItemProps {
      * is the page that says the reader may not read it.
      */
     locked?: string | undefined;
+    /**
+     * Something here is new to the reader: a room with messages they have not
+     * read. The row's name steps up to the primary ink and the medium weight,
+     * which reads in a `dense` list whose names are regular. A screen reader
+     * hears ", unread" after the name unless the row's figure already says
+     * what is waiting, and a folded group keeps the row in view.
+     */
+    unread?: boolean | undefined;
+    /**
+     * The reader asked to hear less from here: the row rests in the quiet ink,
+     * and lifts as every row does under the pointer and while current. It
+     * outranks `unread`, since a muted place's news is not asking for them, and
+     * a screen reader hears ", muted" after the name.
+     */
+    muted?: boolean | undefined;
     /** The row's hint, as the pointer's title: what the destination answers. */
     title?: string | undefined;
     /**
@@ -191,7 +240,7 @@ export interface NavItemProps {
     className?: string | undefined;
 }
 /** The navigation region in the rail. */
-export declare function SidebarNav({ label, className, children }: SidebarNavProps): import("react").JSX.Element;
+export declare function SidebarNav({ label, dense, className, children }: SidebarNavProps): import("react").JSX.Element;
 export declare namespace SidebarNav {
     var Group: typeof NavGroup;
     var Item: typeof NavItem;
@@ -205,6 +254,6 @@ export declare namespace SidebarNav {
  * `<div>` here still carries the label's own padding, which put sixteen blank
  * pixels at the top of the rail and named a group nothing could read.
  */
-export declare function NavGroup({ label, action, locked, className, children }: NavGroupProps): import("react").JSX.Element;
+export declare function NavGroup({ label, action, locked, collapsible, collapsed, defaultCollapsed, onCollapsedChange, className, children, }: NavGroupProps): import("react").JSX.Element;
 /** One row: a glyph, a label, an optional badge, and optionally rows beneath. */
-export declare function NavItem({ label, icon, lead, count, badge, href, current, disabledReason, locked, title, onPrefetch, renderLink, onClick, children, expanded, defaultExpanded, onExpandedChange, expandLabel, className, }: NavItemProps): import("react").JSX.Element;
+export declare function NavItem({ label, icon, lead, count, badge, href, current, disabledReason, locked, unread, muted, title, onPrefetch, renderLink, onClick, children, expanded, defaultExpanded, onExpandedChange, expandLabel, className, }: NavItemProps): import("react").JSX.Element | null;

package/dist/SidebarNav/index.js

@@ -1,4 +1,4 @@
-export { NavGroup, NavItem, SidebarNav } from '../chunk-WCDPFTJZ.js';
+export { NavGroup, NavItem, SidebarNav } from '../chunk-25JQNHTC.js';
 import '../chunk-TEV5REGB.js';
 import '../chunk-HBDA76EZ.js';
 import '../chunk-2YTOOH3A.js';