@crewlethq/ui 0.59.0 → 0.61.0

package/dist/SelectionBar/index.js

@@ -1,7 +1,7 @@
-export { SelectionBar } from '../chunk-ZECQEJUE.js';
+export { SelectionBar } from '../chunk-6Z4JZHRB.js';
 import '../chunk-NR4CPM4T.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/SendButton/SendButton.d.ts

@@ -2,9 +2,9 @@ import { type IconButtonProps } from '../IconButton/index.js';
 /** Whether the button sends the message or stops the request already running. */
 export type SendButtonMode = 'send' | 'stop';
 export interface SendButtonLabels {
-    /** The send button's name and tooltip. */
+    /** The send button's name. */
     send: string;
-    /** The stop button's name and tooltip. */
+    /** The stop button's name. */
     stop: string;
 }
 export declare const SEND_BUTTON_LABELS: SendButtonLabels;
@@ -14,10 +14,14 @@ export interface SendButtonProps extends Omit<IconButtonProps, 'label' | 'icon'
     /** Called on a press in either mode: the caller sends, or stops what is running. */
     onPress: () => void;
     /**
-     * Why it cannot send right now ("Write a question first", "Offline"). Soft
-     * disabled, as every disabled control here is: it keeps its place in the
-     * tab order and says why. Ignored while stopping, because Stop is always
-     * available while something runs.
+     * Why it cannot be pressed right now, in a few words. Soft disabled, as
+     * every disabled control here is: it keeps its place in the tab order, a
+     * screen reader is told the reason, and the pointer's tooltip says it.
+     *
+     * In `send` mode it is why there is nothing to send ("Type a question
+     * first", "Offline"). In `stop` mode it is a stop already under way
+     * ("Stopping"), which a second press could not hurry; leave it out while
+     * the request runs and Stop is always available.
      */
     disabledReason?: string | undefined;
     labels?: Partial<SendButtonLabels> | undefined;
@@ -27,12 +31,22 @@ export interface SendButtonProps extends Omit<IconButtonProps, 'label' | 'icon'
  *
  * ONE ELEMENT IN BOTH MODES, so the button a keyboard reader is on stays
  * focused when the request starts or ends: it changes what it says ("Send",
- * "Stop") and how it looks, never which element it is.
+ * "Stop") and how it looks, never which element it is. Both glyphs are drawn
+ * in one cell and the one not in use is faded and scaled away, so the change
+ * is a short cross fade in place rather than a swap.
+ *
+ * SEND is the accent square with the arrow, the one decision in the composer.
+ * With nothing to send it is not a faded accent, which read as a muddy block
+ * on the dark ground: it is the accent's soft tint with the arrow in the
+ * tertiary ink, and it lights up in the accent the moment there is something
+ * to send.
+ *
+ * STOP is the bordered square with a small filled square in the primary ink,
+ * the mark every media control uses for "stop", and an accent arc travelling
+ * round its edge while the request runs: the button says both that something
+ * is under way and how to end it. Stop is quieter than Send on purpose, a way
+ * out rather than the decision.
  *
- * SEND is the accent square (IconButton `primary`) with the arrow; STOP is the
- * bordered square (IconButton `secondary`) with a filled square in the primary
- * ink. Stop is quieter than Send on purpose: an inverse block was the loudest
- * thing on the panel in dark mode, and Stop is a way out, not the decision.
  * Inside a `Composer`'s `trailing` slot its corner nests in the composer's.
  */
 export declare const SendButton: import("react").ForwardRefExoticComponent<SendButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/SendButton/index.d.ts

@@ -1,2 +1,3 @@
+import './SendButton.css';
 export { SEND_BUTTON_LABELS, SendButton } from './SendButton.js';
 export type { SendButtonLabels, SendButtonMode, SendButtonProps } from './SendButton.js';

package/dist/SendButton/index.js

@@ -1,4 +1,4 @@
-export { SEND_BUTTON_LABELS, SendButton } from '../chunk-P7QDOKTP.js';
-import '../chunk-2GIUKIFV.js';
+export { SEND_BUTTON_LABELS, SendButton } from '../chunk-PBR5C5MX.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SendButton-L4UX54XS.css

