@crewlethq/ui 0.81.2 → 0.83.0

package/dist/DataView/index.js

@@ -1,31 +1,32 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-B2YSFWUG.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-XRWHDW6F.js';
 import '../chunk-FPDIHEM4.js';
 import '../chunk-K4LZXSKZ.js';
-import '../chunk-HPI5J6AR.js';
-import '../chunk-CZQ7UITX.js';
-import '../chunk-C667GCU7.js';
-import '../chunk-7KHM2FZH.js';
+import '../chunk-7K6LVM5I.js';
+import '../chunk-WANKINXG.js';
+import '../chunk-ZXXZESCD.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
+import '../chunk-YGRTX67J.js';
 import '../chunk-EE3DJMSQ.js';
-import '../chunk-NR4CPM4T.js';
-import '../chunk-KHJIEPZV.js';
+import '../chunk-NXFTCPF6.js';
+import '../chunk-EC6EUIAD.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-LMQG3VPG.js';
-import '../chunk-ANTAQAR4.js';
-import '../chunk-FB3TCNQP.js';
+import '../chunk-YQ7Q52XU.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.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-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-D2GT3CR4.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DatasetSource/index.js

@@ -1,8 +1,8 @@
-export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-H22SR76M.js';
-import '../chunk-VERJCAJ4.js';
-import '../chunk-CYQBDZ6M.js';
+export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-3H6OZUZ3.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
+import '../chunk-CYQBDZ6M.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DateTimePicker/index.js

@@ -1,11 +1,12 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-HPI5J6AR.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-7K6LVM5I.js';
 import '../chunk-EE3DJMSQ.js';
-import '../chunk-KHJIEPZV.js';
+import '../chunk-EC6EUIAD.js';
+import '../chunk-L72URIHR.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/DeepWorkCard/index.js

@@ -1,17 +1,17 @@
-export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-3JXX5S3Z.js';
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-CV2LU2T2.js';
 import '../chunk-RJWO2PC5.js';
 import '../chunk-ZWCK4N4L.js';
 import '../chunk-RQFRRPV6.js';
-import '../chunk-RTMNULTL.js';
-import '../chunk-VERJCAJ4.js';
-import '../chunk-CYQBDZ6M.js';
-import '../chunk-4AUTALJA.js';
+import '../chunk-FLW5U7YS.js';
+import '../chunk-LBGKLYBY.js';
+import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-222VILSP.js';
-import '../chunk-IVTQWOXV.js';
-import '../chunk-MLDTLZAO.js';
-import '../chunk-PQADV6P6.js';
+import '../chunk-CYQBDZ6M.js';
+import '../chunk-LVJGN5II.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
+import '../chunk-ULYHDP7U.js';
+import '../chunk-D2GT3CR4.js';
+import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Disclosure/index.js

@@ -1,6 +1,6 @@
-export { Disclosure } from '../chunk-222VILSP.js';
-export { DisclosureAnatomy } from '../chunk-IVTQWOXV.js';
-import '../chunk-MLDTLZAO.js';
+export { Disclosure } from '../chunk-LVJGN5II.js';
+export { DisclosureAnatomy } from '../chunk-ULYHDP7U.js';
+import '../chunk-D2GT3CR4.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DocTabsEditor/index.js

@@ -1,15 +1,17 @@
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-TJIBTHWJ.js';
-import '../chunk-MPVMB2DV.js';
-import '../chunk-FB3TCNQP.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-RDIQB5ZE.js';
+import '../chunk-BVML4UVB.js';
+import '../chunk-YJQXESOJ.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
+import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
-import '../chunk-PQADV6P6.js';
-import '../chunk-2G355KDJ.js';
-import '../chunk-OQG4P5KU.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/DockColumn/DockColumn.d.ts

