@crewlethq/ui 0.74.0 → 0.75.0

package/dist/TableCells/index.js

@@ -1,10 +1,10 @@
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-AGLONIVV.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-PKVWCKS2.js';
 import '../chunk-QF5UNP4T.js';
 import '../chunk-I5OIKDX2.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
-import '../chunk-BKP6XCAJ.js';
-import '../chunk-PZKHBB7D.js';
+import '../chunk-BT3GB7HC.js';
+import '../chunk-KTIQSSME.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ThemeGallery/index.js

@@ -1,8 +1,8 @@
-export { ThemeGallery } from '../chunk-LWFOX3PB.js';
+export { ThemeGallery } from '../chunk-BYNKGOBA.js';
 import '../chunk-3XQUEF5C.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-I5OIKDX2.js';
 import '../chunk-EGMQURBR.js';
+import '../chunk-I5OIKDX2.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';

package/dist/VersionTimeline/index.js

@@ -1,9 +1,9 @@
-export { VersionTimeline } from '../chunk-O3HCFM3D.js';
-import '../chunk-CI3VPIJN.js';
+export { VersionTimeline } from '../chunk-53J2YNQA.js';
+import '../chunk-N2BF272H.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
-import '../chunk-BKP6XCAJ.js';
-import '../chunk-PZKHBB7D.js';
+import '../chunk-BT3GB7HC.js';
+import '../chunk-KTIQSSME.js';
 import '../chunk-4MJN2KN6.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';

package/dist/chunk-266I4BJJ.js

@@ -0,0 +1,70 @@
+import { safeHref } from './chunk-KBZO4B33.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './InlineRef-SJWUKXGT.css';
+import { Children } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function splitHead(children) {
+  const parts = Children.toArray(children);
+  const first = parts[0];
+  if (typeof first === "string") {
+    const at = first.search(/\s/);
+    if (at > 0) return { head: first.slice(0, at), rest: [first.slice(at), ...parts.slice(1)] };
+  }
+  return { head: first ?? null, rest: parts.slice(1) };
+}
+function InlineRef({
+  mark,
+  markShape = "glyph",
+  kind,
+  children,
+  href,
+  title,
+  code = false,
+  wrap = false,
+  newTabLabel = "opens in a new tab",
+  className
+}) {
+  const target = href === void 0 ? null : safeHref(href);
+  const hasMark = mark !== void 0 && mark !== null;
+  const external = target !== null && !target.startsWith("#");
+  const { head, rest } = wrap ? splitHead(children) : { head: children, rest: [] };
+  const classes = cx(
+    "crewlet-inline-ref",
+    code && "crewlet-inline-ref--code",
+    wrap && "crewlet-inline-ref--wrap",
+    target !== null && "crewlet-inline-ref--link",
+    className
+  );
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-inline-ref__head", children: [
+      !hasMark ? null : /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cx("crewlet-inline-ref__mark", `crewlet-inline-ref__mark--${markShape}`),
+          "aria-hidden": "true",
+          children: mark
+        }
+      ),
+      kind === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-inline-ref__said", children: `${kind}: ` }),
+      /* @__PURE__ */ jsx("span", { className: "crewlet-inline-ref__text", children: head })
+    ] }),
+    rest.length === 0 ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-inline-ref__text", children: rest }),
+    external ? /* @__PURE__ */ jsx("span", { className: "crewlet-inline-ref__said", children: ` (${newTabLabel})` }) : null
+  ] });
+  if (target === null) {
+    return /* @__PURE__ */ jsx("span", { className: classes, title, children: body });
+  }
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: classes,
+      href: target,
+      title,
+      ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      children: body
+    }
+  );
+}
+
+export { InlineRef };

package/dist/{chunk-CSQTDGTS.js → chunk-2DMTW2Y3.js}

