@crewlethq/ui 0.67.0 → 0.69.0

package/dist/{InboxList-OCL2M3ZF.css → InboxList-OFGSX5IH.css}

@@ -33,6 +33,63 @@
   line-height: var(--font-line-height-snug);
 }
 
+/* The count after a label, in the quiet ink and the label's own register. */
+.crewlet-inbox-list__count {
+  margin-inline-start: var(--spacing-1);
+  font-size: var(--font-size-2xs);
+  font-variant-numeric: tabular-nums;
+  color: var(--color-text-tertiary);
+}
+
+/*
+ * A collapsible group's label is a button the width of the column, so the
+ * whole line is the target, with the chevron turned a quarter while closed.
+ */
+.crewlet-inbox-list__disclosure {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  width: 100%;
+  min-height: var(--size-target-min);
+  margin: calc(var(--spacing-1) * -1) 0;
+  padding: 0;
+  border: 0;
+  border-radius: var(--radius-xs);
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.crewlet-inbox-list__disclosure:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+.crewlet-inbox-list__chevron {
+  flex: none;
+  color: var(--color-text-tertiary);
+  transform: rotate(-90deg);
+  transition: transform var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-inbox-list__disclosure[aria-expanded='true'] .crewlet-inbox-list__chevron {
+  transform: rotate(0deg);
+}
+
+.crewlet-inbox-list__disclosure:hover .crewlet-inbox-list__chevron {
+  color: var(--color-text-primary);
+}
+
+.crewlet-inbox-list__disclosure .crewlet-inbox-list__count {
+  margin-inline-start: 0;
+}
+
+.crewlet-inbox-list__rows[hidden] {
+  display: none;
+}
+
 .crewlet-inbox-list__rows {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
@@ -194,16 +251,89 @@
 }
 
 /*
- * Settled. The strike is drawn in the strong hairline rather than the text's
- * own ink, so the words under it stay legible; the state is also read out,
- * because a line through a word says nothing to somebody listening.
+ * Settled. The name drops to the regular weight and the words to the
+ * secondary ink, which still reads at body contrast: a settled row is read
+ * again, to see what came of it. No strike, which says "cancelled" and cuts
+ * through the letters a reader is trying to read; the state is read out, and
+ * the outcome line and any status say it in words.
  */
+.crewlet-inbox-row__control--done .crewlet-inbox-row__title {
+  font-weight: var(--font-weight-regular);
+  color: var(--color-text-secondary);
+}
+
 .crewlet-inbox-row__control--done .crewlet-inbox-row__text {
-  text-decoration: line-through;
-  text-decoration-color: var(--color-border-strong);
+  color: var(--color-text-secondary);
+}
+
+.crewlet-inbox-row__status {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+}
+
+/* With a status, the time stays at the end and the status sits beside it. */
+.crewlet-inbox-row__status + .crewlet-inbox-row__meta {
+  margin-inline-start: 0;
+}
+
+.crewlet-inbox-row__head > .crewlet-inbox-row__status {
+  margin-inline-start: auto;
+}
+
+/*
+ * What came of the row: a glyph in the tone's ink, then words in the
+ * secondary ink, on one line that wraps rather than cuts.
+ */
+.crewlet-inbox-row__outcome {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-1);
+  min-width: 0;
+  padding-top: 2px;
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-snug);
+  color: var(--color-text-secondary);
+  overflow-wrap: anywhere;
+}
+
+.crewlet-inbox-row__outcome-icon {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  height: 1lh;
   color: var(--color-text-tertiary);
 }
 