@@ -0,0 +1,68 @@
+/**
+ * A column a host docks beside its content and takes away again: a list of
+ * rooms pinned beside a conversation.
+ *
+ * THE COLUMN IS ALWAYS THERE, as wide as its panel while it is open and as
+ * wide as nothing while it is not, and it eases between the two. It stands in
+ * the host's own `auto` grid track (or as a flex item that does not grow), so
+ * its width IS the track, and the content beside it narrows and widens with
+ * it frame by frame rather than jumping by the panel's width in one.
+ * Swapping the host's grid template between two track lists instead is what
+ * made the content jump: a template is not a length, and it does not ease.
+ *
+ * THE PANEL KEEPS ITS OWN WIDTH, clipped by the column and held to the
+ * column's edge that faces the content, so it slides in from the outer edge
+ * and back out to it, the way a sheet does, and nothing in it reflows on the
+ * way.
+ *
+ * AND IT LEAVES INERT. Closed, the panel stays drawn until the column has
+ * closed over it (`usePresence`), and `inert` all the while, so nothing in a
+ * panel on its way out takes focus or a press; opened again on the way out,
+ * it is live again where it is. Under reduced motion it simply is or is not.
+ *
+ * FOCUS LEAVES WITH IT. A reader who closes the dock from inside it (an Unpin
+ * in its own head) is handed to `focusOnClose`, the control that docks it
+ * again, as the panel starts to leave, and never left in a panel that takes
+ * nothing; with no such control focus is taken off the panel.
+ *
+ * A PLAIN COLUMN, NOT A LANDMARK: what it holds names itself (a navigation
+ * named Rooms), and a column named the same as the region inside it is two
+ * landmarks of one name a screen reader cannot tell apart.
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+/** The edge of the content the column stands at, in the inline direction. */
+export type DockColumnSide = 'start' | 'end';
+export interface DockColumnProps extends HTMLAttributes<HTMLDivElement> {
+    /** Whether the panel is docked. The column eases open and shut on a change. */
+    open: boolean;
+    /**
+     * The panel's width, and the column's while it is open: a number of px, or
+     * any CSS length (`var(--rooms-dock)`), so a host keeps the one value its
+     * own layout arithmetic reads.
+     */
+    width: number | string;
+    /**
+     * Which side of the content the column stands on. `start` (the default) is
+     * before it, and its panel slides in from the start edge; `end` is after
+     * it, and slides in from the end edge.
+     */
+    side?: DockColumnSide | undefined;
+    /**
+     * A hairline on the panel's edge that faces the content. On by default; a
+     * panel whose content draws its own edge turns it off.
+     */
+    divider?: boolean | undefined;
+    /**
+     * Where focus goes when the dock closes while focus is inside it: the
+     * control that docks it again. Asked as the panel starts to leave. Left
+     * out, or answering nothing, focus is taken off the panel.
+     */
+    focusOnClose?: (() => HTMLElement | null | undefined) | undefined;
+    /**
+     * The panel. Its ground is the column's `--crewlet-dock-column-ground`,
+     * which a host sets on its own class (`var(--color-surface-subtle)`), and
+     * none by default.
+     */
+    children?: ReactNode;
+}
+export declare function DockColumn({ open, width, side, divider, focusOnClose, className, style, children, ...rest }: DockColumnProps): import("react").JSX.Element;

package/dist/DockColumn/index.d.ts

@@ -0,0 +1,3 @@
+import './DockColumn.css';
+export { DockColumn } from './DockColumn.js';
+export type { DockColumnProps, DockColumnSide } from './DockColumn.js';

package/dist/DockColumn/index.js

@@ -0,0 +1,6 @@
+export { DockColumn } from '../chunk-5JPOFAVN.js';
+import '../chunk-PCAT2EFB.js';
+import '../chunk-YJQXESOJ.js';
+import '../chunk-HTS5RJ7S.js';
+import '../chunk-4ITETIGZ.js';
+import '../chunk-ODEQTPFM.js';

package/dist/DockColumn-SMJCXHS4.css

