@crewlethq/ui 0.87.0 → 0.88.0

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-AUSFKGKL.js';
+export { RichEditor, preloadRichEditor } from '../chunk-7RUF3QZ2.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-2DMTW2Y3.js';
 import '../chunk-KOJPDCGQ.js';
 import '../chunk-KBZO4B33.js';

package/dist/RoomRow/RoomRow.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+import { type ListItemProps } from '../List/index.js';
+export interface RoomRowProps extends Omit<ListItemProps, 'children' | 'href' | 'onClick' | 'asChild' | 'leading' | 'trailing' | 'tone' | 'dangerLabel'> {
+    /** The room's own address: the whole row opens it. */
+    href: string;
+    /**
+     * The room's kind, as its glyph at the small step (a hash, a lock, a team's
+     * mark). Decorative: the name says which room it is, and a kind that matters
+     * to the reader is said in `tags` or `facts`.
+     */
+    mark: ReactNode;
+    /** The room's name. A long one wraps rather than running under the action. */
+    name: ReactNode;
+    /** Small labels after the name: `Tag`s such as "Joined" or "Archived". */
+    tags?: ReactNode;
+    /** What the room is about now. One line, cut with an ellipsis. */
+    topic?: ReactNode;
+    /**
+     * The quiet facts under it, in order: how many are in it, when it last
+     * spoke, a sentence about who may join. Joined with a middle dot that a
+     * screen reader skips; an empty or missing fact is left out.
+     */
+    facts?: readonly ReactNode[] | undefined;
+}
+/**
+ * A room as a directory of rooms lists it: its kind's mark and its name with
+ * its state, what it is about, a line of facts, and one control at the row's
+ * end (Join, Open) beside the row's own link.
+ *
+ * A LIST ROW, NOT A CARD. It is `List.Item` with its words arranged for a
+ * room, so a list of rooms is drawn by `List` (`variant="divided"`) and takes
+ * the list's hairlines, hover and focus ring, and a row is the same height as
+ * every other list in the product.
+ *
+ * TWO CONTROLS, NEVER ONE INSIDE THE OTHER. The whole row is a link to the
+ * room; the action stands beside it (`List.Item`'s `action`), so Tab reaches
+ * each and the link's name is the room's words without "Join" in it. What
+ * pressing the action came to, when it needs saying, is the row's `note`,
+ * under both.
+ */
+export declare function RoomRow({ href, mark, name, tags, topic, facts, className, ...rest }: RoomRowProps): import("react").JSX.Element;

package/dist/RoomRow/index.d.ts

@@ -0,0 +1,4 @@
+import '../ChatMessage/ChatScale.css';
+import './RoomRow.css';
+export { RoomRow } from './RoomRow.js';
+export type { RoomRowProps } from './RoomRow.js';

package/dist/RoomRow/index.js

@@ -0,0 +1,4 @@
+export { RoomRow } from '../chunk-Z34W5TM6.js';
+import '../chunk-A7UOYLK3.js';
+import '../chunk-UT6CW3C7.js';
+import '../chunk-ODEQTPFM.js';

package/dist/RoomRow-3OTEY6GK.css