@@ -1,4 +1,4 @@
-import { MARKDOWN_CALLOUT_NAMES } from './chunk-BAKPMH3S.js';
+import { MARKDOWN_CALLOUT_NAMES } from './chunk-KBZO4B33.js';
 
 // src/RichEditor/types.ts
 var RICH_EDITOR_LABELS = {

package/dist/{chunk-O3HCFM3D.js → chunk-53J2YNQA.js}

@@ -1,4 +1,4 @@
-import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
+import { PrincipalAvatar } from './chunk-N2BF272H.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { Timeline } from './chunk-4MJN2KN6.js';
 import { Button } from './chunk-DGXZ635L.js';

package/dist/{chunk-OSKJZNBT.js → chunk-5XBNJNSO.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-PZKHBB7D.js';
+import { Avatar } from './chunk-KTIQSSME.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EntityChip-LUCPZBBG.css';
 import { Children, isValidElement, cloneElement } from 'react';

package/dist/{chunk-EVXXY75R.js → chunk-6LN64KGG.js}

@@ -1,6 +1,6 @@
 import { presenceHueClass } from './chunk-EFX2YC5T.js';
 import { presenceLabels, presenceOrder } from './chunk-Z7JYG5TF.js';
-import { AVATAR_SIZES, Avatar } from './chunk-PZKHBB7D.js';
+import { AVATAR_SIZES, Avatar } from './chunk-KTIQSSME.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PresenceStack-ZV67BH4V.css';

package/dist/{chunk-3EETQFAM.js → chunk-6UBCZZWD.js}

@@ -1,8 +1,8 @@
 import { Skeleton } from './chunk-BRLZXYPA.js';
-import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
+import { PrincipalAvatar } from './chunk-N2BF272H.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
+import { AvatarStack } from './chunk-BT3GB7HC.js';
 import { Card } from './chunk-4AUTALJA.js';
-import { AvatarStack } from './chunk-BKP6XCAJ.js';
 import { ArtifactKindGround } from './chunk-NHLNHH4J.js';
 import { Checkbox } from './chunk-PBCNINMB.js';
 import { ArtifactAccessGlyph } from './chunk-DOY3KC6I.js';

package/dist/{chunk-QH6VYJ3X.js → chunk-7CSTEH5I.js}

@@ -1,4 +1,4 @@
-import { MARKDOWN_CALLOUT_TONES, parseMarkdownSpans, markdownInline, markdownCodeText } from './chunk-BAKPMH3S.js';
+import { MARKDOWN_CALLOUT_TONES, parseMarkdownSpans, markdownInline, markdownCodeText } from './chunk-KBZO4B33.js';
 import { Schema, Fragment } from 'prosemirror-model';
 
 function headingTag(level) {

package/dist/{chunk-YGWIWDXE.js → chunk-AB6F5YXX.js}

@@ -1,4 +1,4 @@
-import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
+import { PrincipalAvatar } from './chunk-N2BF272H.js';
 import { toInstant, RelativeTime, formatExact, toISO } from './chunk-EJNJMHQG.js';
 import { Document } from './chunk-BXCL6P5Z.js';
 import { Composer } from './chunk-5OFRDX66.js';

package/dist/{chunk-75S74BBK.js → chunk-B5K2YUD4.js}

@@ -1,4 +1,4 @@
-import { richEditorLabels } from './chunk-CSQTDGTS.js';
+import { richEditorLabels } from './chunk-2DMTW2Y3.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import { Skeleton } from './chunk-BRLZXYPA.js';
 import { Button } from './chunk-DGXZ635L.js';
@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-WZ5L4BI2.js').then(
+  loading ??= import('./Editor-SSCCUK7P.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-BKP6XCAJ.js → chunk-BT3GB7HC.js}

@@ -1,6 +1,6 @@
-import { AVATAR_SIZES, Avatar } from './chunk-PZKHBB7D.js';
+import { AVATAR_SIZES, Avatar } from './chunk-KTIQSSME.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Avatar-FDQSCB7A.css';
+import './Avatar-VJSJGFRG.css';
 import './AvatarStack-7I3P7LCK.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-7SYEOJLP.js → chunk-FXMYDXCI.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ChoiceButtons-Q2ET3I2N.css';
+import './ChoiceButtons-G7XHZKDP.css';
 import { useId } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-SWD4QBL6.js → chunk-GBASM5EV.js}

@@ -1,4 +1,4 @@
-import { readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
+import { readMarkdown, writeMarkdown } from './chunk-7CSTEH5I.js';
 
 // src/RichEditor/roundtrip.ts
 function roundTripMarkdown(markdown) {

package/dist/{chunk-G4QZWVAB.js → chunk-GT2OG2XM.js}

@@ -1,4 +1,4 @@
-import { safeHref } from './chunk-BAKPMH3S.js';
+import { safeHref } from './chunk-KBZO4B33.js';
 import { IconTile } from './chunk-3LI4TRUR.js';
 import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { StatusCard } from './chunk-NTQPJJAN.js';

package/dist/{chunk-SNQRGH4A.js → chunk-I22MUEG7.js}

@@ -1,5 +1,5 @@
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
-import { Avatar } from './chunk-PZKHBB7D.js';
+import { Avatar } from './chunk-KTIQSSME.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { CREWLET_CHARACTERS, CREWLET_CHARACTER_GEOMETRY } from '@crewlethq/icons/characters';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-PZKHBB7D.js → chunk-KTIQSSME.js}

@@ -10,6 +10,7 @@ var AVATAR_STATUS_LABELS = {
   stopped: "stopped"
 };
 var AVATAR_SIZES = { xs: 20, sm: 26, md: 32, lg: 40 };
+var TEXT_FACE_PIXELS = 16;
 var AVATAR_CORNER_RATIO = 0.29;
 var AGENT_WORD = /^agent(?:[\s._-]+)(?=\S)/i;
 function avatarInitialsName(name, kind) {
@@ -38,6 +39,7 @@ var avatarTint = (seed) => {
   return hash % TINT_COUNT;
 };
 function avatarPixels(size) {
+  if (size === "text") return TEXT_FACE_PIXELS;
   return typeof size === "number" ? size : AVATAR_SIZES[size];
 }
 function avatarCorner(pixels) {
@@ -66,9 +68,10 @@ var Avatar = ({
   useEffect(() => {
     setImageFailed(false);
   }, [src]);
-  const step = typeof size === "number" ? null : size;
+  const text = size === "text";
+  const step = typeof size === "number" || text ? null : size;
   const pixels = avatarPixels(size);
-  const measured = step === null ? {
+  const measured = step === null && !text ? {
     "--crewlet-avatar-size": `${pixels}px`,
     fontSize: Math.max(9, Math.round(pixels * 0.36))
   } : {};
@@ -82,6 +85,7 @@ var Avatar = ({
     "crewlet-avatar",
     `crewlet-avatar--${kind}`,
     step === null ? null : `crewlet-avatar--${step}`,
+    text ? "crewlet-avatar--text" : null,
     framed ? "crewlet-avatar--notched" : null,
     ring === void 0 || framed ? null : `crewlet-avatar--ring-${ring}`,
     framed ? null : className
@@ -142,7 +146,11 @@ var Avatar = ({
         role: decorative ? void 0 : "img",
         "aria-hidden": decorative ? true : void 0,
         "aria-label": decorative ? void 0 : spoken,
-        children: icon === void 0 || icon === null ? getInitials(avatarInitialsName(name, kind)) : /* @__PURE__ */ jsx("span", { className: "crewlet-avatar__icon", "aria-hidden": "true", children: icon })
+        children: icon === void 0 || icon === null ? (
+          // A TEXT-SIZED FACE takes the words' size for its box, so its
+          // initials are set apart at a size of their own.
+          text ? /* @__PURE__ */ jsx("span", { className: "crewlet-avatar__initials", children: getInitials(avatarInitialsName(name, kind)) }) : getInitials(avatarInitialsName(name, kind))
+        ) : /* @__PURE__ */ jsx("span", { className: "crewlet-avatar__icon", "aria-hidden": "true", children: icon })
       }
     );
   }
@@ -152,7 +160,7 @@ var Avatar = ({
     "span",
     {
       className: cx("crewlet-avatar-frame", className),
-      style: { "--crewlet-avatar-size": `${pixels}px`, ...style },
+      style: text ? style : { "--crewlet-avatar-size": `${pixels}px`, ...style },
       children: [
         face,
         status !== void 0 ? /* @__PURE__ */ jsx("span", { className: `crewlet-avatar__status crewlet-avatar__status--${status}`, "aria-hidden": "true", children: STATUS_GLYPHS[status] }) : /* @__PURE__ */ jsx("span", { className: "crewlet-avatar__status crewlet-avatar__status--mark", "aria-hidden": "true", children: mark })

package/dist/{chunk-EN4UJQ63.js → chunk-L3OL2WUH.js}

@@ -5,10 +5,10 @@ import { ChangeMark } from './chunk-Z2MZTI3H.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
 import { presenceLabels } from './chunk-Z7JYG5TF.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Tag } from './chunk-I5OIKDX2.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
+import { Tag } from './chunk-I5OIKDX2.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
-import { Avatar } from './chunk-PZKHBB7D.js';
+import { Avatar } from './chunk-KTIQSSME.js';
 import { Menu } from './chunk-OQG4P5KU.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';

package/dist/{chunk-ONQKKHON.js → chunk-LM6VYJTV.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-PZKHBB7D.js';
+import { Avatar } from './chunk-KTIQSSME.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgLabel-R5KY7C3W.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-FWUX3F6Q.js → chunk-MUFBHVCT.js}

@@ -1,6 +1,6 @@
 import { TreeGrid } from './chunk-IL3XLDW7.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
-import { OrgLabel } from './chunk-ONQKKHON.js';
+import { OrgLabel } from './chunk-LM6VYJTV.js';
 import { AddPill } from './chunk-CVKANYHD.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-CI3VPIJN.js → chunk-N2BF272H.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-PZKHBB7D.js';
+import { Avatar } from './chunk-KTIQSSME.js';
 import { UsersGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-MFQPGMJT.js → chunk-NU5RUT7Y.js}

@@ -1,5 +1,5 @@
 import { Combobox } from './chunk-ZUBFVK6B.js';
-import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
+import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-N2BF272H.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PrincipalPicker-P6UYHDJR.css';
 import { useState, useId, useMemo } from 'react';

package/dist/{chunk-DB7UVFOY.js → chunk-OXEOC64K.js}

@@ -1,8 +1,8 @@
 import { HuePicker } from './chunk-AQIFKLXY.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { CharacterPicker } from './chunk-SNQRGH4A.js';
-import { Avatar } from './chunk-PZKHBB7D.js';
+import { CharacterPicker } from './chunk-I22MUEG7.js';
+import { Avatar } from './chunk-KTIQSSME.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AvatarPicker-POOJUOKC.css';
 import { CREWLET_CHARACTER_GEOMETRY, CREWLET_CHARACTERS } from '@crewlethq/icons/characters';

package/dist/{chunk-RUBKDJAQ.js → chunk-OZAZHM55.js}

@@ -1,4 +1,4 @@
-import { OrgLabel } from './chunk-ONQKKHON.js';
+import { OrgLabel } from './chunk-LM6VYJTV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgNode-6OCBAIBK.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-AGLONIVV.js → chunk-PKVWCKS2.js}

@@ -2,7 +2,7 @@ import { Link } from './chunk-QF5UNP4T.js';
 import { Tag } from './chunk-I5OIKDX2.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { EmptyValue } from './chunk-RE3FBGQQ.js';
-import { Avatar } from './chunk-PZKHBB7D.js';
+import { Avatar } from './chunk-KTIQSSME.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TableCells-TKSNLRK3.css';

package/dist/{chunk-73SAOOR5.js → chunk-Q2T4L6ML.js}

@@ -2,7 +2,7 @@ import { Select } from './chunk-VK45YJLH.js';
 import { Modal } from './chunk-C667GCU7.js';
 import { CopyButton } from './chunk-T5GBTXNC.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
+import { PrincipalAvatar } from './chunk-N2BF272H.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Button } from './chunk-DGXZ635L.js';

package/dist/{chunk-6GTTRJWJ.js → chunk-QGWZN3KU.js}

@@ -1,6 +1,6 @@
 import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ColorChip-A5XHTH3J.css';
+import './ColorChip-EYQCUXBV.css';
 import { jsx } from 'react/jsx-runtime';
 
 function ColorChip({ value, size = "xs", shape = "round", className }) {

package/dist/chunk-TWM6G2I2.js

@@ -0,0 +1 @@
+

package/dist/{chunk-56IFLQGF.js → chunk-ZQEJSEPS.js}

@@ -1,4 +1,4 @@
-import { avatarCorner, Avatar } from './chunk-PZKHBB7D.js';
+import { avatarCorner, Avatar } from './chunk-KTIQSSME.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import './ImageUpload-OWI7CCG7.css';
 import { useRef } from 'react';

package/dist/{chunk-SMZPUHBL.js → chunk-ZWXHTXZO.js}

@@ -1,5 +1,5 @@
 import { PRESENCE_LABELS, presenceOrder, collapseSessions } from './chunk-Z7JYG5TF.js';
-import { Avatar } from './chunk-PZKHBB7D.js';
+import { Avatar } from './chunk-KTIQSSME.js';
 import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';

package/dist/generated/index.d.ts

@@ -106,6 +106,7 @@ export * from '../InboxList/index.js';
 export * from '../IndicatorAnchor/index.js';
 export * from '../InlineCode/index.js';
 export * from '../InlineEditor/index.js';
+export * from '../InlineRef/index.js';
 export * from '../Input/index.js';
 export * from '../Kbd/index.js';
 export * from '../KeyChip/index.js';