@crewlethq/ui 0.81.1 → 0.82.0

package/dist/SourceEditor/index.js

@@ -1,4 +1,4 @@
-export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-4TMBAOXK.js';
-import '../chunk-NUZHC6MM.js';
+export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-PW57R4BN.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/StatusCard/index.js

@@ -1,9 +1,9 @@
-export { StatusCard } from '../chunk-RTMNULTL.js';
-import '../chunk-VERJCAJ4.js';
-import '../chunk-CYQBDZ6M.js';
-import '../chunk-4AUTALJA.js';
+export { StatusCard } from '../chunk-FLW5U7YS.js';
+import '../chunk-LBGKLYBY.js';
+import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-MLDTLZAO.js';
+import '../chunk-CYQBDZ6M.js';
+import '../chunk-D2GT3CR4.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Switcher/index.js

@@ -1,19 +1,19 @@
-export { Switcher } from '../chunk-YQDRJZ5J.js';
-import '../chunk-C667GCU7.js';
-import '../chunk-7KHM2FZH.js';
-import '../chunk-KHJIEPZV.js';
+export { Switcher } from '../chunk-FKAJBN6G.js';
+import '../chunk-XXDB6KPV.js';
+import '../chunk-YGRTX67J.js';
 import '../chunk-HBDA76EZ.js';
-import '../chunk-BRLZXYPA.js';
-import '../chunk-FB3TCNQP.js';
-import '../chunk-PGCLHYVP.js';
-import '../chunk-PQADV6P6.js';
-import '../chunk-2G355KDJ.js';
+import '../chunk-SM4P2SHB.js';
+import '../chunk-I4IUX3JF.js';
 import '../chunk-RTPQDNW3.js';
+import '../chunk-O7N6W52M.js';
+import '../chunk-PGCLHYVP.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-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TableCells/index.js

@@ -1,10 +1,10 @@
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-VG3SIJ3M.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-AFLS26AC.js';
 import '../chunk-QF5UNP4T.js';
-import '../chunk-VERJCAJ4.js';
-import '../chunk-CYQBDZ6M.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
-import '../chunk-BT3GB7HC.js';
-import '../chunk-KTIQSSME.js';
+import '../chunk-IRONPJB4.js';
+import '../chunk-XZY6S3UC.js';
+import '../chunk-CYQBDZ6M.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Tabs/index.js

@@ -1,14 +1,14 @@
-export { TabPanel, Tabs, tabId } from '../chunk-2IIHMJMZ.js';
+export { TabPanel, Tabs, tabId } from '../chunk-HCUECVZ3.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.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/Tag/Tag.d.ts

@@ -28,7 +28,14 @@ export type TagSize = 'xs' | 'sm' | 'md';
  * nothing else in the build would ever report.
  */
 export type InteractiveTagSize = Exclude<TagSize, 'xs'>;