@@ -0,0 +1,61 @@
+/*
+ * A column docked beside the content (DockColumn.tsx).
+ *
+ * THE COLUMN EASES ITS WIDTH between none and its panel's, on the slow step
+ * with the emphasized curve: the motion the application rail folds by,
+ * so a column of the frame and a column of a screen open and close as one
+ * movement. The host gives it an `auto` track, so its width is the track.
+ * Clipped rather than hidden, so it is never a scroll container a focus or a
+ * scrollIntoView could scroll.
+ *
+ * THE PANEL KEEPS ITS WIDTH and is held to the column's edge that faces the
+ * content: before the content (`start`) it is held to the column's end, so
+ * the moving edge uncovers it from the start edge, and after the content
+ * (`end`) the other way round.
+ *
+ * Tokens only. The width is the component's own variable, set from the
+ * `width` prop, so the column and the panel read one value.
+ */
+
+.crewlet-dock-column {
+  display: flex;
+  justify-content: flex-end;
+  width: 0;
+  min-width: 0;
+  min-height: 0;
+  overflow: clip;
+  transition: width var(--motion-duration-slow) var(--motion-easing-emphasized);
+}
+
+.crewlet-dock-column[data-side='end'] {
+  justify-content: flex-start;
+}
+
+.crewlet-dock-column[data-open] {
+  width: var(--crewlet-dock-column-width);
+}
+
+.crewlet-dock-column__panel {
+  display: flex;
+  flex: none;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: var(--crewlet-dock-column-width);
+  min-height: 0;
+  background: var(--crewlet-dock-column-ground, transparent);
+}
+
+/* The hairline on the panel's edge that faces the content. */
+.crewlet-dock-column--divider[data-side='start'] > .crewlet-dock-column__panel {
+  border-inline-end: 1px solid var(--color-border-default);
+}
+
+.crewlet-dock-column--divider[data-side='end'] > .crewlet-dock-column__panel {
+  border-inline-start: 1px solid var(--color-border-default);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-dock-column {
+    transition: none;
+  }
+}

package/dist/Document/index.js

@@ -1,3 +1,3 @@
-export { Document, DocumentTitle, DocumentTitleField } from '../chunk-BXCL6P5Z.js';
-import '../chunk-NUZHC6MM.js';
+export { Document, DocumentTitle, DocumentTitleField } from '../chunk-I4PBFJGX.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/EditingStatus/index.js

@@ -1,6 +1,6 @@
-export { EditingStatus } from '../chunk-624X3RVA.js';
-import '../chunk-CYQBDZ6M.js';
+export { EditingStatus } from '../chunk-O55JQ7BE.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
+import '../chunk-CYQBDZ6M.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Editor-IMYESOW7.js → Editor-5D5Z3LBQ.js}

@@ -2,18 +2,19 @@ import { schema, readMarkdown, writeMarkdown } from './chunk-7CSTEH5I.js';
 import { richEditorLabels } from './chunk-2DMTW2Y3.js';
 import './chunk-KOJPDCGQ.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-KBZO4B33.js';
-import { Toolbar } from './chunk-NR4CPM4T.js';
-import { FormField, Input } from './chunk-FB3TCNQP.js';
+import { Toolbar } from './chunk-NXFTCPF6.js';
+import { Menu } from './chunk-TGGYSQRD.js';
+import './chunk-L72URIHR.js';
+import { FormField, Input } from './chunk-O7N6W52M.js';
 import './chunk-PGCLHYVP.js';
-import './chunk-PQADV6P6.js';
-import './chunk-2G355KDJ.js';
-import { Menu } from './chunk-OQG4P5KU.js';
 import { Button } from './chunk-DGXZ635L.js';
-import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
 import './chunk-XSPCITPN.js';
