@crewlethq/ui 0.71.0 → 0.73.0

package/dist/styles.css

@@ -5757,11 +5757,12 @@ a.crewlet-breadcrumb__crumb:focus-visible {
 }
 
 
-/* BriefCard-L66R5U32.css */
+/* BriefCard-VKTH3BSW.css */
 /*
- * A brief inside the product's status card: one sentence, the rows that wait
- * on the reader, one recommendation and the questions to ask next, each block
- * under a quiet label so a reader scans straight to the part they need.
+ * A brief inside the product's status card: the verdict in the head, then one
+ * line on what the page is about, the ranked rows that wait on the reader, a
+ * quiet line of context and the questions to ask next. No block carries a
+ * label: the verdict already says what the rows are.
  */
 .crewlet-brief-card__where {
   display: inline-flex;
@@ -5776,35 +5777,19 @@ a.crewlet-breadcrumb__crumb:focus-visible {
 .crewlet-brief-card__body {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-4);
+  gap: var(--spacing-3);
   min-width: 0;
 }
 
-.crewlet-brief-card__summary {
+.crewlet-brief-card__about {
   margin: 0;
+  overflow-wrap: anywhere;
   font-size: var(--font-size-md);
   font-weight: var(--font-weight-medium);
   line-height: var(--font-line-height-snug);
   text-wrap: pretty;
 }
 
-.crewlet-brief-card__block {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-2);
-  min-width: 0;
-}
-
-.crewlet-brief-card__label {
-  margin: 0;
-  font-size: var(--font-size-2xs);
-  font-weight: var(--font-weight-medium);
-  letter-spacing: var(--font-letter-spacing-wide);
-  text-transform: uppercase;
-  line-height: var(--font-line-height-snug);
-  color: var(--color-text-tertiary);
-}
-
 .crewlet-brief-card__needs {
   display: flex;
   flex-direction: column;
@@ -5816,7 +5801,8 @@ a.crewlet-breadcrumb__crumb:focus-visible {
 /*
  * A ROW IS THE LIST ROW'S GRAMMAR: the dot on the first line, the words and
  * their one fact, and the action centred at the end, so a column of rows reads
- * down the dots and across to the presses.
+ * down the dots and across to the presses. The first row, the one the brief
+ * recommends, stands on the accent's softest ground.
  */
 .crewlet-brief-card__need {
   display: grid;
@@ -5830,6 +5816,26 @@ a.crewlet-breadcrumb__crumb:focus-visible {
   border-top: 1px solid var(--color-border-default);
 }
 
+.crewlet-brief-card__need--first {
+  padding-inline: var(--spacing-3);
+  margin-inline: calc(-1 * var(--spacing-3));
+  border-radius: var(--radius-md);
+  background: var(--color-brand-accent-soft);
+}
+
+.crewlet-brief-card__need--first + .crewlet-brief-card__need {
+  border-top: 0;
+}
+
+.crewlet-brief-card__first {
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-medium);
+  letter-spacing: var(--font-letter-spacing-wide);
+  text-transform: uppercase;
+  line-height: var(--font-line-height-snug);
+  color: var(--color-brand-accent-ink);
+}
+
 .crewlet-brief-card__need > .crewlet-button {
   align-self: center;
 }
@@ -5855,30 +5861,12 @@ a.crewlet-breadcrumb__crumb:focus-visible {
   color: var(--color-text-tertiary);
 }
 
-.crewlet-brief-card__clear {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-2);
+.crewlet-brief-card__context {
   margin: 0;
-  font-size: var(--font-size-compact);
-  color: var(--color-feedback-success-ink);
-}
-
-/* The recommendation: one step, on the accent's softest ground. */
-.crewlet-brief-card__next {
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  align-items: center;
-  gap: var(--spacing-3);
-  padding: var(--spacing-2) var(--spacing-3);
-  border-radius: var(--radius-md);
-  background: var(--color-brand-accent-soft);
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-snug);
+  color: var(--color-text-tertiary);
   overflow-wrap: anywhere;
-  font-size: var(--font-size-compact);
-}
-
-.crewlet-brief-card__arrow {
-  color: var(--color-brand-accent-ink);
 }
 
 /* The questions to ask next sit on the card's text edge: each row's own inset is pulled out. */
@@ -28052,6 +28040,193 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 
+/* RecordChip-53J66RA6.css */
+/*
+ * A record inside a sentence. The text's own size on the text's own
+ * baseline, so a line holding one is no taller than a line without: a quiet
+ * hairline, the inset ground, and the key in mono.
+ */
+.crewlet-record-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  max-width: 100%;
+  margin: 0 1px;
+  padding: 0 var(--spacing-1);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-xs);
+  background: var(--color-surface-inset);
+  color: var(--color-text-primary);
+  font: inherit;
+  font-weight: var(--font-weight-medium);
+  /*
+   * EXACTLY ONE OF THE LINE'S OWN LINES, hairline included: `1lh` is the
+   * line-height the chip inherits, and the two pixels are its top and bottom
+   * border. At the snug step a label chip stood 20.2px in a 19.5px line and
+   * moved every line it sat on by a pixel.
+   */
+  line-height: calc(1lh - 2px);
+  /*
+   * TOP, NOT BASELINE: a key chip's text is mono at the micro step under the
+   * parent's absolute leading, and on the baseline it sat about a pixel off
+   * its neighbours' and pushed its line to 20.5px. At the line's top it is
+   * the line's own height (19.5px in a 19.5px line) with the key within half
+   * a pixel of the surrounding baseline.
+   */
+  vertical-align: top;
+  cursor: pointer;
+  transition:
+    background var(--motion-duration-fast) var(--motion-easing-default),
+    border-color var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-record-chip:hover,
+.crewlet-record-chip[data-open] {
+  border-color: var(--color-border-hover);
+  background: var(--color-surface-hover);
+}
+
+/* The chip draws its own hairline, so the ring lands on it rather than standing off it. */
+.crewlet-record-chip:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+.crewlet-record-chip--code .crewlet-record-chip__text {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-xs);
+}
+
+.crewlet-record-chip__text {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-record-chip__glyph {
+  display: inline-flex;
+  flex: none;
+  color: var(--color-text-tertiary);
+}
+
+/* THE PEEK: a name, a few facts and the way to it, at the panel's own inset. */
+.crewlet-popover.crewlet-record-chip__peek {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  max-height: min(420px, 70vh);
+  padding: var(--spacing-3);
+  font-size: var(--font-size-compact);
+  color: var(--color-text-primary);
+}
+
+.crewlet-record-chip__head {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-2);
+}
+
+.crewlet-record-chip__head-glyph {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  height: 1lh;
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-record-chip__head-words {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.crewlet-record-chip__name {
+  margin: 0;
+  font-weight: var(--font-weight-medium);
+  line-height: var(--font-line-height-normal);
+}
+
+.crewlet-record-chip__name-code {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-regular);
+  color: var(--color-text-secondary);
+}
+
+.crewlet-record-chip__meta {
+  margin: 0;
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-record-chip__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  min-width: 0;
+}
+
+/* Utilities start on the text edge, a ghost button's padding pulled into the gutter. */
+.crewlet-record-chip__actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-1);
+  margin-inline-start: calc(-1 * (var(--spacing-2) + 1px));
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-record-chip {
+    transition: none;
+  }
+}
+
+/* THE ALSO READ LINE: a caption-register lead and the chips after it, wrapping. */
+.crewlet-record-chip-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--spacing-1) var(--spacing-2);
+  min-width: 0;
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-normal);
+  color: var(--color-text-secondary);
+}
+
+.crewlet-record-chip-list__label {
+  flex: none;
+}
+
+/*
+ * THE LIST IS THE WRAPPING ROW. Not `display: contents`, which older WebKit
+ * and Chromium drop from the accessibility tree along with the list's name,
+ * so "Also read, list, 3 items" was never said.
+ */
+.crewlet-record-chip-list__items {
+  display: flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--spacing-1) var(--spacing-2);
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-record-chip-list__item {
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.crewlet-record-chip-list .crewlet-record-chip {
+  margin: 0;
+}
+
+
 /* RefusalCard-UM67F5HB.css */
 /* The first sentence carries the weight; "Nothing changed." closes in the secondary ink. */
 .crewlet-refusal-card__heading {
@@ -36315,7 +36490,7 @@ b.crewlet-switcher__match {
 }
 
 
-/* Table-RUYMMWXT.css */
+/* Table-MN3FIA2O.css */
 /*
  * Table: the operator's table, on the elements a table is made of.
  *
@@ -36535,6 +36710,34 @@ b.crewlet-switcher__match {
   }
 }
 
+/*
+ * COLUMNS SIZED BY THEIR WORDS (`columns="content"`), for a result read
+ * beside an answer. Each column takes the room its words ask for, so a short
+ * key keeps its line and the longest text takes the most and wraps between
+ * words. A token longer than the table (a digest, a URL) wraps ANYWHERE: with
+ * `break-word` it did not, because under an auto layout a word's whole width
+ * is the column's minimum, and a sha256 in a 350px table pushed it to 606px.
+ * `anywhere` lets the minimum shrink to a character. The figures (`end`
+ * columns) and the nowrap columns never wrap, and the figures stay tabular.
+ */
+.crewlet-table--content .crewlet-table__table {
+  table-layout: auto;
+  font-variant-numeric: tabular-nums;
+}
+
+.crewlet-table--content td:not(.crewlet-table__cell--nowrap, .crewlet-table__cell--end) {
+  overflow-wrap: anywhere;
+}
+
+.crewlet-table--content .crewlet-table__cell--end {
+  white-space: nowrap;
+}
+
+/* A column of short tokens (a task's key) keeps each on one line; only content columns offer it. */
+.crewlet-table--content .crewlet-table__cell--nowrap {
+  white-space: nowrap;
+}
+
 
 /* TableCells-TKSNLRK3.css */
 /* The read-only table cells. Each one holds a single line and shrinks inside

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.71.0",
+  "version": "0.73.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.71.0",
-    "@crewlethq/tokens": "0.71.0",
+    "@crewlethq/icons": "0.73.0",
+    "@crewlethq/tokens": "0.73.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/chunk-5DJMFRSZ.js

@@ -1,58 +0,0 @@
-import { VisuallyHidden } from './chunk-UT6CW3C7.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import './Table-RUYMMWXT.css';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Table = ({
-  headers,
-  data,
-  caption,
-  captionHidden = false,
-  emptyMessage = "No data available",
-  actionButton,
-  maxHeight,
-  align,
-  footer,
-  framed = true,
-  className = ""
-}) => {
-  const columnCount = Math.max(1, headers.length);
-  const edge = (index) => align?.[index] === "end" ? "crewlet-table__cell--end" : void 0;
-  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-table", !framed && "crewlet-table--flush", className), children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "crewlet-table__container",
-        style: (
-          // Only the height: the stylesheet scrolls both axes unconditionally,
-          // because with `overflow-x: auto` declared beside it a `visible`
-          // vertical axis was never reachable. See Table.css.
-          maxHeight ? { "--crewlet-table-max-height": maxHeight } : void 0
-        ),
-        children: /* @__PURE__ */ jsxs("table", { className: "crewlet-table__table", children: [
-          caption != null && (captionHidden ? /* @__PURE__ */ jsx("caption", { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: caption }) }) : /* @__PURE__ */ jsx("caption", { className: "crewlet-table__caption", children: caption })),
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "crewlet-table__header", children: headers.map((header, index) => (
-            // The index is the key because a header is a position: the
-            // columns of one table do not reorder between renders.
-            /* @__PURE__ */ jsx("th", { scope: "col", className: edge(index), children: header }, index)
-          )) }) }),
-          /* @__PURE__ */ jsx("tbody", { children: data && data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "crewlet-table__row", children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx("td", { className: edge(cellIndex), children: cell }, cellIndex)) }, rowIndex)) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { className: "crewlet-table__empty", colSpan: columnCount, children: emptyMessage }) }) }),
-          footer && footer.length > 0 ? /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsx("tr", { className: "crewlet-table__footer", children: footer.map(
-            (cell, index) => index === 0 ? /* @__PURE__ */ jsx("th", { scope: "row", className: edge(index), children: cell }, index) : /* @__PURE__ */ jsx("td", { className: edge(index), children: cell }, index)
-          ) }) }) : null
-        ] })
-      }
-    ),
-    actionButton && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "crewlet-table__action-btn",
-        onClick: actionButton.onClick,
-        children: /* @__PURE__ */ jsx("span", { className: "crewlet-table__action-text", children: actionButton.label })
-      }
-    )
-  ] });
-};
-
-export { Table };

