@crewlethq/ui 0.18.0 → 0.20.0

package/dist/ArrangeList-NNRTDFI5.css

@@ -0,0 +1,94 @@
+/*
+ * ArrangeList: rows a reader puts in order and switches on and off.
+ *
+ * The row is a quiet inset band rather than a card: a panel holding eight of
+ * them is a list, and eight bordered boxes read as eight separate objects.
+ */
+
+.crewlet-arrange-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-arrange-list__item {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-height: var(--size-row-lg);
+  padding: var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-1);
+  border: 1px solid transparent;
+  border-radius: var(--radius-md);
+  background: var(--color-surface-subtle);
+  transition: background-color var(--motion-duration-fast) var(--motion-easing-default),
+    border-color var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-arrange-list__item:hover {
+  border-color: var(--color-border-default);
+}
+
+/* The row being carried is a gap in the list, outlined where it will land. */
+.crewlet-arrange-list__item[data-reorder='dragging'] {
+  border-style: dashed;
+  border-color: var(--color-border-strong);
+  background: transparent;
+}
+.crewlet-arrange-list__item[data-reorder='dragging'] > * {
+  opacity: 0.4;
+}
+
+.crewlet-arrange-list__handle {
+  flex-shrink: 0;
+  cursor: grab;
+  color: var(--color-text-tertiary);
+}
+.crewlet-arrange-list__handle:active {
+  cursor: grabbing;
+}
+
+.crewlet-arrange-list__label {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-2);
+}
+
+.crewlet-arrange-list__icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  color: var(--color-text-secondary);
+}
+
+/* The toggle takes the row's width, so its label is the row's target. */
+.crewlet-arrange-list__toggle {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+/* Off, the words step back; the switch itself already says off. */
+.crewlet-arrange-list__item.is-off .crewlet-arrange-list__icon,
+.crewlet-arrange-list__item.is-off .crewlet-switch__label,
+.crewlet-arrange-list__item.is-off .crewlet-checkbox__label {
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-arrange-list__trailing {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+}
+
+.crewlet-arrange-list__moves {
+  display: inline-flex;
+  flex-shrink: 0;
+  gap: 2px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-arrange-list__item {
+    transition: none;
+  }
+}

package/dist/ArtifactCard/index.js

@@ -1,10 +1,10 @@
-export { ARTIFACT_KINDS, ArtifactCard, ArtifactKindGlyph } from '../chunk-4U3GQ7D2.js';
+export { ARTIFACT_KINDS, ArtifactCard, ArtifactKindGlyph } from '../chunk-TODND5AD.js';
 import '../chunk-4KP4RC3O.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-UAN5NE7M.js';
 import '../chunk-5OM447RW.js';
-import '../chunk-EG6NYWVK.js';
+import '../chunk-YZCJ63JF.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';

package/dist/AuthLayout/index.js

@@ -1,6 +1,6 @@
-export { AuthLayout } from '../chunk-7QFAORCY.js';
+export { AuthLayout } from '../chunk-WHZFDS62.js';
 import '../chunk-7KBNFFM3.js';
-import '../chunk-EG6NYWVK.js';
+import '../chunk-YZCJ63JF.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';

package/dist/AvatarPicker/index.js

@@ -1,14 +1,14 @@
-export { AvatarPicker } from '../chunk-BOW2VUCH.js';
-import '../chunk-PA4CYTBY.js';
+export { AvatarPicker } from '../chunk-T7ICFXEC.js';
+import '../chunk-XU4ZUGLE.js';
 import '../chunk-26PEPONN.js';
 import '../chunk-4LDTQWS7.js';
 import '../chunk-BWRGFKJP.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-5PSXBL73.js';
 import '../chunk-CBOICT64.js';
-import '../chunk-HMPFGIWM.js';
-import '../chunk-R25RGPUB.js';
 import '../chunk-5OM447RW.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-HMPFGIWM.js';
+import '../chunk-R25RGPUB.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Canvas/index.js

@@ -1,8 +1,8 @@
-export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-AMH67MLM.js';
+export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-TXAFKH2A.js';
 import '../chunk-VYOKRN2I.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Card/index.js

@@ -1,4 +1,4 @@
-export { Card } from '../chunk-EG6NYWVK.js';
+export { Card } from '../chunk-YZCJ63JF.js';
 export { useCardHeaderSlot } from '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';

package/dist/Checkbox/index.js

@@ -1,6 +1,6 @@
-export { Checkbox, CheckboxGroup } from '../chunk-75CLJNDQ.js';
-import '../chunk-4GB57WIT.js';
-import '../chunk-4FQT6ZAY.js';
+export { Checkbox, CheckboxGroup } from '../chunk-I6NZKJGK.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Combobox/index.js

@@ -1,8 +1,8 @@
-export { Combobox } from '../chunk-ZFH7H7GS.js';
+export { Combobox } from '../chunk-LOLELDBW.js';
 import '../chunk-F73MC7EZ.js';
-import '../chunk-4GB57WIT.js';
-import '../chunk-4FQT6ZAY.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommandPalette/index.js

@@ -1,13 +1,13 @@
-export { CommandPalette } from '../chunk-IFKBDRNJ.js';
-import '../chunk-2TZATTIU.js';
+export { CommandPalette } from '../chunk-UXELEORU.js';
+import '../chunk-7IJARUIF.js';
 import '../chunk-F73MC7EZ.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-4GB57WIT.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
-import '../chunk-HMPFGIWM.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-HMPFGIWM.js';
+import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommentThread/CommentThread.d.ts

@@ -0,0 +1,85 @@
+import { type ReactNode } from 'react';
+import { type Principal } from '../Principal/index.js';
+import { type TimeValue } from '../RelativeTime/index.js';
+/** One remark in a thread. */
+export interface CommentThreadComment {
+    /** Stable across edits: what a reply points at. */
+    id: string;
+    /** Who wrote it. Absent, the remark is the system's, named by `labels.system`. */
+    author?: Principal | null | undefined;
+    /** The remark, already rendered by the host: markdown turned into elements, or plain text. */
+    body: ReactNode;
+    createdAt: TimeValue;
+    /** When it was last edited. "(edited)" is shown when it differs from `createdAt`. */
+    editedAt?: TimeValue | undefined;
+    /** The id of the remark this one answers. */
+    replyTo?: string | undefined;
+}
+/**
+ * What a submit answers. `false` keeps the draft and the reply target, for a
+ * write the server refused; anything else clears them.
+ */
+export type CommentThreadSubmitResult = boolean | void;
+export interface CommentThreadLabels {
+    heading: string;
+    empty: string;
+    /** The author of a remark that names nobody. */
+    system: string;
+    edited: string;
+    inReplyTo: (name: string) => string;
+    /** The Reply control's accessible name, which names whose remark it answers. */
+    replyTo: (name: string) => string;
+    reply: string;
+    replying: (name: string) => string;
+    stopReplying: string;
+    /** The field's accessible name. `subject` is the document commented on, when the host names one. */
+    field: (subject: string | undefined, replyingTo: string | undefined) => string;
+    placeholder: string;
+    submit: string;
+    submitReply: string;
+    /** Why the submit control waits while the field is empty. */
+    emptyDraft: string;
+}
+export declare const COMMENT_THREAD_LABELS: CommentThreadLabels;
+export interface CommentThreadProps {
+    comments: readonly CommentThreadComment[];
+    /** The document commented on, named in the field's label: Comment on "Onboarding". */
+    subject?: string | undefined;
+    /**
+     * Posts a remark, or a reply when `replyTo` is set. Without it the thread is
+     * read-only: no field and no Reply controls. Resolve to `false` to keep the
+     * draft, such as when the server refused the write.
+     */
+    onSubmit?: ((body: string, replyTo: CommentThreadComment | null) => CommentThreadSubmitResult | Promise<CommentThreadSubmitResult>) | undefined;
+    /** Why the reader cannot post right now. The submit control is disabled and the reason is shown under it. */
+    disabledReason?: string | undefined;
+    /** A post in flight that the host is tracking. The thread also tracks its own. */
+    busy?: boolean | undefined;
+    /** A line beside the submit control: who is told, how the remark is shared. */
+    hint?: ReactNode;
+    /** Under the field: the server's refusal of the last post, as the host words it. */
+    notice?: ReactNode;
+    /** Whether the thread draws its own heading. On by default; off where the host already titles the section. */
+    heading?: boolean | undefined;
+    /** Overrides the shared clock, for a story or a suite. */
+    now?: number | undefined;
+    labels?: Partial<CommentThreadLabels> | undefined;
+    className?: string | undefined;
+}
+/**
+ * A document's comments, oldest first, and a field to add one.
+ *
+ * A REPLY NAMES WHAT IT ANSWERS in words ("in reply to Maya"), so the thread
+ * stays flat and readable in order while each answer still points at its
+ * question. Pressing Reply moves focus into the field, which names whom it
+ * answers, and the reply can be abandoned from beside it.
+ *
+ * THE BODY IS THE HOST'S. A remark arrives already rendered (markdown into
+ * elements), so this draws it in the kit's document type at the size a remark
+ * read beside other things takes, and never parses anything itself.
+ *
+ * A SUBMIT IS ONE AT A TIME. The submit control is disabled while a post is in
+ * flight, so a second press cannot send the same remark twice, and the draft
+ * is cleared only once the host says the post landed.
+ */
+export declare function CommentThread({ comments, subject, onSubmit, disabledReason, busy, hint, notice, heading, now, labels: overrides, className, }: CommentThreadProps): import("react").JSX.Element;

package/dist/CommentThread/index.d.ts

@@ -0,0 +1,3 @@
+import './CommentThread.css';
+export { CommentThread, COMMENT_THREAD_LABELS } from './CommentThread.js';
+export type { CommentThreadComment, CommentThreadLabels, CommentThreadProps, CommentThreadSubmitResult, } from './CommentThread.js';

package/dist/CommentThread/index.js

@@ -0,0 +1,16 @@
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-EZBLOUWX.js';
+import '../chunk-WI6K5M5X.js';
+import '../chunk-VJLYGPPE.js';
+import '../chunk-SMBKXWML.js';
+import '../chunk-OG6CL3EB.js';
+import '../chunk-Q55TXPA3.js';
+import '../chunk-4KP4RC3O.js';
+import '../chunk-3CZ7XAVY.js';
+import '../chunk-EUCC37WY.js';
+import '../chunk-UAN5NE7M.js';
+import '../chunk-5OM447RW.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-BHHIIK3M.js';
+import '../chunk-4FQT6ZAY.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/CommentThread-7VXOFTZO.css

@@ -0,0 +1,90 @@
+/* CommentThread: a document's remarks, one per row with a hairline between,
+   then the field to add one. */
+.crewlet-comment-thread {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3);
+  min-width: 0;
+}
+
+.crewlet-comment-thread__heading {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  margin: 0;
+  color: var(--color-text-primary);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+}
+
+.crewlet-comment-thread__empty,
+.crewlet-comment-thread__hint {
+  margin: 0;
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-compact);
+}
+
+.crewlet-comment-thread__list {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-comment-thread__comment {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  min-width: 0;
+  padding: var(--spacing-3) 0;
+  border-bottom: 1px solid var(--color-border-default);
+}
+
+.crewlet-comment-thread__head {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-width: 0;
+}
+
+.crewlet-comment-thread__author {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-width: 0;
+}
+
+.crewlet-comment-thread__name {
+  overflow: hidden;
+  color: var(--color-text-primary);
+  font-weight: var(--font-weight-semibold);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-comment-thread__meta {
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-xs);
+}
+
+/* Reply sits at the row's far end, wherever the head wraps. */
+.crewlet-comment-thread__reply {
+  margin-inline-start: auto;
+}
+
+.crewlet-comment-thread__compose {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+}
+
+.crewlet-comment-thread__replying {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-2);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-xs);
+}