@@ -0,0 +1,55 @@
+/*
+ * RoomRow: a room as a directory of rooms lists it, on List.Item.
+ *
+ * The row's words stack: the name line, the topic, the facts. They take the
+ * conversation's own scale (ChatScale.css), so a room's name in a directory
+ * is the size it is in the room's header and its messages.
+ */
+
+.crewlet-room-row > .crewlet-list__row > .crewlet-list__content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--spacing-1);
+}
+
+/* A room's name wraps rather than pushing past the row: one unbroken name (a
+   slug with no hyphen) otherwise runs over its own tag and into the action. */
+.crewlet-room-row__name {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-height: var(--spacing-5);
+  min-width: 0;
+  overflow-wrap: anywhere;
+  font-size: var(--crewlet-chat-text);
+  font-weight: var(--font-weight-medium);
+}
+
+.crewlet-room-row__mark {
+  display: inline-flex;
+  flex: none;
+  color: var(--color-text-secondary);
+}
+
+.crewlet-room-row__title {
+  min-width: 0;
+}
+
+.crewlet-room-row__topic {
+  overflow: hidden;
+  color: var(--color-text-secondary);
+  font-size: var(--crewlet-chat-text);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-room-row__facts {
+  color: var(--color-text-secondary);
+  font-size: var(--crewlet-chat-meta);
+}
+
+.crewlet-room-row__sep {
+  color: var(--color-text-tertiary);
+}

package/dist/SegmentedControl/index.js

@@ -6,9 +6,9 @@ import '../chunk-CYQBDZ6M.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-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/SelectionBar/index.js

@@ -1,8 +1,8 @@
 export { SelectionBar } from '../chunk-XA2QKGBJ.js';
 import '../chunk-NXFTCPF6.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-2G355KDJ.js';

package/dist/SetupWizard/index.js

@@ -1,6 +1,6 @@
-export { SetupWizard } from '../chunk-3BVNNQZY.js';
-import '../chunk-FPDIHEM4.js';
+export { SetupWizard } from '../chunk-WRZPO4YL.js';
 import '../chunk-TMML7BHT.js';
+import '../chunk-FPDIHEM4.js';
 import '../chunk-YJQXESOJ.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-NAHA62WD.js';

package/dist/ShareDialog/index.js

@@ -12,9 +12,9 @@ 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-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/SheetColumnEditor/index.js

@@ -17,9 +17,9 @@ import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.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-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.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-46FIBJCV.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-OM6SKOXM.js';
 import '../chunk-UEOEBOBR.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-MMCYH5LB.js';
@@ -6,19 +6,19 @@ import '../chunk-EFX2YC5T.js';
 import '../chunk-VB3FVKNI.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-LBGKLYBY.js';
 import '../chunk-EC6EUIAD.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
+import '../chunk-TGGYSQRD.js';
 import '../chunk-7ZSEUO5Q.js';
 import '../chunk-HTS5RJ7S.js';
-import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/SlideCompare/index.js

@@ -1,8 +1,8 @@
 export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-XJMES7AE.js';
 import '../chunk-O6EV6GKI.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UT6CW3C7.js';

package/dist/SlideFilmstrip/index.js

@@ -6,8 +6,8 @@ import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-CMAZZY2I.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/StatusCard/index.js

@@ -1,7 +1,7 @@
-export { StatusCard } from '../chunk-FLW5U7YS.js';
-import '../chunk-LBGKLYBY.js';
+export { StatusCard } from '../chunk-FXSCAP36.js';
 import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-D2GT3CR4.js';
 import '../chunk-PQADV6P6.js';

package/dist/Switch/Switch.d.ts

@@ -8,6 +8,20 @@ export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     framed?: boolean;
     /** The new state, for a caller that does not want to read it off an event. */
     onCheckedChange?: (checked: boolean) => void;
+    /**
+     * The label stays the switch's name and is not drawn: for a switch at the
+     * end of a row whose own words already say what it sets (a member's row in
+     * a room, "Answers when named"). The track alone is drawn.
+     */
+    labelHidden?: boolean | undefined;
+    /**
+     * Why the switch cannot be moved, as a sentence. It is drawn dimmed and
+     * does not move, and stays a tab stop whose reason is read after its name
+     * (`aria-describedby`), where a natively disabled control is skipped by Tab
+     * and says nothing. Pair it with a `Tooltip` to show the sentence to a
+     * pointer. Leave it out for a switch that can move.
+     */
+    disabledReason?: string | undefined;
 }
 /**
  * A setting that is on or off, and takes effect as it is switched.

package/dist/Switch/index.js

@@ -1,2 +1,3 @@
-export { Switch } from '../chunk-3XDT5ZWL.js';
+export { Switch } from '../chunk-3N3XK2G5.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Switch-AUYLQLTN.css → Switch-XJE34BZH.css}

@@ -172,6 +172,21 @@
   border-radius: var(--radius-lg);
 }
 
+/*
+ * THE TRACK ALONE, for a switch whose label is its name and not drawn: no
+ * gap after it and no padding to centre a line of text that is not there, so
+ * it stands on the middle of the row it ends.
+ */
+.crewlet-switch--label-hidden {
+  align-items: center;
+  gap: 0;
+  padding-block: 0;
+}
+
+.crewlet-switch--label-hidden .crewlet-switch__track {
+  margin-block: 0;
+}
+
 .crewlet-switch.is-disabled,
 .crewlet-switch.is-disabled .crewlet-switch__control {
   cursor: not-allowed;

package/dist/Switcher/index.js

@@ -9,8 +9,8 @@ import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TableCells/index.js

@@ -1,11 +1,11 @@
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell, TableTwoLineCell } from '../chunk-3CALM534.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell, TableTwoLineCell } from '../chunk-KMAVYQYO.js';
 import '../chunk-O5CEG7TQ.js';
 import '../chunk-QF5UNP4T.js';
-import '../chunk-LBGKLYBY.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Tabs/index.js

@@ -4,9 +4,9 @@ import '../chunk-CYQBDZ6M.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-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/ThemeSwitcher/index.js

@@ -9,9 +9,9 @@ import '../chunk-CYQBDZ6M.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-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/ThreadSummary/index.js

@@ -1,6 +1,6 @@
-export { THREAD_SUMMARY_LABELS, ThreadSummary } from '../chunk-QPYGJ7R7.js';
-import '../chunk-LBGKLYBY.js';
+export { THREAD_SUMMARY_LABELS, ThreadSummary } from '../chunk-F4VDXWFY.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeRangePicker/index.js