-import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
+import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
+import { usePopupLayer } from './chunk-TUEM2XIW.js';
+import './chunk-4ITETIGZ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
-import './chunk-NUZHC6MM.js';
+import './chunk-PQADV6P6.js';
+import './chunk-2G355KDJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { forwardRef, useMemo, useRef, useState, useId, useSyncExternalStore, useCallback, useLayoutEffect, useEffect, useImperativeHandle } from 'react';

package/dist/EmojiPicker/EmojiPicker.d.ts

@@ -0,0 +1,51 @@
+import { type ReactElement } from 'react';
+import { type PopoverAlign, type PopoverSide } from '../Popover/index.js';
+import { type EmojiGroup } from './emoji.js';
+/** How many emoji stand in a row of the grid; the arrow keys walk the same rows. */
+export declare const EMOJI_PICKER_COLUMNS = 8;
+export interface EmojiPickerLabels {
+    /** Names the search field. */
+    search: string;
+    /** The group a search's matches are listed under. */
+    results: string;
+    /** Said when nothing matches. */
+    none: (query: string) => string;
+}
+export declare const EMOJI_PICKER_LABELS: EmojiPickerLabels;
+export interface EmojiPickerProps {
+    /** Names the panel, which is what a screen reader announces when it opens: "Add a reaction". */
+    label: string;
+    /**
+     * The trigger's hint on hover and keyboard focus. Pass it here rather than
+     * wrapping the trigger in a `Tooltip`: the hint steps aside while the panel
+     * is open, since the panel already says what it is.
+     */
+    tooltip?: string | undefined;
+    /** Called with the emoji picked; the panel closes. */
+    onPick: (emoji: string) => void;
+    /** The control that opens the panel, given whether it is open and the toggle to call. */
+    trigger: (open: boolean, toggle: () => void) => ReactElement;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    /** Which edge of the trigger the panel lines up with, `end` by default. */
+    align?: PopoverAlign | undefined;
+    /** The preferred side, `bottom` by default; it flips where there is no room. */
+    side?: PopoverSide | undefined;
+    /** The emoji offered, `EMOJI_GROUPS` by default. */
+    groups?: readonly EmojiGroup[] | undefined;
+    labels?: Partial<EmojiPickerLabels> | undefined;
+}
+/**
+ * A searchable grid of emoji in a popover, for starting a reaction or
+ * putting an emoji in a message.
+ *
+ * THE KEYS. The search field has focus when the panel opens: typing filters
+ * by name, Enter picks the first match, and ArrowDown goes into the grid. The
+ * grid is one tab stop; the arrows walk it by its rows, across groups, Home
+ * and End go to its first and last emoji, ArrowUp from the top row returns to
+ * the field, and Enter or Space picks. Escape closes the panel and returns
+ * focus to the trigger.
+ *
+ * Each emoji is a button named by its name ("eyes"), and each group is named
+ * by its visible heading.
+ */
+export declare function EmojiPicker({ label, tooltip, onPick, trigger, onOpenChange, align, side, groups, labels: overrides, }: EmojiPickerProps): import("react").JSX.Element;

package/dist/EmojiPicker/emoji.d.ts

@@ -0,0 +1,24 @@
+/**
+ * The emoji a picker offers, in groups, each with the name it is searched
+ * and announced by. No React in it: a reaction's pill reads a name from here
+ * too.
+ */
+/** One emoji and the words it is found and read by. */
+export interface EmojiEntry {
+    emoji: string;
+    name: string;
+}
+/** A titled run of emoji in the picker. */
+export interface EmojiGroup {
+    /** Shown over the group, and names it for a screen reader. */
+    label: string;
+    items: readonly EmojiEntry[];
+}
+export declare const EMOJI_GROUPS: readonly EmojiGroup[];
+/**
+ * The name an emoji is read by ("eyes" for 👀), from the groups given, or the
+ * emoji itself for one the picker does not offer.
+ */
+export declare function emojiName(emoji: string, groups?: readonly EmojiGroup[]): string;
+/** Every emoji in the groups whose name holds the query, ignoring case, once each; null for an empty query. */
+export declare function searchEmoji(query: string, groups?: readonly EmojiGroup[]): EmojiEntry[] | null;