package/dist/Composer/index.js

@@ -1,7 +1,7 @@
-export { COMPOSER_COUNTER_AT, Composer } from '../chunk-6NIMZ5XC.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-VJLYGPPE.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-4GB57WIT.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ConfirmField/index.js

@@ -1,7 +1,7 @@
-export { ConfirmField, confirmMatches } from '../chunk-CXBAIVYZ.js';
+export { ConfirmField, confirmMatches } from '../chunk-YSY6UJ4F.js';
 import '../chunk-5CLW2CXT.js';
-import '../chunk-4GB57WIT.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ConflictNote/ConflictNote.d.ts

@@ -0,0 +1,42 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface ConflictNoteLabels {
+    /** The sentence once the host knows who won the race. */
+    changedBy: (subject: string, name: string) => string;
+    /** The sentence while it does not, or when nobody can be named. */
+    changed: (subject: string) => string;
+    dismiss: string;
+}
+export declare const CONFLICT_NOTE_LABELS: ConflictNoteLabels;
+export interface ConflictNoteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role'> {
+    /** What the sentence calls the record the reader tried to change: a key, a title. */
+    subject: string;
+    /**
+     * Who changed it in the meantime, once the host has looked it up. Without
+     * it the note says the record changed and names nobody, or says `message`.
+     */
+    changedBy?: string | undefined;
+    /**
+     * The sentence to say while nobody can be named, in place of the default:
+     * usually the server's own refusal.
+     */
+    message?: ReactNode;
+    /** Takes the note down. Without it the note offers no Dismiss control. */
+    onDismiss?: (() => void) | undefined;
+    /** Controls beside Dismiss: "Reload", "Keep mine". */
+    actions?: ReactNode;
+    labels?: Partial<ConflictNoteLabels> | undefined;
+}
+/**
+ * The refusal of a lost race: somebody changed a record between the reader's
+ * read and their write, and the write was refused.
+ *
+ * IT NAMES WHO WON, when the host can say, because "changed by Maya since you
+ * opened it" names the person to talk to where "somebody else" names nobody.
+ * Until the host knows, it says the record changed, or the server's own
+ * sentence.
+ *
+ * AN ALERT, because it answers a press the reader just made and they need to
+ * hear that the change did not land. The glyph is drawn beside the words so
+ * the danger ink is never the only carrier.
+ */
+export declare function ConflictNote({ subject, changedBy, message, onDismiss, actions, labels: overrides, className, ...rest }: ConflictNoteProps): import("react").JSX.Element;