-export type TagAppearance = 'soft' | 'outline';
+/**
+ * How the pill is drawn. `soft` is its tone's tint (the default), `outline` the
+ * boundary with no tint. `quiet` is a LABEL rather than a pill: a small filled
+ * mark with no boundary and square-ish corners, 16px tall in the label's own
+ * register (a seat's kind beside its name, "Agent"), so it reads as part of
+ * the line it sits in rather than as a control. It takes no size step.
+ */
+export type TagAppearance = 'soft' | 'outline' | 'quiet';
 interface TagLook {
     /** The state this tag names. Neutral by default, which is what a category such as a phase takes. */
     variant?: TagVariant | undefined;
@@ -44,7 +51,7 @@ interface TagLook {
      * carrier. With a hue the variant colours nothing, and `dot` draws neutral.
      */
     hue?: NodeHue | undefined;
-    /** A tinted fill, or a boundary over the surface beneath. */
+    /** A tinted fill, a boundary over the surface beneath, or a quiet label. */
     appearance?: TagAppearance | undefined;
     /** Drawn before the label. A glyph component, not a name. */
     leadingIcon?: ReactNode;

package/dist/Tag/index.js

@@ -1,3 +1,3 @@
-export { Tag } from '../chunk-VERJCAJ4.js';
+export { Tag } from '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Tag-JTJVZM2D.css → Tag-WLDOROB5.css}

@@ -302,6 +302,30 @@
   --crewlet-tag-ink: var(--color-text-tertiary);
 }
 
+/*
+ * THE QUIET LABEL (`appearance="quiet"`): a seat's kind beside its name
+ * ("Agent"), a small filled mark with no boundary, so it reads as part of the
+ * name line rather than as a control. 16px tall with a step of room each side,
+ * the xs corner rather than a pill's round ends, and the label register at the
+ * regular weight. The neutral label sits on the soft fill under the secondary
+ * ink; a tone keeps its own tint and ink. It takes no size step: these rules
+ * come after the steps, at their specificity, so a step cannot reshape it.
+ */
+.crewlet-tag--quiet {
+  --crewlet-tag-height: calc(16px * var(--density, 1));
+  --crewlet-tag-pad: var(--spacing-1);
+  --crewlet-tag-edge: transparent;
+  gap: var(--spacing-1);
+  border-radius: var(--radius-xs);
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-regular);
+}
+
+.crewlet-tag--neutral.crewlet-tag--quiet {
+  --crewlet-tag-fill: var(--color-fill-soft);
+  --crewlet-tag-ink: var(--color-text-secondary);
+}
+
 /* ── the interactive form ──────────────────────────────────────────────── */
 
 .crewlet-tag--actionable {

package/dist/TagsInput/index.js

@@ -1,11 +1,11 @@
-export { TagsInput } from '../chunk-WK4FQPYW.js';
-import '../chunk-7KHM2FZH.js';
-import '../chunk-VERJCAJ4.js';
+export { TagsInput } from '../chunk-77VOASOY.js';
+import '../chunk-YGRTX67J.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ThemeGallery/index.js

@@ -1,9 +1,9 @@
-export { ThemeGallery } from '../chunk-63GBSOLU.js';
+export { ThemeGallery } from '../chunk-NXBCAXP5.js';
 import '../chunk-3XQUEF5C.js';
-import '../chunk-7KHM2FZH.js';
-import '../chunk-VERJCAJ4.js';
+import '../chunk-YGRTX67J.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ThemeSwitcher/index.js

@@ -1,19 +1,19 @@
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-YB64PWIN.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-C7UHDM7Y.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-36WK24AI.js';
-import '../chunk-6R334YT3.js';
-import '../chunk-2IIHMJMZ.js';
+import '../chunk-GZVAZ3LL.js';
+import '../chunk-HCUECVZ3.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.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/ThinkingIndicator/ThinkingIndicator.d.ts

@@ -14,7 +14,7 @@ export interface ThinkingIndicatorProps extends Omit<HTMLAttributes<HTMLDivEleme
     label?: string | undefined;
 }
 /**
- * The assistant at work, drawn where its answer will be: the Assistant's mark
+ * Ask Crewlet at work, drawn where its answer will be: the Ask Crewlet mark
  * with its main spark making a quarter turn while its companion twinkles, then
  * resting, and, while nothing of the answer is on screen yet, a line saying
  * what it is doing under a slow shimmer. The mark is drawn at 16 px, so it is

package/dist/ThinkingIndicator/index.js

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

package/dist/{ThinkingIndicator-JVF52N7L.css → ThinkingIndicator-S7ZL2C77.css}

@@ -1,5 +1,5 @@
 /*
- * The assistant at work: the Assistant's mark, its spark turning, and a line
+ * Ask Crewlet at work: the Ask Crewlet mark, its spark turning, and a line
  * of status under a shimmer. See ThinkingIndicator.tsx for why it replaces a
  * caret and how it is announced.
  */
@@ -8,12 +8,20 @@
  * ONE LINE OF PROSE TALL, at every state: the mark alone, the mark with a
  * status line, and the line changing from one step to the next all keep the
  * same height, so the thread never moves while the assistant works.