package/dist/chunk-VBA5FSWV.js

@@ -1,87 +0,0 @@
-import { SuggestionList, SuggestionRow } from './chunk-Y7PVLEZJ.js';
-import { StatusCard } from './chunk-NTQPJJAN.js';
-import { StatusDot } from './chunk-WIATRXEJ.js';
-import { Button } from './chunk-DGXZ635L.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import './BriefCard-L66R5U32.css';
-import { useId } from 'react';
-import { CircleCheckGlyph, ArrowRightGlyph, MessageCircleQuestionMarkGlyph } from '@crewlethq/icons/glyphs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var BRIEF_CARD_MAX_NEEDS = 3;
-var BRIEF_CARD_LABELS = {
-  heading: "Brief",
-  needs: "Needs you",
-  clear: "Nothing needs you.",
-  recommended: "Recommended",
-  followUps: "Ask next",
-  count: (n) => n === 1 ? "1 needs you" : `${n} need you`,
-  allClear: "All clear"
-};
-function BriefCard({
-  scope,
-  asOf,
-  summary,
-  needs,
-  recommended,
-  followUps,
-  labels: overrides,
-  className,
-  ...rest
-}) {
-  const labels = overrides ? { ...BRIEF_CARD_LABELS, ...overrides } : BRIEF_CARD_LABELS;
-  const id = useId();
-  const rows = needs.slice(0, BRIEF_CARD_MAX_NEEDS);
-  const hasScope = !(scope === void 0 || scope === null || scope === "");
-  const hasAsOf = !(asOf === void 0 || asOf === null || asOf === "");
-  const subtitle = hasScope || hasAsOf ? /* @__PURE__ */ jsxs("span", { className: "crewlet-brief-card__where", children: [
-    hasScope ? /* @__PURE__ */ jsx("span", { children: scope }) : null,
-    hasScope && hasAsOf ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
-    hasAsOf ? /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__asof", children: asOf }) : null
-  ] }) : void 0;
-  return /* @__PURE__ */ jsx(
-    StatusCard,
-    {
-      ...rest,
-      title: labels.heading,
-      subtitle,
-      status: rows.length > 0 ? { label: labels.count(rows.length), tone: "warning" } : { label: labels.allClear, tone: "success", icon: /* @__PURE__ */ jsx(CircleCheckGlyph, { size: "xs" }) },
-      className: cx("crewlet-brief-card", className),
-      children: /* @__PURE__ */ jsxs("div", { className: "crewlet-brief-card__body", children: [
-        /* @__PURE__ */ jsx("p", { className: "crewlet-brief-card__summary", children: summary }),
-        /* @__PURE__ */ jsxs("section", { className: "crewlet-brief-card__block", "aria-labelledby": `${id}-needs`, children: [
-          /* @__PURE__ */ jsx("h4", { className: "crewlet-brief-card__label", id: `${id}-needs`, children: labels.needs }),
-          rows.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "crewlet-brief-card__clear", children: [
-            /* @__PURE__ */ jsx(CircleCheckGlyph, { size: "sm", "aria-hidden": "true" }),
-            labels.clear
-          ] }) : (
-            // A list the reader moves through by item; Safari drops the role of a list styled without markers.
-            // eslint-disable-next-line jsx-a11y/no-redundant-roles
-            /* @__PURE__ */ jsx("ul", { role: "list", className: "crewlet-brief-card__needs", children: rows.map((need) => /* @__PURE__ */ jsxs("li", { className: "crewlet-brief-card__need", children: [
-              /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__dot", children: /* @__PURE__ */ jsx(StatusDot, { tone: need.tone ?? "warning" }) }),
-              /* @__PURE__ */ jsxs("span", { className: "crewlet-brief-card__words", children: [
-                /* @__PURE__ */ jsx("span", { children: need.text }),
-                need.detail === void 0 || need.detail === null ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-brief-card__detail", children: need.detail })
-              ] }),
-              need.action ? /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: need.action.onSelect, children: need.action.label }) : null
-            ] }, need.key)) })
-          )
-        ] }),
-        recommended === null ? null : /* @__PURE__ */ jsxs("section", { className: "crewlet-brief-card__block", "aria-labelledby": `${id}-next`, children: [
-          /* @__PURE__ */ jsx("h4", { className: "crewlet-brief-card__label", id: `${id}-next`, children: labels.recommended }),
-          /* @__PURE__ */ jsxs("div", { className: "crewlet-brief-card__next", children: [
-            /* @__PURE__ */ jsx(ArrowRightGlyph, { size: "sm", "aria-hidden": "true", className: "crewlet-brief-card__arrow" }),
-            /* @__PURE__ */ jsx("span", { children: recommended.text }),
-            recommended.action ? /* @__PURE__ */ jsx(Button, { size: "small", variant: "primary", onClick: recommended.action.onSelect, children: recommended.action.label }) : null
-          ] })
-        ] }),
-        followUps && followUps.length > 0 ? /* @__PURE__ */ jsxs("section", { className: "crewlet-brief-card__block", "aria-labelledby": `${id}-ask`, children: [
-          /* @__PURE__ */ jsx("h4", { className: "crewlet-brief-card__label", id: `${id}-ask`, children: labels.followUps }),
-          /* @__PURE__ */ jsx(SuggestionList, { className: "crewlet-brief-card__follow-ups", children: followUps.map((f) => /* @__PURE__ */ jsx(SuggestionRow, { icon: /* @__PURE__ */ jsx(MessageCircleQuestionMarkGlyph, { size: "sm" }), onSelect: f.onSelect, children: f.question }, f.key)) })
-        ] }) : null
-      ] })
-    }
-  );
-}
-
-export { BRIEF_CARD_LABELS, BRIEF_CARD_MAX_NEEDS, BriefCard };