package/dist/ConflictNote/index.d.ts

@@ -0,0 +1,3 @@
+import './ConflictNote.css';
+export { ConflictNote, CONFLICT_NOTE_LABELS } from './ConflictNote.js';
+export type { ConflictNoteLabels, ConflictNoteProps } from './ConflictNote.js';

package/dist/ConflictNote/index.js

@@ -0,0 +1,4 @@
+export { CONFLICT_NOTE_LABELS, ConflictNote } from '../chunk-UO7JZVCO.js';
+import '../chunk-OG6CL3EB.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/ConflictNote-DH77PYF7.css

@@ -0,0 +1,27 @@
+/* ConflictNote: a refused write's sentence in the danger ink, with its glyph
+   so the colour is never the only carrier, and its controls beside it. */
+.crewlet-conflict-note {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-1) var(--spacing-2);
+  max-width: 40rem;
+  color: var(--color-feedback-danger-ink);
+  font-size: var(--font-size-compact);
+  overflow-wrap: anywhere;
+}
+
+.crewlet-conflict-note__glyph {
+  flex: none;
+}
+
+.crewlet-conflict-note__text {
+  flex: 1 1 16rem;
+  min-width: 0;
+}
+
+.crewlet-conflict-note__actions {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-1);
+}

package/dist/DataTable/index.js