+ *
+ * NEVER WIDER THAN ITS COLUMN. The status never wraps, so where the
+ * indicator is sized by its content (a flex column that starts its items on
+ * the start edge, as a message's footer does) a long status made it as wide
+ * as its words and widened the column with it, and a phone's transcript
+ * scrolled sideways. Held to its container, the status truncates as it was
+ * written to.
  */
 .crewlet-thinking {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   min-width: 0;
+  max-width: 100%;
   min-height: calc(var(--font-size-compact) * var(--font-line-height-relaxed));
   font-family: var(--font-family-sans);
   font-size: var(--font-size-compact);
@@ -21,7 +29,7 @@
 }
 
 /*
- * THE SPARK TURNS A QUARTER, THEN RESTS. The Assistant's main spark
+ * THE SPARK TURNS A QUARTER, THEN RESTS. The Ask Crewlet mark's main spark
  * (data-motion="turn") makes a quarter turn about its own centre while its
  * companion (data-motion="twinkle") dims and shrinks, both on one timeline of
  * --motion-duration-spark (1.6s). The gesture runs from 20% to 70% of the

package/dist/ThreadSummary/ThreadSummary.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+import { type AvatarStackMember } from '../Avatar/index.js';
+export interface ThreadSummaryLabels {
+    /** "1 reply", "4 replies". */
+    replies: (count: number) => string;
+    /** The replies the reader has not read: "2 new". */
+    fresh: (count: number) => string;
+    /** When the last reply came, given the caller's words for it: "Last reply 12m ago". */
+    last: (when: string) => string;
+    /** Shown in place of the last reply's time under the pointer. */
+    view: string;
+    /** Shown in its place while the thread is open beside the room. */
+    open: string;
+}
+export declare const THREAD_SUMMARY_LABELS: ThreadSummaryLabels;
+export interface ThreadSummaryProps {
+    /** How many replies the thread holds. */
+    replies: number;
+    /** Who replied, each once, as faces: at most three are drawn. */
+    participants: readonly AvatarStackMember[];
+    /** When the last reply came, in the caller's words: "12m ago". */
+    last: string;
+    /** Replies the reader has not read; none by default. */
+    unread?: number | undefined;
+    /** Under the line: an agent writing a reply in the thread, as a `ThinkingIndicator`. */
+    working?: ReactNode;
+    /** The thread is open beside the room (`aria-expanded`). */
+    open?: boolean | undefined;
+    onOpen: () => void;
+    labels?: Partial<ThreadSummaryLabels> | undefined;
+    className?: string | undefined;
+}
+/**
+ * The line under a message that has replies: the repliers' faces, "4
+ * replies" at the medium weight in the accent's ink, how many are new, and
+ * when the last one came. It opens the thread.
+ *
+ * UNDER THE POINTER OR THE KEYBOARD it is lifted onto the transcript's own
+ * ground inside a hairline, and "View thread" takes the place of the last
+ * reply's time in the same cell, so the line keeps its width. Its faces sit
+ * on the content edge: the line's inset and edge are taken back outside it.
+ */
+export declare function ThreadSummary({ replies, participants, last, unread, working, open, onOpen, labels: overrides, className, }: ThreadSummaryProps): import("react").JSX.Element;

package/dist/ThreadSummary/index.d.ts

@@ -0,0 +1,4 @@
+import '../ChatMessage/ChatScale.css';
+import './ThreadSummary.css';
+export { THREAD_SUMMARY_LABELS, ThreadSummary } from './ThreadSummary.js';
+export type { ThreadSummaryLabels, ThreadSummaryProps } from './ThreadSummary.js';

package/dist/ThreadSummary/index.js

@@ -0,0 +1,6 @@
+export { THREAD_SUMMARY_LABELS, ThreadSummary } from '../chunk-YP2FS6SH.js';
+import '../chunk-LBGKLYBY.js';
+import '../chunk-IRONPJB4.js';
+import '../chunk-XZY6S3UC.js';
+import '../chunk-CYQBDZ6M.js';
+import '../chunk-ODEQTPFM.js';

package/dist/ThreadSummary-AGR4NDMD.css

