@crewlethq/ui 0.81.1 → 0.82.0

package/dist/{Avatar-VJSJGFRG.css → Avatar-MNE3WBZO.css}

@@ -6,9 +6,10 @@
  * same eight families it also spent on phases and event categories, so one
  * amber meant "the execute phase", "the decision category" and "the Analyst"
  * at once. A hash of a name carries no information: rename the seat and its
- * colour changes, which is the proof it never meant anything. Identity is the
- * OUTLINE (a squircle for an agent, a circle for a person), the monogram and
- * the name, and for an agent an operator gave one, its character and its hue.
+ * colour changes, which is the proof it never meant anything. Identity is
+ * what the face holds (a monogram set in the kind's face, a picture, or for an
+ * agent an operator gave one, its character and its hue) and the name beside
+ * it. Every face is ONE SHAPE, people and agents alike (see "the shape").
  *
  * A STATE IS A CORNER BADGE, NEVER A LINE ROUND THE PLATE. A ring in a state's
  * hue round a plate in the agent's own hue put two colours on a 32px mark and
@@ -148,46 +149,40 @@
   font-size: var(--font-size-sm);
 }
 
-/* ── kinds ─────────────────────────────────────────────────────────────── */
+/* ── the shape ────────────────────────────────────────────────────────── */
 
 /*
- * AN AGENT IS A SQUIRCLE, set in the mono face: what the engine runs, named
- * the way a handle is written.
- *
- * THE CORNER MOVES WITH THE BOX, at 0.29 of it (`AVATAR_CORNER_RATIO` in the
- * component, which the suite holds equal to this number): the approved
- * design's 7px at 24 and 9px at 30, as one proportion. It is computed here from
- * the size property every step and every numeric size sets, so there is ONE
- * ladder. There used to be two, a step table here and a numeric table in the
- * component, and they disagreed: `size={80}` drew a squarer badge than
- * `size="lg"` at half its width.
+ * ONE FACE SHAPE FOR PEOPLE AND AGENTS: a square with rounded corners, the
+ * corner two ninths of the side (8px on a 36px face), never under the xs
+ * radius on the smallest faces and never over the lg radius on the largest.
+ * A person was a circle and an agent a squircle, so a row of people and
+ * agents changed shape from face to face, and a list of members read as two
+ * lists. One shape lines every face up on the same square and lets what the
+ * face holds say who it is: a character on its hue, a picture, or initials
+ * set in the kind's own face (below).
  *
- * WHERE THE BROWSER DRAWS A SQUIRCLE, IT IS A WHOLE ONE. `corner-shape:
- * squircle` is a superellipse of exponent 4, which at a given radius reaches
- * much closer to the box's corner than a circular arc does: at the 45 degree
- * point it stands 0.159 of the radius in from each edge, against 0.293 for an
- * arc. Kept at 0.29 of the box, that corner would stand 0.046 of the box in,
- * half the design's depth and a nearly square badge. At half the box it stands
- * 0.0795 of the box in, against the design's 0.0849 (0.13px at 24px), with the
- * continuous curvature a squircle is for. So the corner is the circle token
- * there, and the fallback above is what every other browser draws.
+ * THE CORNER MOVES WITH THE BOX, computed here from the size property every
+ * step and every numeric size sets, so there is ONE ladder: `AVATAR_CORNER`
+ * in the component states the same ratio and clamp for a caller that has to
+ * round something else to match a face (ImageUpload, PresenceStack), and the
+ * suite holds the two equal. No step rule sets a corner.
  */