@@ -1,16 +1,16 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-76FXDZAZ.js';
-import '../chunk-NS7BVLL3.js';
-import '../chunk-2TZATTIU.js';
-import '../chunk-75CLJNDQ.js';
-import '../chunk-4GB57WIT.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-AJESMWJS.js';
+import '../chunk-JULMZNGT.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
+import '../chunk-7IJARUIF.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
-import '../chunk-HMPFGIWM.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-I6NZKJGK.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-HMPFGIWM.js';
+import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataView/index.js

@@ -1,26 +1,26 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-KVT3TJVG.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-OIMAK5AE.js';
 import '../chunk-HOXGBLEY.js';
 import '../chunk-PGRPNDWM.js';
-import '../chunk-76FXDZAZ.js';
-import '../chunk-NS7BVLL3.js';
-import '../chunk-5NVKTB6E.js';
-import '../chunk-2TZATTIU.js';
-import '../chunk-F73MC7EZ.js';
-import '../chunk-SMBKXWML.js';
-import '../chunk-75CLJNDQ.js';
-import '../chunk-4GB57WIT.js';
+import '../chunk-AJESMWJS.js';
+import '../chunk-JULMZNGT.js';
+import '../chunk-L4H7SSWF.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-BWRGFKJP.js';
+import '../chunk-7IJARUIF.js';
+import '../chunk-F73MC7EZ.js';
+import '../chunk-SMBKXWML.js';
 import '../chunk-GXQ3B46I.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
