@crewlethq/ui 0.72.0 → 0.74.0

package/dist/RecordChip-53J66RA6.css

@@ -0,0 +1,184 @@
+/*
+ * 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;
+}

package/dist/ResultTableCard/index.js

@@ -1,5 +1,5 @@
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-SO5SXSTP.js';
-import '../chunk-5DJMFRSZ.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-JXJNX7QQ.js';
+import '../chunk-75NQV4R4.js';
 import '../chunk-EHFQMY3B.js';
 import '../chunk-YNRKVY7X.js';
 import '../chunk-DTIW4CHZ.js';

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-BW6MQO2B.js';
+export { RichEditor, preloadRichEditor } from '../chunk-75S74BBK.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-BPCY7ZID.js';

package/dist/SelectionBar/index.js

@@ -1,10 +1,10 @@
-export { SelectionBar } from '../chunk-V2EV56MY.js';
+export { SelectionBar } from '../chunk-L4HHWG4V.js';
 import '../chunk-NR4CPM4T.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetColumnEditor/index.js

@@ -1,4 +1,4 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-AWQQ5I34.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-KAA3GFTP.js';
 import '../chunk-VK45YJLH.js';
 import '../chunk-FFMCMSJB.js';
 import '../chunk-7KHM2FZH.js';
@@ -10,12 +10,13 @@ import '../chunk-TYIHFDMP.js';
 import '../chunk-IPUEVTRJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-FFWMTIMH.js';
+import '../chunk-PBCNINMB.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.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-OMV5W53A.js';
@@ -24,6 +25,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetGrid/index.js

@@ -13,6 +13,7 @@ import '../chunk-I33UIUZD.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-OQG4P5KU.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
@@ -20,6 +21,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideFilmstrip/index.js

@@ -2,6 +2,7 @@ export { SlideFilmstrip } from '../chunk-TPCBPGSB.js';
 import '../chunk-RMEBFYL7.js';
 import '../chunk-MPVMB2DV.js';
 import '../chunk-ANTAQAR4.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-OQG4P5KU.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
@@ -9,6 +10,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Switcher/index.js

@@ -1,12 +1,13 @@
-export { Switcher } from '../chunk-F5QBQP63.js';
+export { Switcher } from '../chunk-LQWORB5B.js';
 import '../chunk-C667GCU7.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-HBDA76EZ.js';
 import '../chunk-BRLZXYPA.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
@@ -14,6 +15,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Table/Table.d.ts

@@ -24,7 +24,7 @@ export interface TableActionButton {
 }
 /** Which edge a column's cells stand against: `start` for words, `end` for figures. */
 export type TableColumnAlign = 'start' | 'end';
-export interface TableProps {
+interface TableBaseProps {
     headers: ReactNode[];
     /** One array per row, in the header's own order. Cells may be any node. */
     data: ReactNode[][];
@@ -69,4 +69,31 @@ export interface TableProps {
     maxHeight?: string;
     className?: string;
 }
-export declare const Table: ({ headers, data, caption, captionHidden, emptyMessage, actionButton, maxHeight, align, footer, framed, className, }: TableProps) => import("react").JSX.Element;
+/**
+ * How the columns share the width. NOWRAP NEEDS COLUMNS SIZED BY THEIR WORDS:
+ * under the grid's equal columns a cell held to one line runs into the next
+ * one, so the type offers `nowrap` only with `columns="content"`, where the
+ * column grows to hold it.
+ */
+type TableColumnsProps = {
+    /** `even` (the default): the grid's equal columns. */
+    columns?: 'even' | undefined;
+    nowrap?: undefined;
+} | {
+    /**
+     * `content`: each column takes the room its words ask for, as a result
+     * read beside an answer wants. A sentence wraps between words, a token
+     * longer than the table wraps anywhere rather than push the table
+     * sideways, and the figures (`end` columns) never wrap.
+     */
+    columns: 'content';
+    /**
+     * Columns whose cells never wrap, by index: a short token such as a
+     * task's key ("GOP-11"), which a line would otherwise break at its
+     * hyphen.
+     */
+    nowrap?: readonly boolean[] | undefined;
+};
+export type TableProps = TableBaseProps & TableColumnsProps;
+export declare const Table: ({ headers, data, caption, captionHidden, emptyMessage, actionButton, maxHeight, align, footer, framed, columns, nowrap, className, }: TableProps) => import("react").JSX.Element;
+export {};

package/dist/Table/index.js

@@ -1,3 +1,3 @@
-export { Table } from '../chunk-5DJMFRSZ.js';
+export { Table } from '../chunk-75NQV4R4.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Table-RUYMMWXT.css → Table-MN3FIA2O.css}

@@ -216,3 +216,31 @@
     transition: none;
   }
 }