@@ -0,0 +1,173 @@
+/*
+ * A chat composer's Send, which becomes Stop. See SendButton.tsx for what each
+ * state says. The surfaces, edges and hover and press inks are IconButton's
+ * primary and secondary squares; this sheet adds the glyph cross fade, the
+ * quiet held state, the press and the running arc.
+ */
+
+/*
+ * THE ARC'S ANGLE, registered so it can turn. An unregistered custom property
+ * animates in one step at the halfway point, which would make the arc jump
+ * between two places rather than travel.
+ */
+@property --crewlet-send-button-arc {
+  syntax: '<angle>';
+  inherits: false;
+  initial-value: 0deg;
+}
+
+.crewlet-send-button {
+  position: relative;
+  transition:
+    background var(--motion-duration-fast) var(--motion-easing-default),
+    border-color var(--motion-duration-fast) var(--motion-easing-default),
+    color var(--motion-duration-fast) var(--motion-easing-default),
+    transform var(--motion-duration-instant) var(--motion-easing-out);
+}
+
+/* A press sinks the square a little, so the pointer feels it land. */
+.crewlet-send-button:active:not([aria-disabled='true']) {
+  transform: scale(0.94);
+}
+
+/*
+ * BOTH GLYPHS IN ONE CELL. The one in use stands at full size; the other is
+ * faded and scaled to half, and the two trade places on the base step with
+ * the entering surface's ease, so Send turning into Stop reads as one control
+ * changing its mind rather than as two buttons swapping.
+ */
+.crewlet-send-button__glyphs {
+  display: grid;
+  place-items: center;
+}
+
+.crewlet-send-button__glyph {
+  grid-area: 1 / 1;
+  transition:
+    opacity var(--motion-duration-base) var(--motion-easing-default),
+    transform var(--motion-duration-base) var(--motion-easing-emphasized);
+}
+
+.crewlet-send-button--send .crewlet-send-button__glyph--stop,
+.crewlet-send-button--stop .crewlet-send-button__glyph--send {
+  opacity: 0;
+  transform: scale(0.5);
+}
+
+/*
+ * THE STOP SQUARE IS SMALLER THAN THE ARROW: a filled block at the arrow's
+ * 14px was the heaviest mark on the panel. At the 12px step its square is
+ * nine pixels, crisp on the pixel grid and the weight of the arrow's stroke.
+ */
+.crewlet-send-button.crewlet-icon-btn--md .crewlet-send-button__glyph--stop {
+  width: var(--font-size-xs);
+  height: var(--font-size-xs);
+}
+
+/*
+ * HELD, AT FULL OPACITY, with the glyph in the tertiary ink. A faded accent
+ * block read as a muddy, broken button on the dark ground, and the composer's
+ * own fade multiplied it further. Send held is the accent's soft tint, so it
+ * is still the purple control that lights up the moment there is something
+ * to send; Stop held (a stop already under way) is the neutral hover overlay,
+ * since nothing about it is waiting to light up.
+ */
+.crewlet-send-button.crewlet-icon-btn[aria-disabled='true'] {
+  opacity: 1;
+  border-color: transparent;
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-send-button--send.crewlet-icon-btn[aria-disabled='true'] {
+  background: var(--color-brand-accent-soft);
+}
+
+.crewlet-send-button--stop.crewlet-icon-btn[aria-disabled='true'] {
+  background: var(--color-surface-hover);
+}
+
+/*
+ * THE RUNNING ARC: a band of the accent travelling round Stop's edge, over its
+ * own 1px border, with a tail that fades behind it. The band is a conic
+ * gradient cut to a 2px ring by a mask (a mask reads only alpha, so its black
+ * is opacity rather than a colour), so it follows the rounded corner exactly.
+ * One round is the working ring's sweep period, and it fades in on the
+ * moderate step as Stop arrives.
+ */
+.crewlet-send-button--stop::before {
+  content: '';
+  position: absolute;
+  inset: -1px;
+  padding: 2px;
+  border-radius: inherit;
+  background: conic-gradient(
+    from var(--crewlet-send-button-arc),
+    transparent 0turn,
+    transparent 0.55turn,
+    var(--color-brand-accent) 1turn
+  );
+  -webkit-mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask:
+    linear-gradient(#000 0 0) content-box exclude,
+    linear-gradient(#000 0 0);
+  /* Paint, never a target. */
+  pointer-events: none;
+  animation:
+    crewlet-send-button-arc var(--motion-duration-sweep) linear infinite,
+    crewlet-send-button-arc-in var(--motion-duration-moderate) var(--motion-easing-out);
+}
+
+/* A stop already under way has nothing left to show running. */
+.crewlet-send-button--stop[aria-disabled='true']::before {
+  display: none;
+}
+
+@keyframes crewlet-send-button-arc {
+  to {
+    --crewlet-send-button-arc: 360deg;
+  }
+}
+
+@keyframes crewlet-send-button-arc-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+/*
+ * UNDER REDUCED MOTION nothing travels or scales: the glyphs change in place,
+ * and the arc becomes the whole edge in the accent, still and still saying
+ * that something runs.
+ */
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-send-button {
+    transition: none;
+  }
+
+  .crewlet-send-button:active:not([aria-disabled='true']) {
+    transform: none;
+  }
+
+  .crewlet-send-button__glyph {
+    transition: none;
+  }
+
+  .crewlet-send-button--stop::before {
+    background: var(--color-brand-accent);
+    animation: none;
+  }
+}
+
+/* The system draws its own edge; a masked gradient is not repainted there. */
+@media (forced-colors: active) {
+  .crewlet-send-button--stop::before {
+    display: none;
+  }
+}

package/dist/ShareDialog/index.js

@@ -1,9 +1,9 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-4Q4MS7DQ.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-B5ZHJWAZ.js';
 import '../chunk-XQZ6EWOE.js';
-import '../chunk-HTEFROIZ.js';
+import '../chunk-IOTN23FZ.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-DNKK6PIR.js';
+import '../chunk-KVWZDCTQ.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-CI3VPIJN.js';
@@ -11,12 +11,12 @@ import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetColumnEditor/index.js

@@ -1,29 +1,29 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-PNGE2N6F.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-5PMFRAGL.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-FFMCMSJB.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-BJ4LMNXZ.js';
+import '../chunk-NRMXUNLR.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-KMWQLO4M.js';
-import '../chunk-4H5H67CB.js';
+import '../chunk-3BQWARG2.js';
+import '../chunk-VN3DCUED.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-RNULFW4V.js';
+import '../chunk-KIPAFCVS.js';
 import '../chunk-ACRRRPWT.js';
-import '../chunk-FWWHPUHZ.js';
+import '../chunk-TLIJG4TP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-5KRRJNQO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-D2R65FBU.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.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-2N7OPHD4.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-WXSGCYZO.js';
 import '../chunk-4U2D6BPR.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-3BYIWOTV.js';
@@ -14,12 +14,12 @@ import '../chunk-WIATRXEJ.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-D2R65FBU.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SidePanel/index.js

@@ -1,11 +1,11 @@
 import '../chunk-73GUXYYE.js';
-export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from '../chunk-74UPBUD6.js';
+export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from '../chunk-PUJUWLCX.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-PIYJNCN7.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideCompare/index.js

@@ -1,6 +1,6 @@
-export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-EQYNFXUO.js';
+export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-W2Q5DZJB.js';
 import '../chunk-RMEBFYL7.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/SlideFilmstrip/index.js

@@ -1,14 +1,14 @@
-export { SlideFilmstrip } from '../chunk-722PJA72.js';
+export { SlideFilmstrip } from '../chunk-XLJPLCK6.js';
 import '../chunk-RMEBFYL7.js';
 import '../chunk-MPVMB2DV.js';
 import '../chunk-ACRRRPWT.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-D2R65FBU.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideNav/index.js

@@ -1,4 +1,4 @@
-export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-AVTQ6CIX.js';
-import '../chunk-2GIUKIFV.js';
+export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-DEAFAK3U.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Switcher/index.js

@@ -1,19 +1,19 @@
-export { Switcher } from '../chunk-7V7EBBVF.js';
-import '../chunk-DNKK6PIR.js';
+export { Switcher } from '../chunk-ZRKUTFYE.js';
+import '../chunk-KVWZDCTQ.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-FYTIJM2T.js';
 import '../chunk-QBI5ETKY.js';
-import '../chunk-FWWHPUHZ.js';
+import '../chunk-TLIJG4TP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Tabs/index.js

@@ -1,14 +1,14 @@
-export { TabPanel, Tabs, tabId } from '../chunk-4H5H67CB.js';
+export { TabPanel, Tabs, tabId } from '../chunk-VN3DCUED.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-5KRRJNQO.js';
-import '../chunk-D2R65FBU.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TagsInput/index.js

@@ -1,11 +1,11 @@
-export { TagsInput } from '../chunk-JUOKHJA3.js';
+export { TagsInput } from '../chunk-VSTD65SL.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-KYIAFNU7.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ThemeSwitcher/index.js

@@ -1,19 +1,19 @@
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-O3K5H6CP.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-53NTMTRM.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-KMWQLO4M.js';
-import '../chunk-4H5H67CB.js';
+import '../chunk-3BQWARG2.js';
+import '../chunk-VN3DCUED.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-5KRRJNQO.js';
-import '../chunk-D2R65FBU.js';
-import '../chunk-IPAIGCWB.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2GIUKIFV.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ThemeToggle/index.js

@@ -1,6 +1,6 @@
-export { ThemeToggle } from '../chunk-GWCOPRXL.js';
+export { ThemeToggle } from '../chunk-RLFPBRN4.js';
 import '../chunk-Z24ZUSTX.js';
 import '../chunk-ZXXDZJQN.js';
-import '../chunk-2GIUKIFV.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ThinkingIndicator/ThinkingIndicator.d.ts

@@ -0,0 +1,37 @@
+import type { HTMLAttributes } from 'react';
+export interface ThinkingIndicatorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * What the assistant is doing now, beside the mark, under a slow shimmer:
+     * "Thinking", then the step that runs ("Listing the agents"). Left out, the
+     * mark stands alone, as it does while an answer's words arrive.
+     */
+    status?: string | undefined;
+    /**
+     * What a screen reader is told, once, when the indicator appears.
+     * "Thinking" by default. It never changes with `status`, so a reader is not
+     * told every step the assistant takes while they read.
+     */
+    label?: string | undefined;
+}
+/**
+ * The assistant at work, drawn where its answer will be: the Assistant's mark
+ * with its four blades turning a quarter at a time around a still core, and,
+ * while nothing of the answer is on screen yet, a line saying what it is doing
+ * under a slow shimmer.
+ *
+ * IN PLACE OF A CARET. A blinking bar after streamed text lands wherever the
+ * last block ends, on a line of its own under a list or at the start of an
+ * empty reply. The mark is a block of its own after the answer, one line of
+ * prose tall, so it never sits inside the words, and nothing moves when the
+ * first of them arrive: they are written above it, and it keeps its height.
+ *
+ * ONE ANNOUNCEMENT. `label` is said once, through a status region that keeps
+ * the same words for as long as the indicator stands; the visible line, which
+ * changes with every step, is hidden from assistive technology, where the
+ * steps are read from their own list.
+ *
+ * UNDER REDUCED MOTION the blades hold still and the line is drawn in the
+ * secondary ink without the shimmer: the mark and the words still say that
+ * work is under way.
+ */
+export declare function ThinkingIndicator({ status, label, className, ...rest }: ThinkingIndicatorProps): import("react").JSX.Element;

package/dist/ThinkingIndicator/index.d.ts

@@ -0,0 +1,3 @@
+import './ThinkingIndicator.css';
+export { ThinkingIndicator } from './ThinkingIndicator.js';
+export type { ThinkingIndicatorProps } from './ThinkingIndicator.js';

package/dist/ThinkingIndicator/index.js

@@ -0,0 +1,3 @@
+export { ThinkingIndicator } from '../chunk-E2MIUNUU.js';
+import '../chunk-UT6CW3C7.js';
+import '../chunk-ODEQTPFM.js';