package/dist/{chunk-HEIOLITO.js → chunk-5VMAJAVF.js}

@@ -1,9 +1,9 @@
 import { useListbox } from './chunk-7KHM2FZH.js';
 import { Tag } from './chunk-I5OIKDX2.js';
-import { announce } from './chunk-2G355KDJ.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TagsInput-MZXEHKJD.css';
 import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';

package/dist/{chunk-PLNJEDGI.js → chunk-I4IO56EY.js}

@@ -1,5 +1,5 @@
-import { announce } from './chunk-2G355KDJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArrangeFrame-QCQZ5RF6.css';
 import { forwardRef, useRef, useCallback, useState, useEffect } from 'react';

package/dist/{chunk-P64MIA7C.js → chunk-JKMBC4NB.js}

@@ -1,6 +1,6 @@
 import { StepList } from './chunk-HJBHP66O.js';
-import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { Meter } from './chunk-RQFRRPV6.js';
+import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { StatusCard } from './chunk-NTQPJJAN.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { Spinner } from './chunk-XSPCITPN.js';

package/dist/{chunk-V6X3DJ2G.js → chunk-PRN5IP2R.js}

@@ -1,5 +1,5 @@
-import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-RMEBFYL7.js';
 import { SlideNav } from './chunk-5AJR6X75.js';
+import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-RMEBFYL7.js';
 import { Eyebrow } from './chunk-RK4XPHVG.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-L4HHWG4V.js → chunk-V2EV56MY.js}

@@ -1,7 +1,7 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { announce } from './chunk-2G355KDJ.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SelectionBar-SCAU6EBY.css';
 import { useRef, useEffect } from 'react';

package/dist/{chunk-ETSF7SU6.js → chunk-ZMML6NRS.js}

@@ -1,9 +1,9 @@
 import { characterCountState, CharacterCount } from './chunk-PGCLHYVP.js';
 import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
-import { announce } from './chunk-2G355KDJ.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Input-GEFFMKBS.css';