-.crewlet-avatar--agent {
-  border-radius: calc(var(--crewlet-avatar-size) * 0.29);
-  font-family: var(--font-family-mono);
+.crewlet-avatar {
+  border-radius: clamp(var(--radius-xs), calc(var(--crewlet-avatar-size) * 2 / 9), var(--radius-lg));
 }
 
-@supports (corner-shape: squircle) {
-  .crewlet-avatar--agent {
-    corner-shape: squircle;
-    border-radius: var(--radius-circle);
-  }
+/* ── kinds ─────────────────────────────────────────────────────────────── */
+
+/*
+ * The kind is said by the monogram's face: an agent's initials are set in the
+ * mono face, the way a handle is written, and a person's in the sans face. A
+ * character or a picture says it on its own.
+ */
+.crewlet-avatar--agent {
+  font-family: var(--font-family-mono);
 }
 
-/* A PERSON IS A CIRCLE, set in the sans face, the round badge every member list
-   a reader has used already speaks. */
 .crewlet-avatar--human {
-  border-radius: var(--radius-circle);
   font-family: var(--font-family-sans);
 }
 
@@ -217,16 +212,22 @@
 
 /* ── tones ─────────────────────────────────────────────────────────────── */
 
+/*
+ * A FACE'S OWN OUTLINE IS THE HAIRLINE (`--color-edge-hairline`), whatever it
+ * holds: the neutral badge, a seeded tint, a character's plate. A row of faces
+ * then reads as faces rather than as a row of framed boxes, where the strong
+ * hairline and a hue's line drew each face as a tile. A reader who asked for
+ * more contrast gets the control edge here, as the edge scale promises.
+ */
 .crewlet-avatar--fallback {
-  border: 1px solid transparent;
+  border: 1px solid var(--color-edge-hairline);
 }
 
-/* The design's badge: the raised rung with the strong hairline round it and
-   the secondary ink, so a badge on a card reads as a mark standing on it
-   rather than as a hole in it. */
+/* The design's badge: the raised rung inside the face's hairline and the
+   secondary ink, so a badge on a card reads as a mark standing on it rather
+   than as a hole in it. */
 .crewlet-avatar--neutral {
   background: var(--color-surface-elevated);
-  border-color: var(--color-border-strong);
   color: var(--color-text-secondary);
 }
 
@@ -254,7 +255,7 @@
  * plate's sides, a tall one its top and its foot, and none touches the curve.
  */
 .crewlet-avatar--character {
-  border: 1px solid transparent;
+  border: 1px solid var(--color-edge-hairline);
 }
 
 .crewlet-avatar__character {
@@ -264,50 +265,44 @@
   height: 74%;
 }
 
-/* The plate an agent's hue is drawn on: the hue's fill, its line round the
-   badge and the hue itself as the character's ink. The fill is published as
+/* The plate an agent's hue is drawn on: the hue's fill inside the face's
+   hairline, and the hue itself as the character's ink. The fill is published as
    `--crewlet-avatar-plate` and painted from it, because it is a TINT (12% of
    the hue over whatever the badge stands on), and a stack has to lay it over
    its own ground rather than over the badge behind it (AvatarStack.css). */
 .crewlet-avatar--hue-purple {
   --crewlet-avatar-plate: var(--color-node-purple-fill);
   background: var(--crewlet-avatar-plate);
-  border-color: var(--color-node-purple-line);
   color: var(--color-node-purple);
 }
 
 .crewlet-avatar--hue-cyan {
   --crewlet-avatar-plate: var(--color-node-cyan-fill);
   background: var(--crewlet-avatar-plate);
-  border-color: var(--color-node-cyan-line);
   color: var(--color-node-cyan);
 }
 
 .crewlet-avatar--hue-green {
   --crewlet-avatar-plate: var(--color-node-green-fill);
   background: var(--crewlet-avatar-plate);
-  border-color: var(--color-node-green-line);
   color: var(--color-node-green);
 }
 
 .crewlet-avatar--hue-amber {
   --crewlet-avatar-plate: var(--color-node-amber-fill);
   background: var(--crewlet-avatar-plate);
-  border-color: var(--color-node-amber-line);
   color: var(--color-node-amber);
 }
 
 .crewlet-avatar--hue-rose {
   --crewlet-avatar-plate: var(--color-node-rose-fill);
   background: var(--crewlet-avatar-plate);
-  border-color: var(--color-node-rose-line);
   color: var(--color-node-rose);
 }
 
 .crewlet-avatar--hue-blue {
   --crewlet-avatar-plate: var(--color-node-blue-fill);
   background: var(--crewlet-avatar-plate);
-  border-color: var(--color-node-blue-line);
   color: var(--color-node-blue);
 }
 
@@ -321,7 +316,7 @@
  * AN OUTLINE RATHER THAN THAT SHADOW PAIR, for three reasons. The gap is
  * TRANSPARENT, so the ring reads on whatever the badge stands on, where the
  * design's gap is the card's own fill and cuts a card-coloured band into any
- * other ground. An outline follows the corner, the squircle's included, in
+ * other ground. An outline follows the corner, the face's clamp included, in
  * every engine this package supports. And forced-colors mode keeps an outline
  * and drops every shadow, so the ring is still drawn for the readers who most
  * need a boundary.
@@ -342,13 +337,20 @@
 /*
  * THE FRAME is the face's own box, so a badge with a status takes exactly the
  * room one without takes: the corner badge hangs past it rather than growing
- * it, and a row lays out the same either way. The badge is 0.42 of the box,
- * never under 10px, which is the size its glyph stays a shape at.
+ * it, and a row lays out the same either way.
+ *
+ * THE BADGE WHERE A READER LOOKS FOR PRESENCE: under a third of the face (0.3
+ * of the box), hanging a twentieth of the box past its bottom-right corner,
+ * with the notch (a gap of the ground round it) kept. At 36px that is an 11px
+ * badge set 2px past the corner, the size and place of a presence dot, where
+ * a badge at 0.42 of the box read as a second face. It never drops under
+ * 10px, where its glyph stops being a shape, and always hangs at least a
+ * pixel past the corner.
  */
 .crewlet-avatar-frame {
-  --crewlet-avatar-status-size: max(10px, calc(var(--crewlet-avatar-size) * 0.42));
-  --crewlet-avatar-status-overhang: 2px;
-  --crewlet-avatar-status-gap: 1.5px;
+  --crewlet-avatar-status-size: max(10px, calc(var(--crewlet-avatar-size) * 0.3));
+  --crewlet-avatar-status-overhang: max(1px, calc(var(--crewlet-avatar-size) * 0.05));
+  --crewlet-avatar-status-gap: 2px;
   position: relative;
   display: inline-flex;
   flex: none;

package/dist/AvatarPicker/index.js

@@ -1,21 +1,21 @@
-export { AvatarPicker } from '../chunk-LOWQK2PB.js';
-import '../chunk-HEA6TERQ.js';
-import '../chunk-KHJIEPZV.js';
+export { AvatarPicker } from '../chunk-KJR5X4II.js';
+import '../chunk-LSOR77RZ.js';
+import '../chunk-SM4P2SHB.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-I22MUEG7.js';
-import '../chunk-6R334YT3.js';
-import '../chunk-2IIHMJMZ.js';
+import '../chunk-LNQSNXGJ.js';
+import '../chunk-XZY6S3UC.js';
+import '../chunk-GZVAZ3LL.js';
+import '../chunk-HCUECVZ3.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-KTIQSSME.js';
-import '../chunk-MLDTLZAO.js';
-import '../chunk-OQG4P5KU.js';
+import '../chunk-YOJAGKTS.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/{AvatarStack-7I3P7LCK.css → AvatarStack-KEHD3GWY.css}

@@ -6,7 +6,8 @@
  * badges standing in front of each other rather than as one blot. The ring is
  * a SHADOW rather than a border, because it has to fall outside the badge
  * without moving it, and it is decoration: forced-colors mode drops it and the
- * badges' own hairlines still separate them.
+ * badges' own borders, which that mode paints in the system ink, still
+ * separate them.
  *
  * THE GROUND IS A VARIABLE because a stack stands on whatever it is put on,
  * and a cut-out in the sheet's colour on a card is a band of the wrong grey
@@ -36,6 +37,17 @@
   box-shadow: 0 0 0 2px var(--crewlet-avatar-stack-ground);
 }
 
+/*
+ * THE RING IS THE ONLY EDGE A STACKED FACE NEEDS. A face's own hairline inside
+ * the ring drew each face as a framed tile, two edges a pixel apart, so a
+ * stacked face (a member, or the face a member wraps) draws its border in no
+ * colour. The border keeps its width, so the face keeps its box.
+ */
+.crewlet-avatar-stack > .crewlet-avatar-stack__member.crewlet-avatar,
+.crewlet-avatar-stack > .crewlet-avatar-stack__member > .crewlet-avatar {
+  border-color: transparent;
+}
+
 /*
  * A BADGE IN FRONT HIDES THE ONE BEHIND IT. A hue's plate is a tint, 12% of
  * the hue over whatever the badge stands on, and in a stack that is partly
@@ -63,9 +75,9 @@
 }
 
 /*
- * THE COUNT OF THE REST. A PILL, where every badge is a squircle or a circle:
- * it is a number rather than somebody, and drawn in either kind's outline it
- * would read as one more agent or one more person. Otherwise it is the neutral
+ * THE COUNT OF THE REST. A PILL, where every face is a rounded square: it is
+ * a number rather than somebody, and drawn in a face's outline it would read
+ * as one more agent or one more person. Otherwise it is the neutral
  * badge exactly (the raised rung, the strong hairline, the secondary ink), in
  * the sans face with tabular figures so "+9" and "+12" sit alike.
  */

package/dist/BrandLockup/BrandLockup.d.ts

@@ -6,6 +6,8 @@ export interface BrandLinkProps {
     /** Present only when `href` was given; a router link takes its own target. */
     href?: string | undefined;
     'aria-label': string;
+    /** The name as the pointer's title, where the rail is compact and draws the mark alone. */
+    title?: string | undefined;
 }
 export interface BrandLockupProps {
     /** The product's name, and the name of the link. Required, for that reason. */
@@ -37,5 +39,9 @@ export interface BrandLockupProps {
  *
  * The mark is hidden from assistive technology: a logo beside its own name is
  * the definition of decoration.
+ *
+ * IN A COMPACT RAIL THE MARK STANDS ALONE (the shell's stylesheet stops
+ * drawing the name), so the link takes the name as its title too: the
+ * pointer is told what the mark is, and the link is still named by it.
  */
 export declare function BrandLockup({ name, mark, context, href, renderLink, className }: BrandLockupProps): import("react").JSX.Element;

package/dist/BrandLockup/index.js

@@ -1,2 +1,3 @@
-export { BrandLockup } from '../chunk-7KBNFFM3.js';
+export { BrandLockup } from '../chunk-GVPUCEWH.js';
+import '../chunk-ISQANI6Q.js';
 import '../chunk-ODEQTPFM.js';

package/dist/BriefCard/BriefCard.d.ts

@@ -6,6 +6,8 @@ import { type HTMLAttributes, type ReactNode } from 'react';
 export declare const BRIEF_CARD_MAX_NEEDS = 3;
 /** The most follow-ups a brief draws: the next questions, not a menu. The host caps them. */
 export declare const BRIEF_CARD_MAX_FOLLOW_UPS = 2;
+/** The most points of what was said a brief draws: the engine writes at most five. */
+export declare const BRIEF_CARD_MAX_POINTS = 5;
 /** The one thing a row lets the reader do, in one press. */
 export interface BriefCardAction {
     /** A verb and its object: "Answer", "Open GOP-11", "Ask why". */
@@ -29,6 +31,18 @@ export interface BriefCardNeed {
     action?: BriefCardAction | undefined;
 }
 /** A question the reader can ask next, in the same conversation. */
+/**
+ * One point of what was said (a room's catch up), and the message it came
+ * from. `source` is the citation: the host's own press that opens the message
+ * (or its thread), named for it ("Open Miles's message"), so every point can
+ * be checked against what was actually written.
+ */
+export interface BriefCardPoint {
+    key: string;
+    /** What was said, in a sentence. */
+    text: ReactNode;
+    source?: BriefCardAction | undefined;
+}
 export interface BriefCardFollowUp {
     key: string;
     question: string;
@@ -39,6 +53,8 @@ export interface BriefCardLabels {
     heading: string;
     /** The list's accessible name. */
     needs: string;
+    /** Names the list of what was said. */
+    points: string;
     /** The mark on the first row, the one the brief recommends, where there are rows to rank. */
     first: string;
     followUps: string;
@@ -63,6 +79,12 @@ export interface BriefCardProps extends Omit<HTMLAttributes<HTMLElement>, 'title
      * empty list is "Nothing needs you".
      */
     needs: readonly BriefCardNeed[];
+    /**
+     * What was said, for a brief of a conversation (a room's catch up), each
+     * point citing the message it came from, at most [BRIEF_CARD_MAX_POINTS].
+     * Drawn as a list under the needs, in the order given.
+     */
+    points?: readonly BriefCardPoint[] | undefined;
     /** One fact from elsewhere that bears on what to do, drawn quiet under the rows. */
     context?: ReactNode;
     /** Questions to ask next, at most [BRIEF_CARD_MAX_FOLLOW_UPS], drawn as suggestion rows at the foot. */
@@ -90,4 +112,4 @@ export interface BriefCardProps extends Omit<HTMLAttributes<HTMLElement>, 'title
  * so where a row leads (a record opened, a question asked) is settled by the
  * code that built the brief, never by text inside it.
  */
-export declare function BriefCard({ scope, asOf, about, needs, context, followUps, labels: overrides, className, ...rest }: BriefCardProps): import("react").JSX.Element;
+export declare function BriefCard({ scope, asOf, about, needs, points, context, followUps, labels: overrides, className, ...rest }: BriefCardProps): import("react").JSX.Element;

package/dist/BriefCard/index.d.ts

@@ -1,3 +1,3 @@
 import './BriefCard.css';
-export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_FOLLOW_UPS, BRIEF_CARD_MAX_NEEDS, BriefCard } from './BriefCard.js';
-export type { BriefCardAction, BriefCardFollowUp, BriefCardLabels, BriefCardNeed, BriefCardNeedTone, BriefCardProps, } from './BriefCard.js';
+export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_FOLLOW_UPS, BRIEF_CARD_MAX_NEEDS, BRIEF_CARD_MAX_POINTS, BriefCard } from './BriefCard.js';
+export type { BriefCardAction, BriefCardFollowUp, BriefCardLabels, BriefCardNeed, BriefCardNeedTone, BriefCardPoint, BriefCardProps, } from './BriefCard.js';

package/dist/BriefCard/index.js

@@ -1,13 +1,13 @@
-export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_FOLLOW_UPS, BRIEF_CARD_MAX_NEEDS, BriefCard } from '../chunk-5BOFC5OP.js';
+export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_FOLLOW_UPS, BRIEF_CARD_MAX_NEEDS, BRIEF_CARD_MAX_POINTS, BriefCard } from '../chunk-CF4M6N6A.js';
 import '../chunk-Y7PVLEZJ.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/{BriefCard-VKTH3BSW.css → BriefCard-QCL7MVUV.css}

@@ -113,3 +113,29 @@
 .crewlet-brief-card__follow-ups {
   margin-inline: calc(-1 * var(--spacing-3));
 }
+
+/*
+ * WHAT WAS SAID (a room's catch up): one point to a row, the sentence and its
+ * citation, the press that opens the message it came from, at the row's end.
+ * A quiet list with no markers, between the needs and the context.
+ */
+.crewlet-brief-card__points {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-brief-card__point {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: baseline;
+  gap: var(--spacing-3);
+  padding-block: var(--spacing-1);
+}
+
+.crewlet-brief-card__point-text {
+  color: var(--color-text-primary);
+}

package/dist/Canvas/index.js

@@ -1,12 +1,12 @@
-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-OBPINJNO.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-SEKO6P3Y.js';
 import '../chunk-LM3ISVJA.js';
-import '../chunk-I33UIUZD.js';
-import '../chunk-ANTAQAR4.js';
+import '../chunk-3QQIGMY3.js';
+import '../chunk-CMAZZY2I.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-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CanvasBoard/index.js

@@ -1,16 +1,16 @@
-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-FQI62PIZ.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-4RYELYWG.js';
 import '../chunk-5SZGKSGL.js';
-import '../chunk-KL6A7JGH.js';
-import '../chunk-NR4CPM4T.js';
-import '../chunk-OBPINJNO.js';
+import '../chunk-HA2PL7PA.js';
+import '../chunk-NXFTCPF6.js';
+import '../chunk-SEKO6P3Y.js';
 import '../chunk-LM3ISVJA.js';
-import '../chunk-I33UIUZD.js';
-import '../chunk-ANTAQAR4.js';
+import '../chunk-3QQIGMY3.js';
+import '../chunk-CMAZZY2I.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-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CanvasToolbar/index.js

@@ -1,14 +1,14 @@
-export { CanvasToolbar, toolForKey } from '../chunk-KL6A7JGH.js';
-import '../chunk-NR4CPM4T.js';
-import '../chunk-OBPINJNO.js';
+export { CanvasToolbar, toolForKey } from '../chunk-HA2PL7PA.js';
+import '../chunk-NXFTCPF6.js';
+import '../chunk-SEKO6P3Y.js';
 import '../chunk-LM3ISVJA.js';
-import '../chunk-I33UIUZD.js';
-import '../chunk-ANTAQAR4.js';
+import '../chunk-3QQIGMY3.js';
+import '../chunk-CMAZZY2I.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-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Card/index.js

@@ -1,6 +1,6 @@
-export { Card } from '../chunk-4AUTALJA.js';
+export { Card } from '../chunk-U2IQNDDR.js';
 export { useCardHeaderSlot } from '../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/ChangeList/index.js

@@ -1,10 +1,10 @@
-export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from '../chunk-4XF7ENQA.js';
+export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from '../chunk-AOJ6ZA77.js';
 import '../chunk-LR4IWUWQ.js';
-import '../chunk-VERJCAJ4.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-222VILSP.js';
-import '../chunk-IVTQWOXV.js';
-import '../chunk-MLDTLZAO.js';
+import '../chunk-LVJGN5II.js';
+import '../chunk-ULYHDP7U.js';
+import '../chunk-D2GT3CR4.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ChangeMark/index.js

@@ -1,9 +1,9 @@
-export { ChangeMark } from '../chunk-Z2MZTI3H.js';
+export { ChangeMark } from '../chunk-ONNXUS5Y.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-I33UIUZD.js';
+import '../chunk-3QQIGMY3.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/CharacterPicker/index.js

@@ -1,5 +1,5 @@
 import '../chunk-3L5NHASN.js';
-export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-I22MUEG7.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-LNQSNXGJ.js';
+import '../chunk-XZY6S3UC.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-KTIQSSME.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ChatDay/ChatDay.d.ts

@@ -0,0 +1,53 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+export interface ChatDayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'children'> {
+    /** The day, as the reader says it: "Today", "Yesterday", "Monday, October 27". It names the day for a screen reader too. */
+    label: string;
+    /**
+     * The host's own control in the pill's place, such as a Jump to menu whose
+     * trigger is a `ChatDayPill`. Left out, the day draws its label as a plain
+     * pill.
+     */
+    pill?: ReactNode;
+    /**
+     * The New line's word ("New"), for a day whose FIRST message is the first
+     * one the reader has not read. It is drawn on the day's own rule, as one
+     * line, rather than as a second line under it.
+     */
+    unread?: string | undefined;
+    /** The day's rows, oldest first. */
+    children?: ReactNode;
+}
+/**
+ * A day of a conversation under its date.
+ *
+ * - THE DAY'S RULE is a hairline across the whole list, in the flow where the
+ *   day starts. It scrolls away with the day like any row.
+ * - THE DAY'S PILL sits on the rule while the rule is in view, then stays
+ *   pinned a little under the top of the list while any of the day is in it,
+ *   floating over the rows: only the pill covers them, never a band across
+ *   the list. It is pinned within its own day, so the next day's pill pushes
+ *   it out from below as that day reaches the top.
+ * - THE PIN IS A VARIABLE, `--crewlet-chat-day-pin`, so a host with a bar
+ *   floating over the top of the list (an unread banner) moves the pills
+ *   down past it while the bar shows.
+ *
+ * A GROUP TO A SCREEN READER, named by its day, so a reader moving through a
+ * long log by group hears where each day starts. The pill's words are the
+ * same name, drawn; the rule is decoration, unless it carries the New line,
+ * which is a separator of its own.
+ */
+export declare function ChatDay({ label, pill, unread, className, children, ...rest }: ChatDayProps): import("react").JSX.Element;
+export interface ChatDayPillProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    /** The day's words on the pill. */
+    label: string;
+}
+/**
+ * The day's pill as a control, for a day whose pill does something: spread
+ * with a menu's trigger props it opens that menu, and draws the chevron that
+ * says so (`<Menu renderTrigger={(props) => <ChatDayPill {...props} label="Today" />}>`).
+ * The same size, fill and ring as the plain pill a `ChatDay` draws on its own.
+ *
+ * Filled with the transcript's own ground and ringed with a hairline and a
+ * small shadow, so it reads as lifted off the messages it passes over.
+ */
+export declare const ChatDayPill: import("react").ForwardRefExoticComponent<ChatDayPillProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/ChatDay/index.d.ts

@@ -0,0 +1,5 @@
+import '../ChatMessage/ChatScale.css';
+import '../ChatDivider/ChatDivider.css';
+import './ChatDay.css';
+export { ChatDay, ChatDayPill } from './ChatDay.js';
+export type { ChatDayPillProps, ChatDayProps } from './ChatDay.js';

package/dist/ChatDay/index.js

@@ -0,0 +1,3 @@
+export { ChatDay, ChatDayPill } from '../chunk-ONHYFU7D.js';
+import '../chunk-K774LUN3.js';
+import '../chunk-ODEQTPFM.js';