package/dist/EmojiPicker/index.d.ts

@@ -0,0 +1,5 @@
+import './EmojiPicker.css';
+export { EMOJI_PICKER_COLUMNS, EMOJI_PICKER_LABELS, EmojiPicker } from './EmojiPicker.js';
+export type { EmojiPickerLabels, EmojiPickerProps } from './EmojiPicker.js';
+export { EMOJI_GROUPS, emojiName, searchEmoji } from './emoji.js';
+export type { EmojiEntry, EmojiGroup } from './emoji.js';

package/dist/EmojiPicker/index.js

@@ -0,0 +1,15 @@
+export { EMOJI_GROUPS, EMOJI_PICKER_COLUMNS, EMOJI_PICKER_LABELS, EmojiPicker, emojiName, searchEmoji } from '../chunk-SPNTUQBV.js';
+import '../chunk-EC6EUIAD.js';
+import '../chunk-7ZSEUO5Q.js';
+import '../chunk-HTS5RJ7S.js';
+import '../chunk-L72URIHR.js';
+import '../chunk-O7N6W52M.js';
+import '../chunk-PGCLHYVP.js';
+import '../chunk-OMV5W53A.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
+import '../chunk-UAUP6XGK.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-2G355KDJ.js';
+import '../chunk-UT6CW3C7.js';
+import '../chunk-ODEQTPFM.js';

package/dist/EmojiPicker-FMWYN2WX.css

@@ -0,0 +1,63 @@
+/*
+ * A searchable grid of emoji in a popover: the field, then each group under
+ * its quiet heading, eight to a row, in a scroller of its own.
+ */
+
+.crewlet-emoji-picker__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  width: 296px;
+  max-width: 100%;
+  box-sizing: border-box;
+  padding: var(--spacing-2);
+}
+
+.crewlet-emoji-picker__scroll {
+  max-height: 240px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+/* A group's heading, in the meta register at the regular weight. */
+.crewlet-emoji-picker__group {
+  padding: var(--spacing-2) var(--spacing-1) var(--spacing-1);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-regular);
+  letter-spacing: var(--font-letter-spacing-wide);
+  text-transform: uppercase;
+}
+
+.crewlet-emoji-picker__grid {
+  display: grid;
+  grid-template-columns: repeat(var(--crewlet-emoji-picker-columns), minmax(0, 1fr));
+  gap: 2px;
+}
+
+.crewlet-emoji-picker__cell {
+  aspect-ratio: 1;
+  padding: 0;
+  border: 0;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  font-size: var(--font-size-lg);
+  line-height: 1;
+  cursor: pointer;
+}
+
+.crewlet-emoji-picker__cell:hover {
+  background: var(--color-surface-hover);
+}
+
+.crewlet-emoji-picker__cell:focus-visible {
+  background: var(--color-surface-hover);
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+.crewlet-emoji-picker__none {
+  margin: var(--spacing-3) var(--spacing-1);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-sm);
+}

package/dist/EntityChip/index.js

@@ -1,4 +1,4 @@
-export { EntityChip } from '../chunk-5XBNJNSO.js';
-import '../chunk-BT3GB7HC.js';
-import '../chunk-KTIQSSME.js';
+export { EntityChip } from '../chunk-65RFU7LF.js';
+import '../chunk-IRONPJB4.js';
+import '../chunk-XZY6S3UC.js';
 import '../chunk-ODEQTPFM.js';

package/dist/EntityList/index.js

@@ -1,10 +1,10 @@
-export { EntityList } from '../chunk-6G6WHTC7.js';
-import '../chunk-RTMNULTL.js';
-import '../chunk-VERJCAJ4.js';
-import '../chunk-CYQBDZ6M.js';
-import '../chunk-4AUTALJA.js';
+export { EntityList } from '../chunk-2O5CMV76.js';
+import '../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/FactList/index.js