+
+/*
+ * 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;
+}

package/dist/TagsInput/index.js

@@ -1,11 +1,11 @@
-export { TagsInput } from '../chunk-5VMAJAVF.js';
+export { TagsInput } from '../chunk-HEIOLITO.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-I5OIKDX2.js';
 import '../chunk-WIATRXEJ.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeRangePicker/index.js

@@ -1,4 +1,4 @@
-export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-H6S6NRZL.js';
+export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-4MVLED6E.js';
 import '../chunk-C667GCU7.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-25AZQ3GZ.js';
@@ -6,10 +6,11 @@ import '../chunk-TYIHFDMP.js';
 import '../chunk-IPUEVTRJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.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-OMV5W53A.js';
@@ -18,6 +19,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeWindowPicker/index.js

@@ -1,11 +1,12 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-I7YQNRTQ.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-ADSOY7UM.js';
 import '../chunk-VK45YJLH.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-EE3DJMSQ.js';
 import '../chunk-KHJIEPZV.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
@@ -13,6 +14,5 @@ import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.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-YAL6VBRK.js';
+export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-BWAUL5MB.js';
 import '../chunk-VK45YJLH.js';
-import '../chunk-OFARYSWS.js';
+import '../chunk-ZUBFVK6B.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-ZMML6NRS.js';
+import '../chunk-ETSF7SU6.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-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-4HCYBQ6B.js → chunk-3EETQFAM.js}

@@ -4,7 +4,7 @@ import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { Card } from './chunk-4AUTALJA.js';
 import { AvatarStack } from './chunk-BKP6XCAJ.js';
 import { ArtifactKindGround } from './chunk-NHLNHH4J.js';
-import { Checkbox } from './chunk-FFWMTIMH.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
 import { ArtifactAccessGlyph } from './chunk-DOY3KC6I.js';
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-OSMR6TSC.js → chunk-3EY5SEGH.js}

@@ -1,7 +1,7 @@
 import { RefusalStrip, ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { ChangeList } from './chunk-WQRSZMN4.js';
 import { StatusCard } from './chunk-NTQPJJAN.js';
-import { Checkbox } from './chunk-FFWMTIMH.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { Spinner } from './chunk-XSPCITPN.js';

package/dist/{chunk-H6S6NRZL.js → chunk-4MVLED6E.js}

@@ -1,7 +1,7 @@
 import { Modal } from './chunk-C667GCU7.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import { SegmentedControl } from './chunk-TYIHFDMP.js';
-import { FormField, Input } from './chunk-ZMML6NRS.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { useState } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-NATDVYEY.js → chunk-5OFRDX66.js}

@@ -1,5 +1,5 @@
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { Textarea } from './chunk-ZMML6NRS.js';
+import { Textarea } from './chunk-ETSF7SU6.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-EKZFB34W.js → chunk-6C6YK75K.js}

@@ -1,6 +1,6 @@
 import { Timeline } from './chunk-4MJN2KN6.js';
 import { Section } from './chunk-WFCWPXJN.js';
-import { Composer } from './chunk-NATDVYEY.js';
+import { Composer } from './chunk-5OFRDX66.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { ArtifactPanel } from './chunk-FFGEJUAP.js';
 import { Button } from './chunk-DGXZ635L.js';

package/dist/chunk-75NQV4R4.js

@@ -0,0 +1,72 @@
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './Table-MN3FIA2O.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,
+  columns = "even",
+  nowrap,
+  className = ""
+}) => {
+  const columnCount = Math.max(1, headers.length);
+  const held = columns === "content" ? nowrap : void 0;
+  const edge = (index) => cx(align?.[index] === "end" && "crewlet-table__cell--end", held?.[index] === true && "crewlet-table__cell--nowrap") || void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(
+        "crewlet-table",
+        !framed && "crewlet-table--flush",
+        columns === "content" && "crewlet-table--content",
+        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-BW6MQO2B.js → chunk-75S74BBK.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-6PBP444G.js').then(
+  loading ??= import('./Editor-WZ5L4BI2.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-J7INWERB.js → chunk-7LSSYHOT.js}

@@ -1,5 +1,5 @@
 import { normalizeHex, parseColourInput } from './chunk-7W3LYIOC.js';
-import { FormField, Input, InputAffix } from './chunk-ZMML6NRS.js';
+import { FormField, Input, InputAffix } from './chunk-ETSF7SU6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ColorField-2OIOWT3Z.css';
 import { useId, useState } from 'react';

package/dist/{chunk-I7YQNRTQ.js → chunk-ADSOY7UM.js}

@@ -1,7 +1,7 @@
 import { Select } from './chunk-VK45YJLH.js';
 import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-EE3DJMSQ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Input } from './chunk-ZMML6NRS.js';
+import { Input } from './chunk-ETSF7SU6.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';