-import '../chunk-HMPFGIWM.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-I6NZKJGK.js';
+import '../chunk-Q55TXPA3.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
+import '../chunk-BWRGFKJP.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-HMPFGIWM.js';
+import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DateTimePicker/index.js

@@ -1,9 +1,9 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-5NVKTB6E.js';
-import '../chunk-BWRGFKJP.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-L4H7SSWF.js';
 import '../chunk-GXQ3B46I.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-BWRGFKJP.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DiffView/DiffView.d.ts

@@ -0,0 +1,59 @@
+import type { HTMLAttributes } from 'react';
+import type { DiffSection } from './diff.js';
+export interface DiffViewLabels {
+    /** The row a dropped run of unchanged lines is drawn as: "12 unchanged lines". */
+    skipped: (count: number) => string;
+    /** Read in place of the `+` mark on an added line. */
+    added: string;
+    /** Read in place of the minus mark on a removed line. */
+    removed: string;
+    /** The region's accessible name when the caller gives none. */
+    region: string;
+}
+export declare const DIFF_VIEW_LABELS: DiffViewLabels;
+export interface DiffViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * The lines to draw, grouped into sections with the count of unchanged
+     * lines dropped before each: `collapseDiff(diffLines(before, after))`, or
+     * sections a host computed some other way.
+     */
+    sections: readonly DiffSection[];
+    labels?: Partial<DiffViewLabels> | undefined;
+}
+/**
+ * A line diff, rendered as the document it is.
+ *
+ * MONOSPACE AND LINE-NUMBERED on both sides, because the two numbers are what
+ * a reader uses to find the paragraph in the version beside it. A skipped run
+ * is a row of its own saying how many lines it stands for: a gap silently
+ * closed makes a document edited at both ends look like one rewritten in the
+ * middle.
+ *
+ * COLOUR IS NEVER THE ONLY SIGNAL. An added or removed line carries a tint, a
+ * drawn mark and a word: the mark is hidden from assistive technology and the
+ * word ("Added", "Removed") is read in its place, because a minus sign is
+ * announced as anything from "minus" to nothing at all.
+ */
+export declare function DiffView({ sections, labels: overrides, className, 'aria-label': ariaLabel, ...rest }: DiffViewProps): import("react").JSX.Element;
+export interface DiffSummaryLabels {
+    /** Read in place of the drawn counts: "3 lines added, 1 removed". */
+    spoken: (added: number, removed: number) => string;
+    /** What the counts are measured against: "against version 4". */
+    against: (what: string) => string;
+}
+export declare const DIFF_SUMMARY_LABELS: DiffSummaryLabels;
+export interface DiffSummaryProps extends Omit<HTMLAttributes<HTMLParagraphElement>, 'children'> {
+    added: number;
+    removed: number;
+    /** What the diff is measured against, named the way the reader knows it: "version 4", "rev 12". */
+    against?: string | undefined;
+    labels?: Partial<DiffSummaryLabels> | undefined;
+}
+/**
+ * The one line above a diff that says how big it is: `+3 −1 against version 4`.
+ *
+ * The drawn counts are tinted with the same inks as the lines they count, and
+ * a sentence is read in their place, so the size of the change never rests on
+ * a plus sign and a colour.
+ */
+export declare function DiffSummary({ added, removed, against, labels: overrides, className, ...rest }: DiffSummaryProps): import("react").JSX.Element;