@@ -1,7 +1,9 @@
-export { FactList } from '../chunk-CSXJIIO4.js';
-import '../chunk-I33UIUZD.js';
+export { FactList } from '../chunk-SNQ7PH3D.js';
+import '../chunk-7ZSEUO5Q.js';
+import '../chunk-HTS5RJ7S.js';
+import '../chunk-L72URIHR.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/FolderTile/index.js

@@ -1,7 +1,7 @@
-export { FolderTile, describeFolderContents, folderContentsParts } from '../chunk-WTXCK46H.js';
-import '../chunk-4AUTALJA.js';
+export { FolderTile, describeFolderContents, folderContentsParts } from '../chunk-R2QBQ6NO.js';
+import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-MLDTLZAO.js';
+import '../chunk-D2GT3CR4.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/FollowBanner/index.js

@@ -1,9 +1,9 @@
-export { FollowBanner } from '../chunk-JT7WRPZ6.js';
+export { FollowBanner } from '../chunk-NTRKC2JV.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
-import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
+import '../chunk-OMV5W53A.js';
+import '../chunk-TUEM2XIW.js';
+import '../chunk-4ITETIGZ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/HuePicker/index.js

@@ -1,18 +1,19 @@
 import '../chunk-FFMCMSJB.js';
-export { HuePicker, HueSwatch } from '../chunk-HEA6TERQ.js';
+export { HuePicker, HueSwatch } from '../chunk-SHH7UD5U.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-6R334YT3.js';
-import '../chunk-2IIHMJMZ.js';
+import '../chunk-AZYE7NR4.js';
+import '../chunk-MVKUE4FI.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-MLDTLZAO.js';
-import '../chunk-OQG4P5KU.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.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/ImageUpload/ImageUpload.d.ts

@@ -8,12 +8,11 @@ export interface ImageUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, '
     /** Rendered width and height in pixels. */
     size?: number | undefined;
     /**
-     * The picture is an Avatar, so it takes the Avatar's kind, and with it the
-     * outline the preview, the fallback, the trigger and the overlay are all
-     * drawn in. `agent`, the default as it is Avatar's, is the squircle, which
-     * is also the outline for a mark that is not a person, a company's logo
-     * among them: a wide mark cropped into a circle loses its ends. `human` is
-     * a person's round picture.
+     * The picture is an Avatar, so it takes the Avatar's kind: `agent`, the
+     * default as it is Avatar's, for a seat or a mark that is not a person (a
+     * company's logo among them), and `human` for a person's picture. Both are
+     * the one rounded square every face is drawn as, and the preview, the
+     * fallback, the trigger and the overlay all take its corner.
      */
     kind?: AvatarKind | undefined;
     /** When true, the control is display only: no overlay, no remove button, no file picker. */
@@ -32,7 +31,7 @@ export interface ImageUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, '
  * current image (or an initials fallback), an overlay with a camera icon and
  * an "Upload" or "Change" label (shown on hover, or always while no image is
  * set), a hidden file input, a remove button, and an uploading state. One
- * primitive covers both a logo in the squircle and a person's round picture.
+ * primitive covers a logo, an agent's picture and a person's.
  *
  * The selection callback hands back the raw File rather than a data URL because
  * the upload now happens over the network.

package/dist/ImageUpload/index.js

@@ -1,5 +1,5 @@
-export { ImageUpload } from '../chunk-ZQEJSEPS.js';
-import '../chunk-BT3GB7HC.js';
-import '../chunk-KTIQSSME.js';
+export { ImageUpload } from '../chunk-K6Y6CDEZ.js';
+import '../chunk-IRONPJB4.js';
+import '../chunk-XZY6S3UC.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-ODEQTPFM.js';