@crewlethq/ui 0.55.0 → 0.57.0

package/dist/DownloadButton/DownloadButton.d.ts

@@ -1,11 +1,27 @@
 import { type ButtonSize, type ButtonVariant } from '../Button/index.js';
-export interface DownloadButtonProps {
+/**
+ * What the file is: text the page already holds (or a thunk producing it),
+ * or a file fetched on the press, such as an export the server builds.
+ */
+export type DownloadButtonSource = {
     /** The text, or a thunk that produces it, resolved on the press. See [CopyButtonProps.text]. */
     text: string | (() => string);
-    /** The name to offer it under. Sanitised by [safeFilename]. */
-    filename: string;
+    file?: undefined;
     /** The type the file is offered as. Defaults to plain text in UTF-8. */
     mime?: string | undefined;
+} | {
+    text?: undefined;
+    /**
+     * Fetches the file on the press. The button keeps its label with the
+     * spinner while it waits, and a fetch that rejects reads as a failed
+     * download. The type is the blob's own.
+     */
+    file: () => Promise<Blob>;
+    mime?: undefined;
+};
+export interface DownloadButtonBaseProps {
+    /** The name to offer it under. Sanitised by [safeFilename]. */
+    filename: string;
     /** The label at rest. */
     label?: string | undefined;
     /**
@@ -34,6 +50,7 @@ export interface DownloadButtonProps {
     failedResetMs?: number | null | undefined;
     className?: string | undefined;
 }
+export type DownloadButtonProps = DownloadButtonBaseProps & DownloadButtonSource;
 /**
  * Hand text to the reader as a file, and SAY WHETHER IT LANDED.
  *
@@ -49,4 +66,4 @@ export interface DownloadButtonProps {
  * refusal holds until the next press, and every attempt replaces the status
  * message, so a second identical refusal is still announced.
  */
-export declare function DownloadButton({ text, filename, mime, label, startedLabel, failedLabel, startedMessage, failedMessage, size, variant, title, disabled, resetMs, failedResetMs, className, }: DownloadButtonProps): import("react").JSX.Element;
+export declare function DownloadButton({ text, file, filename, mime, label, startedLabel, failedLabel, startedMessage, failedMessage, size, variant, title, disabled, resetMs, failedResetMs, className, }: DownloadButtonProps): import("react").JSX.Element;

package/dist/DownloadButton/index.d.ts

@@ -1,2 +1,2 @@
 export { DownloadButton } from './DownloadButton.js';
-export type { DownloadButtonProps } from './DownloadButton.js';
+export type { DownloadButtonBaseProps, DownloadButtonProps, DownloadButtonSource } from './DownloadButton.js';

package/dist/DownloadButton/index.js

@@ -1,6 +1,7 @@
-export { DownloadButton } from '../chunk-BEHFTRMZ.js';
-import '../chunk-IW55G7XG.js';
+export { DownloadButton } from '../chunk-HNK43Z3P.js';
+import '../chunk-YNRKVY7X.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/EditingStatus/index.js

@@ -1,5 +1,5 @@
-export { EditingStatus } from '../chunk-EJWPYEG4.js';
-import '../chunk-3CZ7XAVY.js';
+export { EditingStatus } from '../chunk-XRZGGB6I.js';
+import '../chunk-KS7YIJ4S.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Editor-GNKMX3VF.js → Editor-S4HARQ7V.js}

@@ -1,17 +1,18 @@
-import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
+import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { Menu } from './chunk-TMM32U7D.js';
-import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
-import { FormField, Input } from './chunk-XANKR3EP.js';
+import { FormField, Input } from './chunk-FXQLNETQ.js';
 import './chunk-XCUUI7E7.js';
 import './chunk-PQADV6P6.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import './chunk-RSAQOKH3.js';
+import { Menu } from './chunk-TKS7FTTO.js';
+import { Button } from './chunk-HD4QJ2SI.js';
+import './chunk-EA23JG6R.js';
+import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
 import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import './chunk-NUZHC6MM.js';
-import './chunk-RSAQOKH3.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { forwardRef, useMemo, useRef, useState, useId, useSyncExternalStore, useCallback, useLayoutEffect, useEffect, useImperativeHandle } from 'react';

package/dist/EntityList/EntityList.d.ts

@@ -0,0 +1,37 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+/** One person, seat or record in the list. */
+export interface EntityListItem {
+    /** What tells two rows apart. */
+    id: string;
+    /** Its name: "Agent SWE", "Jane Founder", "ENG-156". */
+    name: string;
+    /** One fact under the name: "Core · 2.96M tokens this week". */
+    fact?: ReactNode;
+    /** Its avatar or glyph, before the name. Decoration: the name is what is read. */
+    avatar?: ReactNode;
+    /**
+     * Its action at the row's end, the host's own link ("Profile", "Open"),
+     * drawn as a ghost small `ButtonLink` or the router's equivalent. A row is
+     * given only for something the person may open.
+     */
+    action?: ReactNode;
+}
+export interface EntityListProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    items: readonly EntityListItem[];
+    /** Names the list for a screen reader, when no title names it. */
+    label?: string | undefined;
+    /**
+     * Draws the list as a card under this title ("Agents in Core"), as an
+     * answer shows it; without one it is the divided rows alone.
+     */
+    title?: string | undefined;
+}
+/**
+ * People, seats or records an answer names, one row each: the avatar, the
+ * name over one fact, and the row's own link at its end.
+ *
+ * A LIST OF ROWS, divided by hairlines, each on the card's 16px inset so the
+ * names line up with the title above them. Inside a card (`title`) the card
+ * is the only edge.
+ */
+export declare function EntityList({ items, label, title, className, ...rest }: EntityListProps): import("react").JSX.Element;

package/dist/EntityList/index.d.ts

@@ -0,0 +1,3 @@
+import './EntityList.css';
+export { EntityList } from './EntityList.js';
+export type { EntityListItem, EntityListProps } from './EntityList.js';

package/dist/EntityList/index.js

@@ -0,0 +1,10 @@
+export { EntityList } from '../chunk-FA44M2YT.js';
+import '../chunk-WDIVALLP.js';
+import '../chunk-KYIAFNU7.js';
+import '../chunk-WIATRXEJ.js';
+import '../chunk-INHXF2CL.js';
+import '../chunk-AV2DXAEL.js';
+import '../chunk-BHHIIK3M.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/EntityList-XIICECVC.css

@@ -0,0 +1,55 @@
+/* One row per person, seat or record, divided by hairlines, on the card's 16px inset. */
+.crewlet-entity-list__rows {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-entity-list__row {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3);
+  min-width: 0;
+  min-height: var(--size-row-lg);
+  padding: var(--spacing-2) var(--spacing-4);
+}
+
+.crewlet-entity-list__row + .crewlet-entity-list__row {
+  border-top: 1px solid var(--color-border-default);
+}
+
+.crewlet-entity-list__avatar {
+  display: inline-flex;
+  flex: none;
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-entity-list__words {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.crewlet-entity-list__name {
+  overflow: hidden;
+  font-size: var(--font-size-compact);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text-primary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-entity-list__fact {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+}
+
+/* The row's own link, its ghost padding pulled out to the card's text edge. */
+.crewlet-entity-list__action {
+  display: inline-flex;
+  flex: none;
+  margin-inline-end: calc(-1 * (var(--spacing-2) + 1px));
+}

package/dist/ErrorBoundary/index.js

@@ -1,4 +1,5 @@
-export { ErrorBoundary } from '../chunk-XX2VQE55.js';
-import '../chunk-OG6CL3EB.js';
+export { ErrorBoundary } from '../chunk-WBRC3MNE.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/FileDrop/index.js

@@ -1,4 +1,5 @@
-export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-THDGBD6Y.js';
-import '../chunk-OG6CL3EB.js';
+export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-AKFHMLEX.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/FollowBanner/index.js

@@ -1,7 +1,8 @@
-export { FollowBanner } from '../chunk-34C7NYIQ.js';
+export { FollowBanner } from '../chunk-Y73BQL74.js';
 import '../chunk-BPCY7ZID.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/HuePicker/index.js

@@ -1,17 +1,18 @@
 import '../chunk-FFMCMSJB.js';
-export { HuePicker, HueSwatch } from '../chunk-BZXY2L2D.js';
+export { HuePicker, HueSwatch } from '../chunk-OYAXKHVW.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-CNGHOTHV.js';
-import '../chunk-FS4IH7VB.js';
+import '../chunk-AWSFK2IK.js';
+import '../chunk-I7VG6RQE.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-TMM32U7D.js';
+import '../chunk-BHHIIK3M.js';
+import '../chunk-TKS7FTTO.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-BHHIIK3M.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/IconButton/IconButton.d.ts

@@ -1,8 +1,13 @@
 import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ReactNode } from 'react';
 export type IconButtonSize = 'sm' | 'md' | 'lg';
 export type IconButtonVariant = 
+/**
+ * The accent square: a primary Button with no room for a label, for the one
+ * icon-only control that IS the decision on its surface (a composer's Send).
+ */
+'primary'
 /** The bordered square: a secondary Button with no room for a label. */
-'secondary'
+ | 'secondary'
 /** Transparent, neutral ink, a surface tint on hover. */
  | 'ghost'
 /** Transparent, the accent on hover. */

package/dist/IconButton/index.js

@@ -1,3 +1,3 @@
-export { IconButton, IconButtonLink } from '../chunk-LACA4JGC.js';
+export { IconButton, IconButtonLink } from '../chunk-2BQYODY3.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{IconButton-K24JQHLF.css → IconButton-6WA7UEBJ.css}

@@ -94,6 +94,24 @@
   height: var(--font-size-xl);
 }
 
+/*
+ * primary: the accent square, the primary Button's fill, hover and press with
+ * no room for a label. One per surface, for the control that is the decision
+ * there (a composer's Send); every other icon-only control stays a ghost.
+ */
+.crewlet-icon-btn--primary {
+  background: var(--color-brand-accent);
+  color: var(--color-text-on-accent);
+}
+
+.crewlet-icon-btn--primary:hover:not(:disabled):not([aria-disabled='true']) {
+  background: var(--color-brand-accent-hover);
+}
+
+.crewlet-icon-btn--primary:active:not(:disabled):not([aria-disabled='true']) {
+  background: var(--color-brand-accent-active);
+}
+
 /*
  * secondary: the bordered square. The same surface, boundary and states as a
  * secondary Button, for an icon-only control that has to read as a control
@@ -116,27 +134,6 @@
   background: var(--color-surface-pressed);
 }
 
-/*
- * THE PLACE THE READER IS ON (`IconButtonLink current`): the selected
- * treatment a nav row draws, the lifted ground inside the default hairline,
- * drawn on the square's own transparent boundary so nothing moves. With an
- * edge to draw, its ring covers the edge, as the bordered squares' does.
- */
-a.crewlet-icon-btn {
-  text-decoration: none;
-}
-
-.crewlet-icon-btn--current,
-.crewlet-icon-btn--current:hover {
-  background: var(--color-surface-elevated);
-  border-color: var(--color-border-default);
-  color: var(--color-text-primary);
-}
-
-.crewlet-icon-btn--current:focus-visible {
-  outline-offset: var(--size-focus-ring-inset-offset);
-}
-
 /* ghost: transparent, neutral ink, a mild tint on hover. */
 .crewlet-icon-btn--ghost {
   color: var(--color-text-secondary);
@@ -181,6 +178,32 @@ a.crewlet-icon-btn {
   border-color: var(--color-brand-accent);
 }
 
+/*
+ * THE PLACE THE READER IS ON (`IconButtonLink current`): the selected
+ * treatment a nav row draws, the lifted ground inside the default hairline,
+ * drawn on the square's own transparent boundary so nothing moves. With an
+ * edge to draw, its ring covers the edge, as the bordered squares' does.
+ *
+ * AFTER EVERY VARIANT, on purpose. The two tie on specificity, so the later
+ * rule wins: written above the variants, a ghost square's secondary ink (and
+ * a ghost-brand's tertiary one) followed it and won, and the place the reader
+ * was on was drawn in the ink of every other square in the row.
+ */
+a.crewlet-icon-btn {
+  text-decoration: none;
+}
+
+.crewlet-icon-btn--current,
+.crewlet-icon-btn--current:hover:not(:disabled):not([aria-disabled='true']) {
+  background: var(--color-surface-elevated);
+  border-color: var(--color-border-default);
+  color: var(--color-text-primary);
+}
+
+.crewlet-icon-btn--current:focus-visible {
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
 /* A toggle that is on, drawn from the state a screen reader is already told. */
 .crewlet-icon-btn[aria-pressed='true'] {
   background: var(--color-brand-accent-soft);

package/dist/IconTile/IconTile.d.ts

@@ -3,8 +3,14 @@ import type { NodeHue } from '../utils/nodeHue.js';
 export interface IconTileProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /** The glyph, at the size the tile is drawn at: `sm` in a `sm` or `md` tile, `md` in a `lg` one. */
     children: ReactNode;
-    /** The hue it is tinted in. Left out, the brand accent's soft fill and ink. */
+    /** The hue it is tinted in. Left out, the brand accent's soft fill and ink, or the neutral tile with `tone="neutral"`. */
     hue?: NodeHue | undefined;
+    /**
+     * `neutral` draws the tile on the raised ground in the secondary ink, for a
+     * place or a record rather than a kind of thing: colour carries state, never
+     * identity, so a link to a task is not tinted. Ignored when `hue` is given.
+     */
+    tone?: 'accent' | 'neutral' | undefined;
     /** One of the row heights: `sm` 28px, `md` 36px, `lg` 48px. */
     size?: 'sm' | 'md' | 'lg' | undefined;
 }
@@ -20,4 +26,4 @@ export interface IconTileProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'ch
  * DECORATION. The tile is hidden from assistive technology: the name beside it
  * is what is read.
  */
-export declare function IconTile({ children, hue, size, className, ...rest }: IconTileProps): import("react").JSX.Element;
+export declare function IconTile({ children, hue, tone, size, className, ...rest }: IconTileProps): import("react").JSX.Element;

package/dist/IconTile/index.js

@@ -1,2 +1,2 @@
-export { IconTile } from '../chunk-IXJHTFXG.js';
+export { IconTile } from '../chunk-3LI4TRUR.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{IconTile-4GNWTLAW.css → IconTile-G52XZVR4.css}

@@ -22,6 +22,9 @@
 .crewlet-icon-tile--sm { --crewlet-icon-tile-size: var(--size-row-sm); }
 .crewlet-icon-tile--lg { --crewlet-icon-tile-size: var(--size-row-lg); border-radius: var(--radius-lg); }
 
+/* A place or a record rather than a kind: the raised ground, the secondary ink. */
+.crewlet-icon-tile--neutral { --crewlet-icon-tile-fill: var(--color-surface-elevated); --crewlet-icon-tile-ink: var(--color-text-secondary); }
+
 .crewlet-icon-tile--purple { --crewlet-icon-tile-fill: var(--color-node-purple-fill); --crewlet-icon-tile-ink: var(--color-node-purple-ink); }
 .crewlet-icon-tile--cyan { --crewlet-icon-tile-fill: var(--color-node-cyan-fill); --crewlet-icon-tile-ink: var(--color-node-cyan-ink); }
 .crewlet-icon-tile--green { --crewlet-icon-tile-fill: var(--color-node-green-fill); --crewlet-icon-tile-ink: var(--color-node-green-ink); }

package/dist/InlineEditor/index.js

@@ -1,10 +1,11 @@
-export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-6RMZH7P7.js';
-import '../chunk-EJWPYEG4.js';
-import '../chunk-3CZ7XAVY.js';
+export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-672GLRBU.js';
+import '../chunk-XRZGGB6I.js';
+import '../chunk-KS7YIJ4S.js';
 import '../chunk-EUCC37WY.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
+import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Input/index.js

@@ -1,9 +1,9 @@
-export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-XANKR3EP.js';
+export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-FXQLNETQ.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-RSAQOKH3.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-RSAQOKH3.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/LinkInterstitial/index.js

@@ -1,12 +1,13 @@
-export { LinkInterstitial, openExternal } from '../chunk-HDHL773Z.js';
-import '../chunk-NWGGH2LN.js';
+export { LinkInterstitial, openExternal } from '../chunk-ZH4MJM73.js';
 import '../chunk-5CLW2CXT.js';
+import '../chunk-QZ4B72FP.js';
 import '../chunk-BPCY7ZID.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
+import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ListInput/index.js

@@ -1,14 +1,15 @@
-export { ListInput, withDraft } from '../chunk-BTHQFWMG.js';
+export { ListInput, withDraft } from '../chunk-DOPPU6TZ.js';
 import '../chunk-XJ2QEBMM.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-XANKR3EP.js';
+import '../chunk-FXQLNETQ.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-RSAQOKH3.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
+import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-RSAQOKH3.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/LogoSlot/index.js

@@ -1,9 +1,10 @@
-export { LogoSlot, LogoSlotGroup } from '../chunk-SYY26XBX.js';
-import '../chunk-THDGBD6Y.js';
+export { LogoSlot, LogoSlotGroup } from '../chunk-HGCDJOEF.js';
+import '../chunk-AKFHMLEX.js';
 import '../chunk-WW7TU6HE.js';
 import '../chunk-KYIAFNU7.js';
 import '../chunk-7W3LYIOC.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/MarkdownEditor/index.js

@@ -1,17 +1,18 @@
-export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-KHKZPZHO.js';
+export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-272Y3YMV.js';
 import '../chunk-NR4CPM4T.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-CNGHOTHV.js';
-import '../chunk-FS4IH7VB.js';
+import '../chunk-AWSFK2IK.js';
+import '../chunk-I7VG6RQE.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-TMM32U7D.js';
+import '../chunk-BHHIIK3M.js';
+import '../chunk-TKS7FTTO.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-BHHIIK3M.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Menu/index.js

@@ -1,8 +1,9 @@
-export { Menu } from '../chunk-TMM32U7D.js';
+export { Menu } from '../chunk-TKS7FTTO.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/MergeConflicts/index.js

@@ -1,16 +1,17 @@
-export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-CCPOLCZL.js';
+export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-2TTFDRR3.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-CNGHOTHV.js';
-import '../chunk-FS4IH7VB.js';
+import '../chunk-AWSFK2IK.js';
+import '../chunk-I7VG6RQE.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-TMM32U7D.js';
+import '../chunk-BHHIIK3M.js';
+import '../chunk-TKS7FTTO.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-BHHIIK3M.js';
-import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/MessageBubble/MessageBubble.d.ts

@@ -0,0 +1,34 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+/** Who wrote it, from the reader's side: the reader (`self`) or anybody else (`other`). */
+export type MessageBubbleFrom = 'self' | 'other';
+export interface MessageBubbleProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    from: MessageBubbleFrom;
+    /** The message. Long unbroken text wraps anywhere rather than widening the thread. */
+    children: ReactNode;
+    /** Names the message for a screen reader. "You said" for `self`; give one for `other` ("Sam Rivera said"). */
+    label?: string | undefined;
+    /**
+     * What the message carried, under the bubble on its side: the page a
+     * question was sent with, as a read-only `Tag` (`xs`, outline), with "Sent
+     * with" said to assistive technology only.
+     */
+    attachment?: ReactNode;
+    /** A quiet line under it: the time it was sent, a copy control. */
+    footer?: ReactNode;
+    /** Rises in when it arrives (a 4px rise and a fade). Off for history, which is already there. */
+    animateIn?: boolean | undefined;
+}
+/**
+ * One message in a conversation, as a bubble on its writer's side.
+ *
+ * THE READER'S OWN MESSAGES STAND AT THE END on the raised ground, with no
+ * edge and a small tail corner; anybody else's at the start on the card
+ * ground inside a hairline. A bubble is at most 85% of the thread, so the
+ * side it stands on is always visible.
+ *
+ * AN ARTICLE NAMED FOR WHO SAID IT, so a reader moving through a thread by
+ * element hears "You said" before the words. An answer from the assistant is
+ * not a bubble: it is prose with no container, because it is not signed by a
+ * persona.
+ */
+export declare function MessageBubble({ from, children, label, attachment, footer, animateIn, className, ...rest }: MessageBubbleProps): import("react").JSX.Element;

package/dist/MessageBubble/index.d.ts

@@ -0,0 +1,3 @@
+import './MessageBubble.css';
+export { MessageBubble } from './MessageBubble.js';
+export type { MessageBubbleFrom, MessageBubbleProps } from './MessageBubble.js';

package/dist/MessageBubble/index.js

@@ -0,0 +1,2 @@
+export { MessageBubble } from '../chunk-C3FX7ZSU.js';
+import '../chunk-ODEQTPFM.js';