+.crewlet-inbox-row__outcome--success .crewlet-inbox-row__outcome-icon {
+  color: var(--color-feedback-success-ink);
+}
+
+.crewlet-inbox-row__outcome--info .crewlet-inbox-row__outcome-icon {
+  color: var(--color-feedback-info-ink);
+}
+
+.crewlet-inbox-row__outcome--warning .crewlet-inbox-row__outcome-icon {
+  color: var(--color-feedback-warning-ink);
+}
+
+.crewlet-inbox-row__outcome--danger .crewlet-inbox-row__outcome-icon {
+  color: var(--color-feedback-danger-ink);
+}
+
+.crewlet-inbox-row__outcome--brand .crewlet-inbox-row__outcome-icon {
+  color: var(--color-brand-accent);
+}
+
+.crewlet-inbox-row__outcome-text {
+  min-width: 0;
+}
+
+.crewlet-inbox-row__outcome-text strong {
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text-primary);
+}
+
 /*
  * The task, under the words and lined up with them: the control's start pad,
  * the leading slot and the gap after it.
@@ -259,7 +389,8 @@
     transition: none;
   }
 
-  .crewlet-inbox-list__toggle {
+  .crewlet-inbox-list__toggle,
+  .crewlet-inbox-list__chevron {
     transition: none;
   }
 }

package/dist/InlineEditor/index.js

@@ -1,8 +1,8 @@
-export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-QBWNGNF7.js';
-import '../chunk-VLGGLLKH.js';
-import '../chunk-WIATRXEJ.js';
+export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-4E3CE2UK.js';
+import '../chunk-AIMMHN5J.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-ANTAQAR4.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-OMV5W53A.js';

package/dist/LinkInterstitial/index.js

@@ -1,6 +1,6 @@
-export { LinkInterstitial, openExternal } from '../chunk-KQGOVBGF.js';
-import '../chunk-PLL7ZJHY.js';
+export { LinkInterstitial, openExternal } from '../chunk-O3BNL4TV.js';
 import '../chunk-I24FI46B.js';
+import '../chunk-PLL7ZJHY.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-7QTPJDRF.js';

package/dist/ListInput/index.js

@@ -1,8 +1,8 @@
-export { ListInput, withDraft } from '../chunk-MNTUIAQT.js';
+export { ListInput, withDraft } from '../chunk-IABWA76I.js';
 import '../chunk-MPVMB2DV.js';
-import '../chunk-ANTAQAR4.js';
 import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
+import '../chunk-ANTAQAR4.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-7QTPJDRF.js';

package/dist/OpenInAppCard/index.js

@@ -4,9 +4,9 @@ import '../chunk-3LI4TRUR.js';
 import '../chunk-M25IV5MH.js';
 import '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-4AUTALJA.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-7QTPJDRF.js';

package/dist/ProposalCard/index.js

@@ -1,13 +1,13 @@
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from '../chunk-2AQMXGWA.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from '../chunk-HXJHRQDR.js';
 import '../chunk-M25IV5MH.js';
-import '../chunk-NTQPJJAN.js';
 import '../chunk-WQRSZMN4.js';
 import '../chunk-LR4IWUWQ.js';
+import '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-4AUTALJA.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PBCNINMB.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-222VILSP.js';
 import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';

package/dist/RefusalCard/index.js

@@ -1,9 +1,9 @@
 export { REFUSAL_CARD_LABELS, RefusalCard } from '../chunk-RQHN4J5P.js';
 import '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-4AUTALJA.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';

package/dist/ResultTableCard/index.js

@@ -2,12 +2,12 @@ export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX
 import '../chunk-5DJMFRSZ.js';
 import '../chunk-NSCYGUDG.js';
 import '../chunk-YNRKVY7X.js';
-import '../chunk-NTQPJJAN.js';
 import '../chunk-DTIW4CHZ.js';
+import '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-4AUTALJA.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-7QTPJDRF.js';

package/dist/RichEditor/index.js

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

package/dist/SetupWizard/index.js

@@ -1,6 +1,6 @@
-export { SetupWizard } from '../chunk-R2YHKVWN.js';
-import '../chunk-FPDIHEM4.js';
+export { SetupWizard } from '../chunk-SBHAKX2T.js';
 import '../chunk-HJBHP66O.js';
+import '../chunk-FPDIHEM4.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-222VILSP.js';
 import '../chunk-IVTQWOXV.js';

package/dist/ShareDialog/index.js

@@ -1,9 +1,9 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-WWXIGN4O.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-L4UO57YP.js';
 import '../chunk-VK45YJLH.js';
+import '../chunk-I24FI46B.js';
 import '../chunk-IYG4ETAQ.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-I24FI46B.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-CI3VPIJN.js';

package/dist/SheetColumnEditor/index.js

@@ -1,4 +1,4 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-SBOUVASH.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-ZHVLDRAT.js';
 import '../chunk-VK45YJLH.js';
 import '../chunk-FFMCMSJB.js';
 import '../chunk-7KHM2FZH.js';
@@ -6,14 +6,14 @@ import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
 import '../chunk-2EA2GSA2.js';
 import '../chunk-AYKXMIOR.js';
+import '../chunk-PBCNINMB.js';
 import '../chunk-W6UVBBNH.js';
 import '../chunk-PVZOP3QK.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-PBCNINMB.js';
-import '../chunk-ANTAQAR4.js';
 import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
+import '../chunk-ANTAQAR4.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';

package/dist/SheetGrid/index.js

@@ -1,4 +1,4 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-OOC6KXNL.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-S2UHV52X.js';
 import '../chunk-UEOEBOBR.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-MMCYH5LB.js';
@@ -9,10 +9,10 @@ import '../chunk-Z7JYG5TF.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-I33UIUZD.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
+import '../chunk-I33UIUZD.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-T73DMDU4.js';
 import '../chunk-7QTPJDRF.js';

package/dist/StatusCard/index.js

@@ -1,8 +1,8 @@
 export { StatusCard } from '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-4AUTALJA.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';

package/dist/TableCells/index.js

@@ -1,10 +1,10 @@
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-GNDKUSCG.js';
 import '../chunk-QF5UNP4T.js';
 import '../chunk-I5OIKDX2.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-QBWNGNF7.js → chunk-4E3CE2UK.js}

@@ -1,4 +1,4 @@
-import { EditingStatus } from './chunk-VLGGLLKH.js';
+import { EditingStatus } from './chunk-AIMMHN5J.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';

package/dist/{chunk-WUQVAFTC.js → chunk-BXEKD5NU.js}

@@ -1,6 +1,6 @@
 import { Timeline } from './chunk-4MJN2KN6.js';
 import { Section } from './chunk-WFCWPXJN.js';
-import { Composer } from './chunk-5OFRDX66.js';
+import { Composer } from './chunk-XWOH3UPZ.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { ArtifactPanel } from './chunk-FFGEJUAP.js';
 import { Button } from './chunk-7QTPJDRF.js';

package/dist/{chunk-BVNFNFA6.js → chunk-DS5NBENV.js}

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

package/dist/{chunk-5OVTWY3I.js → chunk-NJYB4VJI.js}

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

package/dist/chunk-NTFVEOYY.js

@@ -0,0 +1,87 @@
+import { SuggestionList, SuggestionRow } from './chunk-Y7PVLEZJ.js';
+import { StatusCard } from './chunk-NTQPJJAN.js';
+import { StatusDot } from './chunk-WIATRXEJ.js';
+import { Button } from './chunk-7QTPJDRF.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './BriefCard-L66R5U32.css';
+import { useId } from 'react';
+import { CircleCheckGlyph, ArrowRightGlyph, MessageCircleQuestionMarkGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var BRIEF_CARD_MAX_NEEDS = 3;
+var BRIEF_CARD_LABELS = {
+  heading: "Brief",
+  needs: "Needs you",
+  clear: "Nothing needs you.",
+  recommended: "Recommended",
+  followUps: "Ask next",
+  count: (n) => n === 1 ? "1 needs you" : `${n} need you`,
+  allClear: "All clear"
+};
+function BriefCard({
+  scope,
+  asOf,
+  summary,
+  needs,
+  recommended,
+  followUps,
+  labels: overrides,
+  className,
+  ...rest
+}) {
+  const labels = overrides ? { ...BRIEF_CARD_LABELS, ...overrides } : BRIEF_CARD_LABELS;
+  const id = useId();
+  const rows = needs.slice(0, BRIEF_CARD_MAX_NEEDS);
+  const hasScope = !(scope === void 0 || scope === null || scope === "");
+  const hasAsOf = !(asOf === void 0 || asOf === null || asOf === "");
+  const subtitle = hasScope || hasAsOf ? /* @__PURE__ */ jsxs("span", { className: "crewlet-brief-card__where", children: [
+    hasScope ? /* @__PURE__ */ jsx("span", { children: scope }) : null,
+    hasScope && hasAsOf ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+    hasAsOf ? /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__asof", children: asOf }) : null
+  ] }) : void 0;
+  return /* @__PURE__ */ jsx(
+    StatusCard,
+    {
+      ...rest,
+      title: labels.heading,
+      subtitle,
+      status: rows.length > 0 ? { label: labels.count(rows.length), tone: "warning" } : { label: labels.allClear, tone: "success", icon: /* @__PURE__ */ jsx(CircleCheckGlyph, { size: "xs" }) },
+      className: cx("crewlet-brief-card", className),
+      children: /* @__PURE__ */ jsxs("div", { className: "crewlet-brief-card__body", children: [
+        /* @__PURE__ */ jsx("p", { className: "crewlet-brief-card__summary", children: summary }),
+        /* @__PURE__ */ jsxs("section", { className: "crewlet-brief-card__block", "aria-labelledby": `${id}-needs`, children: [
+          /* @__PURE__ */ jsx("h4", { className: "crewlet-brief-card__label", id: `${id}-needs`, children: labels.needs }),
+          rows.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "crewlet-brief-card__clear", children: [
+            /* @__PURE__ */ jsx(CircleCheckGlyph, { size: "sm", "aria-hidden": "true" }),
+            labels.clear
+          ] }) : (
+            // A list the reader moves through by item; Safari drops the role of a list styled without markers.
+            // eslint-disable-next-line jsx-a11y/no-redundant-roles
+            /* @__PURE__ */ jsx("ul", { role: "list", className: "crewlet-brief-card__needs", children: rows.map((need) => /* @__PURE__ */ jsxs("li", { className: "crewlet-brief-card__need", children: [
+              /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__dot", children: /* @__PURE__ */ jsx(StatusDot, { tone: need.tone ?? "warning" }) }),
+              /* @__PURE__ */ jsxs("span", { className: "crewlet-brief-card__words", children: [
+                /* @__PURE__ */ jsx("span", { children: need.text }),
+                need.detail === void 0 || need.detail === null ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__detail", children: need.detail })
+              ] }),
+              need.action ? /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: need.action.onSelect, children: need.action.label }) : null
+            ] }, need.key)) })
+          )
+        ] }),
+        recommended === null ? null : /* @__PURE__ */ jsxs("section", { className: "crewlet-brief-card__block", "aria-labelledby": `${id}-next`, children: [
+          /* @__PURE__ */ jsx("h4", { className: "crewlet-brief-card__label", id: `${id}-next`, children: labels.recommended }),
+          /* @__PURE__ */ jsxs("div", { className: "crewlet-brief-card__next", children: [
+            /* @__PURE__ */ jsx(ArrowRightGlyph, { size: "sm", "aria-hidden": "true", className: "crewlet-brief-card__arrow" }),
+            /* @__PURE__ */ jsx("span", { children: recommended.text }),
+            recommended.action ? /* @__PURE__ */ jsx(Button, { size: "small", variant: "primary", onClick: recommended.action.onSelect, children: recommended.action.label }) : null
+          ] })
+        ] }),
+        followUps && followUps.length > 0 ? /* @__PURE__ */ jsxs("section", { className: "crewlet-brief-card__block", "aria-labelledby": `${id}-ask`, children: [
+          /* @__PURE__ */ jsx("h4", { className: "crewlet-brief-card__label", id: `${id}-ask`, children: labels.followUps }),
+          /* @__PURE__ */ jsx(SuggestionList, { className: "crewlet-brief-card__follow-ups", children: followUps.map((f) => /* @__PURE__ */ jsx(SuggestionRow, { icon: /* @__PURE__ */ jsx(MessageCircleQuestionMarkGlyph, { size: "sm" }), onSelect: f.onSelect, children: f.question }, f.key)) })
+        ] }) : null
+      ] })
+    }
+  );
+}
+
+export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_NEEDS, BriefCard };