@@ -0,0 +1,90 @@
+/*
+ * The line under a message that has replies, and the working line under it.
+ */
+
+.crewlet-thread-summary-wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-1);
+  max-width: 100%;
+}
+
+/* No piece is wider than the column: a long working line truncates. */
+.crewlet-thread-summary-wrap > * {
+  max-width: 100%;
+}
+
+/* The faces sit on the content edge: the line's 1px edge and its inset are
+   taken back by the same amount outside it. */
+.crewlet-thread-summary {
+  --crewlet-thread-summary-inset: var(--spacing-1);
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  max-width: 100%;
+  height: var(--size-control-md);
+  box-sizing: border-box;
+  margin-inline-start: calc((var(--crewlet-thread-summary-inset) + 1px) * -1);
+  padding: 0 var(--crewlet-thread-summary-inset);
+  border: 1px solid transparent;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--color-text-secondary);
+  font: inherit;
+  font-size: var(--font-size-compact);
+  line-height: 1;
+  text-align: start;
+  cursor: pointer;
+}
+
+/* Lifted onto the transcript's own ground inside a hairline, under the
+   pointer or the keyboard, and while the thread is open. */
+.crewlet-thread-summary:is(:hover, :focus-visible, .is-open) {
+  border-color: var(--color-edge-hairline);
+  background: var(--crewlet-chat-ground);
+}
+
+.crewlet-thread-summary:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+.crewlet-thread-summary__count {
+  color: var(--color-brand-accent-ink);
+  font-weight: var(--font-weight-medium);
+  white-space: nowrap;
+}
+
+/* "Last reply 1h ago" and "View thread" share one cell, so the line keeps
+   its width when one gives way to the other under the pointer. */
+.crewlet-thread-summary__tail {
+  display: inline-grid;
+  min-width: 0;
+  padding-inline-end: var(--spacing-1);
+  white-space: nowrap;
+}
+
+.crewlet-thread-summary__last,
+.crewlet-thread-summary__view {
+  grid-area: 1 / 1;
+}
+
+.crewlet-thread-summary__last {
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-thread-summary__view {
+  justify-self: end;
+  visibility: hidden;
+  color: var(--color-text-secondary);
+  font-weight: var(--font-weight-regular);
+}
+
+.crewlet-thread-summary:is(:hover, :focus-visible, .is-open) .crewlet-thread-summary__last {
+  visibility: hidden;
+}
+
+.crewlet-thread-summary:is(:hover, :focus-visible, .is-open) .crewlet-thread-summary__view {
+  visibility: visible;
+}

package/dist/TimeRangePicker/index.js

@@ -1,23 +1,23 @@
-export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-SNIPM6K7.js';
-import '../chunk-C667GCU7.js';
+export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-G6ZFSUIH.js';
+import '../chunk-XXDB6KPV.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-36WK24AI.js';
-import '../chunk-6R334YT3.js';
-import '../chunk-2IIHMJMZ.js';
+import '../chunk-GZVAZ3LL.js';
+import '../chunk-HCUECVZ3.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-FB3TCNQP.js';
+import '../chunk-YOJAGKTS.js';
+import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
-import '../chunk-MLDTLZAO.js';
-import '../chunk-PQADV6P6.js';
-import '../chunk-2G355KDJ.js';
-import '../chunk-OQG4P5KU.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-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeWindowPicker/index.js

@@ -1,18 +1,18 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-RIAPCEB5.js';
-import '../chunk-VK45YJLH.js';
-import '../chunk-7KHM2FZH.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-YM77TZ7Q.js';
+import '../chunk-3IWZVEXA.js';
+import '../chunk-YGRTX67J.js';
 import '../chunk-EE3DJMSQ.js';
-import '../chunk-KHJIEPZV.js';
-import '../chunk-FB3TCNQP.js';
+import '../chunk-SM4P2SHB.js';
+import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
-import '../chunk-PQADV6P6.js';
-import '../chunk-2G355KDJ.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-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Toaster/index.js

@@ -1,6 +1,6 @@
 export { ToastProvider, Toaster, readingDuration, toasterInsetStyle, useToast } from '../chunk-JIBWNHTC.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Toolbar/index.js

@@ -1,5 +1,5 @@
-export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-NR4CPM4T.js';
+export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-NXFTCPF6.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/Tooltip/Tooltip.d.ts

@@ -1,11 +1,26 @@
-import { type ReactElement, type ReactNode } from 'react';
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from 'react';
 export type TooltipPlacement = 'top' | 'bottom';
 /**
  * Where along the trigger the panel lines up: `center` on its middle, or
  * `start` on its leading edge, running toward the inline end.
  */
 export type TooltipAlign = 'center' | 'start';
-export interface TooltipProps {
+/**
+ * Everything a tooltip is handed beyond its own props belongs to its TRIGGER.
+ *
+ * A tooltip stands where a trigger is expected: a `Popover` or a `Menu` clones
+ * its trigger with a ref and its state (`aria-expanded`, `aria-controls`, a
+ * press handler), and when that trigger is `<Tooltip><button /></Tooltip>`
+ * those land on the tooltip. They are merged onto the child: the ref composed
+ * with the child's own and the tooltip's, every handler run after the child's
+ * own, `style` merged, and any other attribute set over the child's, since the
+ * component cloning its trigger is the one that knows the state it names.
+ * `className` is not among them: it is the panel's.
+ */
+type TriggerAttributes = Omit<HTMLAttributes<HTMLElement>, 'content' | 'children' | 'className'>;
+export interface TooltipProps extends TriggerAttributes {
+    /** A ref to the TRIGGER element, composed with the child's own. */
+    ref?: Ref<HTMLElement> | undefined;
     /** One short line. A tooltip is not a place to put a list or a paragraph. */
     content: ReactNode;
     /** The preferred side. It flips when there is not room and there is more room the other way. */
@@ -55,8 +70,20 @@ export interface TooltipProps {
  *   is pressed. NOTHING HIDES IT ON A TIMER: a reader who needs longer than
  *   somebody else's idea of long enough is exactly the reader this is for.
  *
+ * FOCUS HOLDS IT ONLY WHEN IT IS KEYBOARD FOCUS, the focus `:focus-visible`
+ * matches (`isVisibleFocus`). A mouse press focuses a button too, and so does
+ * a layer handing focus back as it closes, so a tip shown for a hover outlived
+ * the hover: press Formatting, move away, and "Hide formatting" stayed on the
+ * screen until something else took focus. Hover still opens it, keyboard
+ * focus still opens it and keeps it, and A PRESS CLOSES IT, as a press on a
+ * control answers its hint; it opens again on the pointer's next arrival.
+ *
  * It is linked by `aria-describedby` rather than `aria-labelledby`: the
  * control has a name already, and replacing it with the hint is how a Close
  * button came to be announced as "Closing is unavailable until this finishes".
+ *
+ * Any other prop, and a ref, belongs to the trigger and is merged onto the
+ * child (see `TriggerAttributes`), so a tooltip can be a Popover's trigger.
  */
-export declare function Tooltip({ content, placement, align, disabled, openDelay, closeDelay, className, children, }: TooltipProps): import("react").JSX.Element;
+export declare function Tooltip({ content, placement, align, disabled, openDelay, closeDelay, className, children, ref: forwardedRef, ...forwarded }: TooltipProps): import("react").JSX.Element;
+export {};

package/dist/Tooltip/index.js

@@ -1,5 +1,5 @@
-export { Tooltip } from '../chunk-I33UIUZD.js';
+export { Tooltip } from '../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/TreeCanvas/index.js

@@ -1,14 +1,14 @@
-export { TreeCanvas } from '../chunk-JQEXAH7G.js';
+export { TreeCanvas } from '../chunk-AMUXSJ2A.js';
 import '../chunk-MY374UUD.js';
-import '../chunk-OBPINJNO.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/TreeGrid/index.js

@@ -1,9 +1,9 @@
-export { TreeGrid } from '../chunk-IL3XLDW7.js';
+export { TreeGrid } from '../chunk-ZDWAIVWL.js';
 import '../chunk-MY374UUD.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.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/ValueField/index.js

@@ -1,15 +1,15 @@
-export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-GHQG4VZA.js';
-import '../chunk-VK45YJLH.js';
-import '../chunk-6EWNMSS4.js';
-import '../chunk-7KHM2FZH.js';
-import '../chunk-FB3TCNQP.js';
+export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-G3CACE5L.js';
+import '../chunk-3IWZVEXA.js';
+import '../chunk-NNZRTR5M.js';
+import '../chunk-YGRTX67J.js';
+import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
-import '../chunk-PQADV6P6.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-H5XTJ7GJ.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';