@@ -11,9 +11,9 @@ import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TimeWindowPicker/index.js

@@ -1,15 +1,15 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-T3S3D4FC.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-UPFIZO4B.js';
 import '../chunk-3IWZVEXA.js';
 import '../chunk-YGRTX67J.js';
-import '../chunk-EE3DJMSQ.js';
 import '../chunk-EC6EUIAD.js';
+import '../chunk-EE3DJMSQ.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TreeCanvas/index.js

@@ -8,8 +8,8 @@ import '../chunk-HTS5RJ7S.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-CMAZZY2I.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/VersionCompare/index.js

@@ -9,9 +9,9 @@ import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/{chunk-3XDT5ZWL.js → chunk-3N3XK2G5.js}

@@ -1,5 +1,6 @@
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Switch-AUYLQLTN.css';
+import './Switch-XJE34BZH.css';
 import { forwardRef, useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -9,6 +10,9 @@ var Switch = forwardRef(function Switch2({
   framed = false,
   onCheckedChange,
   onChange,
+  onClick,
+  labelHidden = false,
+  disabledReason,
   className = "",
   disabled,
   id,
@@ -19,13 +23,20 @@ var Switch = forwardRef(function Switch2({
   const inputId = id ?? generatedId;
   const labelId = `${inputId}-label`;
   const descriptionId = description ? `${inputId}-description` : void 0;
+  const reasonId = disabledReason ? `${inputId}-reason` : void 0;
+  const inert = disabledReason !== void 0 && disabledReason !== "";
+  const text = /* @__PURE__ */ jsxs("span", { className: "crewlet-switch__text", children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-switch__label", id: labelId, children: label }),
+    description ? /* @__PURE__ */ jsx("span", { className: "crewlet-switch__description", id: descriptionId, children: description }) : null
+  ] });
   return /* @__PURE__ */ jsxs(
     "label",
     {
       className: cx(
         "crewlet-switch",
         framed && "crewlet-switch--framed",
-        disabled && "is-disabled",
+        labelHidden && "crewlet-switch--label-hidden",
+        (disabled || inert) && "is-disabled",
         className
       ),
       children: [
@@ -40,20 +51,27 @@ var Switch = forwardRef(function Switch2({
               className: "crewlet-switch__control",
               disabled,
               "aria-labelledby": labelId,
-              "aria-describedby": cx(descriptionId, describedBy) || void 0,
+              "aria-describedby": cx(descriptionId, reasonId, describedBy) || void 0,
+              "aria-disabled": inert || void 0,
+              ...rest,
+              onClick: (event) => {
+                if (inert) {
+                  if (rest.checked === void 0) event.preventDefault();
+                  return;
+                }
+                onClick?.(event);
+              },
               onChange: (event) => {
+                if (inert) return;
                 onChange?.(event);
                 onCheckedChange?.(event.target.checked);
-              },
-              ...rest
+              }
             }
           ),
           /* @__PURE__ */ jsx("span", { className: "crewlet-switch__thumb", "aria-hidden": "true" })
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: "crewlet-switch__text", children: [
-          /* @__PURE__ */ jsx("span", { className: "crewlet-switch__label", id: labelId, children: label }),
-          description ? /* @__PURE__ */ jsx("span", { className: "crewlet-switch__description", id: descriptionId, children: description }) : null
-        ] })
+        labelHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: text }) : text,
+        inert ? /* @__PURE__ */ jsx(VisuallyHidden, { id: reasonId, children: disabledReason }) : null
       ]
     }
   );

package/dist/{chunk-M33DABTW.js → chunk-3W67EZR4.js}

@@ -1,6 +1,6 @@
 import { RefusalStrip, ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { ChangeList } from './chunk-3MFRTZH6.js';
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { Checkbox } from './chunk-YQ7Q52XU.js';
 import { Disclosure } from './chunk-NAHA62WD.js';
 import { Button } from './chunk-DGXZ635L.js';

package/dist/{chunk-7ELFH3RJ.js → chunk-4FZDH5U6.js}

@@ -1,4 +1,4 @@
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './RefusalCard-UM67F5HB.css';
 import { LockGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-EALRMP7N.js → chunk-6TD2PCZB.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './PersonRow-V5GTPNVP.css';
+import './PersonRow-ZR6US2QJ.css';
 import { forwardRef } from 'react';
 import { CheckGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -48,8 +48,8 @@ var PersonRow = forwardRef(function PersonRow2(props, ref) {
       }
     );
   }
-  const { as: _as, avatar, name, tag, detail, meta, mark, density = "default", selected, onSelect, onClick, className, type = "button", ...rest } = props;
-  return /* @__PURE__ */ jsx(
+  const { as: _as, avatar, name, tag, detail, meta, mark, density = "default", selected, onSelect, onClick, action, className, type = "button", ...rest } = props;
+  const row = /* @__PURE__ */ jsx(
     "button",
     {
       ...rest,
@@ -64,6 +64,11 @@ var PersonRow = forwardRef(function PersonRow2(props, ref) {
       children: /* @__PURE__ */ jsx(PersonRowBody, { avatar, name, tag, detail, meta, mark, density, selected })
     }
   );
+  if (action === void 0 || action === null) return row;
+  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-person-row-group", `crewlet-person-row-group--${density}`), children: [
+    row,
+    /* @__PURE__ */ jsx("span", { className: "crewlet-person-row__action", children: action })
+  ] });
 });
 
 export { PersonRow };

package/dist/{chunk-XTJHMP3W.js → chunk-75EGNXPZ.js}

@@ -1,4 +1,4 @@
-import { Switch } from './chunk-3XDT5ZWL.js';
+import { Switch } from './chunk-3N3XK2G5.js';
 import { useReorder } from './chunk-BVML4UVB.js';
 import { Checkbox } from './chunk-YQ7Q52XU.js';
 import { IconButton } from './chunk-UAUP6XGK.js';

package/dist/{chunk-AUSFKGKL.js → chunk-7RUF3QZ2.js}

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

package/dist/{chunk-PS5ZYIA6.js → chunk-A7UOYLK3.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './List-JOELBLTU.css';
+import './List-ZZF6ZHRT.css';
 import { createContext, useContext, Children, isValidElement, cloneElement } from 'react';
 import { CircleAlertGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -40,6 +40,8 @@ function ListItem({
   onClick,
   leading,
   trailing,
+  action,
+  note,
   tone = "default",
   dangerLabel = "Failed",
   selected = false,
@@ -98,7 +100,9 @@ function ListItem({
   } else {
     row = /* @__PURE__ */ jsx("span", { className: rowClass, children: contents(children) });
   }
-  return /* @__PURE__ */ jsx(
+  const hasAction = action !== void 0 && action !== null;
+  const hasNote = note !== void 0 && note !== null;
+  return /* @__PURE__ */ jsxs(
     "li",
     {
       ...rest,
@@ -106,10 +110,15 @@ function ListItem({
         "crewlet-list__item",
         tone === "danger" && "crewlet-list__item--danger",
         selected && "crewlet-list__item--selected",
+        (hasAction || hasNote) && "crewlet-list__item--split",
         className
       ),
       "aria-current": interactive ? void 0 : current,
-      children: row
+      children: [
+        row,
+        hasAction ? /* @__PURE__ */ jsx("span", { className: "crewlet-list__action", children: action }) : null,
+        hasNote ? /* @__PURE__ */ jsx("div", { className: "crewlet-list__note", children: note }) : null
+      ]
     }
   );
 }

package/dist/{chunk-XRWHDW6F.js → chunk-FA5JAF6X.js}

@@ -1,6 +1,6 @@
 import { PageHeader } from './chunk-FPDIHEM4.js';
 import { FilterPill } from './chunk-K4LZXSKZ.js';
-import { DateTimePicker } from './chunk-7K6LVM5I.js';
+import { DateTimePicker } from './chunk-EWJKLSMD.js';
 import { DataTable } from './chunk-WANKINXG.js';
 import { useListbox, useOptionKeys } from './chunk-YGRTX67J.js';
 import { Toolbar } from './chunk-NXFTCPF6.js';

package/dist/{chunk-3BRXEMYT.js → chunk-G7SAFRSJ.js}

@@ -1,6 +1,6 @@
-import { PersonRow } from './chunk-EALRMP7N.js';
+import { PersonRow } from './chunk-6TD2PCZB.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './PersonRow-V5GTPNVP.css';
+import './PersonRow-ZR6US2QJ.css';
 import './MentionMenu-4NAQ45S4.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-2L4WHYMT.js → chunk-MHDFQCE2.js}

@@ -1,6 +1,6 @@
 import { Table } from './chunk-75NQV4R4.js';
 import { DownloadButton } from './chunk-EHFQMY3B.js';
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ResultTableCard-AP355LQM.css';
 import { useState } from 'react';

package/dist/{chunk-35CKF77R.js → chunk-MUV2Q5E3.js}

@@ -1,7 +1,7 @@
 import { StepList } from './chunk-TMML7BHT.js';
 import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { Meter } from './chunk-RQFRRPV6.js';
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { Disclosure } from './chunk-NAHA62WD.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-2O5CMV76.js → chunk-OIRUBOPW.js}

@@ -1,4 +1,4 @@
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EntityList-DT3BQLUW.css';
 import { jsx, jsxs } from 'react/jsx-runtime';