package/dist/{chunk-UBJ32EO2.js → chunk-OWQATZGW.js}

@@ -1,7 +1,7 @@
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { toInstant, RelativeTime, formatExact, toISO } from './chunk-EJNJMHQG.js';
 import { Document } from './chunk-BXCL6P5Z.js';
-import { Composer } from './chunk-5OFRDX66.js';
+import { Composer } from './chunk-XWOH3UPZ.js';
 import { Count } from './chunk-MLDTLZAO.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-7QTPJDRF.js';

package/dist/{chunk-62DBFNOK.js → chunk-QPHD4UUG.js}

@@ -2,21 +2,82 @@ import { Eyebrow } from './chunk-RK4XPHVG.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './InboxList-OCL2M3ZF.css';
-import { useId } from 'react';
+import './InboxList-OFGSX5IH.css';
+import { useId, useState } from 'react';
+import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function InboxList({ label, className, children, ...rest }) {
   return /* @__PURE__ */ jsx("nav", { ...rest, "aria-label": label, className: cx("crewlet-inbox-list", className), children });
 }
-function InboxGroup({ label, hideLabel = false, headingLevel, className, children, ...rest }) {
+function InboxGroup({
+  label,
+  hideLabel = false,
+  headingLevel,
+  count,
+  collapsible = false,
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  className,
+  children,
+  ...rest
+}) {
   const level = useHeadingLevel();
   const Heading = headingTag(headingLevel ?? level);
   const labelId = useId();
-  return /* @__PURE__ */ jsxs("section", { ...rest, "aria-labelledby": labelId, className: cx("crewlet-inbox-list__group", className), children: [
-    hideLabel ? /* @__PURE__ */ jsx(VisuallyHidden, { as: Heading, id: labelId, children: label }) : /* @__PURE__ */ jsx(Heading, { id: labelId, className: "crewlet-inbox-list__label", children: /* @__PURE__ */ jsx(Eyebrow, { children: label }) }),
-    /* @__PURE__ */ jsx("ul", { className: "crewlet-inbox-list__rows", children })
+  const rowsId = useId();
+  const [ownOpen, setOwnOpen] = useState(defaultOpen);
+  const collapses = collapsible && !hideLabel;
+  const open = !collapses || (controlledOpen ?? ownOpen);
+  const toggle = () => {
+    const next = !open;
+    if (controlledOpen === void 0) setOwnOpen(next);
+    onOpenChange?.(next);
+  };
+  const counted = count === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: "," }),
+    " ",
+    /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-list__count", children: count })
   ] });
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ...rest,
+      "aria-labelledby": labelId,
+      className: cx("crewlet-inbox-list__group", collapses && "crewlet-inbox-list__group--collapsible", className),
+      children: [
+        hideLabel ? /* @__PURE__ */ jsxs(VisuallyHidden, { as: Heading, id: labelId, children: [
+          label,
+          counted
+        ] }) : collapses ? (
+          // A DISCLOSURE INSIDE THE HEADING, never a heading inside a button: a
+          // reader moving by heading still lands on the group, and the button
+          // in it says whether the rows are shown.
+          /* @__PURE__ */ jsx(Heading, { className: "crewlet-inbox-list__label", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              id: labelId,
+              className: "crewlet-inbox-list__disclosure",
+              "aria-expanded": open,
+              "aria-controls": rowsId,
+              onClick: toggle,
+              children: [
+                /* @__PURE__ */ jsx(ChevronDownGlyph, { "aria-hidden": true, size: "sm", className: "crewlet-inbox-list__chevron" }),
+                /* @__PURE__ */ jsx(Eyebrow, { children: label }),
+                counted
+              ]
+            }
+          ) })
+        ) : /* @__PURE__ */ jsxs(Heading, { id: labelId, className: "crewlet-inbox-list__label", children: [
+          /* @__PURE__ */ jsx(Eyebrow, { children: label }),
+          counted
+        ] }),
+        /* @__PURE__ */ jsx("ul", { id: rowsId, className: "crewlet-inbox-list__rows", hidden: !open, children })
+      ]
+    }
+  );
 }
 function InboxRow({
   title,
@@ -32,6 +93,10 @@ function InboxRow({
   actionable = false,
   done = false,
   doneLabel = "Done",
+  status,
+  outcome,
+  outcomeIcon,
+  outcomeTone = "neutral",
   href,
   onClick,
   className,
@@ -50,6 +115,10 @@ function InboxRow({
           " ",
           /* @__PURE__ */ jsx("span", { className: cx("crewlet-inbox-row__qualifier", qualifierTone === "danger" && "crewlet-inbox-row__qualifier--danger"), children: qualifier })
         ] }),
+        status === void 0 || status === null ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__status", children: status })
+        ] }),
         meta === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
           " ",
           /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__meta", children: meta })
@@ -63,6 +132,13 @@ function InboxRow({
           /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__excerpt", children: excerpt })
         ] })
       ] }),
+      outcome === void 0 || outcome === null ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: cx("crewlet-inbox-row__outcome", `crewlet-inbox-row__outcome--${outcomeTone}`), children: [
+          outcomeIcon === void 0 ? null : /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "crewlet-inbox-row__outcome-icon", children: outcomeIcon }),
+          /* @__PURE__ */ jsx("span", { className: "crewlet-inbox-row__outcome-text", children: outcome })
+        ] })
+      ] }),
       unread ? /* @__PURE__ */ jsxs(Fragment, { children: [
         " ",
         /* @__PURE__ */ jsx(VisuallyHidden, { children: unreadLabel })

package/dist/{chunk-J5BIKMQY.js → chunk-RLBGU35B.js}

@@ -1,12 +1,12 @@
 import { PageHeader } from './chunk-FPDIHEM4.js';
-import { DataTable } from './chunk-CFY257ND.js';
+import { DataTable } from './chunk-UYK3SGZI.js';
 import { DateTimePicker } from './chunk-PX54PALQ.js';
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
-import { Kbd } from './chunk-ANTAQAR4.js';
 import { Input } from './chunk-ETSF7SU6.js';
+import { Kbd } from './chunk-ANTAQAR4.js';
 import { Count } from './chunk-MLDTLZAO.js';
 import { Menu } from './chunk-T73DMDU4.js';
 import { Button } from './chunk-7QTPJDRF.js';

package/dist/generated/index.d.ts

@@ -29,6 +29,7 @@ export * from '../BrandLockup/index.js';
 export * from '../BrandSample/index.js';
 export * from '../BrandScope/index.js';
 export * from '../Breadcrumb/index.js';
+export * from '../BriefCard/index.js';
 export * from '../Button/index.js';
 export * from '../CalendarGrid/index.js';
 export * from '../Callout/index.js';