@crewlethq/ui 0.16.0 → 0.17.0

package/README.md

@@ -198,6 +198,10 @@ places:
 - A surface that pans or zooms dispatches `LAYER_REPOSITION_EVENT` on its host
   when the content beneath it moves, and every panel anchored inside follows.
 
+## Changes in 0.17.0
+
+**`Avatar` takes `mark`**, a glyph on the lower-right corner that says how a principal is present rather than what it is doing: a seat's badge acting through an API token keeps its own initials and wears a key there. It sits in the notch a status uses, drawn quiet in the neutral badge's raised fill, strong hairline and secondary ink, and a `status` wins over it. **`markLabel`** is said after the name by a badge that names itself (`Miles avatar, signed in with an API token`); a decorative one says nothing. A marked badge, like one with a status, is drawn inside a `.crewlet-avatar-frame` and draws no ring. What to change: nothing.
+
 ## Changes in 0.16.0
 
 0.16.0 adds the pieces the engine console's sign-in, Account and People & access screens were drawing on their own, so every one of them is the package's now.

package/dist/Avatar/Avatar.d.ts

@@ -108,6 +108,21 @@ export interface AvatarProps extends HTMLAttributes<HTMLElement> {
     ring?: AvatarRing | undefined;
     /** What the agent is doing, as a corner badge; none is idle. */
     status?: AvatarStatus | undefined;
+    /**
+     * A glyph on the corner saying HOW a principal is present rather than what
+     * it is doing: a person's or a seat's badge acting through an API token
+     * wears a key there, so the face stays theirs and the credential is still
+     * shown. It sits where a status sits, cut into the same notch, in the
+     * neutral badge's raised fill, and a `status` wins over it. A component,
+     * drawn at the corner's own scale.
+     */
+    mark?: ReactNode;
+    /**
+     * What the mark means, said after the name by a badge that names itself
+     * ("Miles avatar, signed in with an API token"). A decorative badge says
+     * nothing, as it says nothing of a status.
+     */
+    markLabel?: string | undefined;
     /**
      * The name is already printed beside this badge, so the badge itself says
      * nothing. Without it a row reads "Carlos Diaz avatar, Carlos Diaz".
@@ -218,4 +233,4 @@ export declare function avatarCorner(pixels: number): number;
  * knowing what colour that ground is. The frame takes the caller's class and
  * style, which is where a layout reaches for the badge.
  */
-export declare const Avatar: ({ src, name, size, kind, tone, ring, status, decorative, colorSeed, character, hue, icon, className, style, ...rest }: AvatarProps) => import("react").JSX.Element;
+export declare const Avatar: ({ src, name, size, kind, tone, ring, status, mark, markLabel, decorative, colorSeed, character, hue, icon, className, style, ...rest }: AvatarProps) => import("react").JSX.Element;

package/dist/Avatar/index.js

@@ -1,3 +1,3 @@
-export { AvatarStack, avatarStackLabel } from '../chunk-UAMDRJD6.js';
-export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarInitialsName, avatarPixels, avatarTint, getInitials } from '../chunk-FY4SP3HF.js';
+export { AvatarStack, avatarStackLabel } from '../chunk-UAN5NE7M.js';
+export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarInitialsName, avatarPixels, avatarTint, getInitials } from '../chunk-5OM447RW.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Avatar-MBUPR5E5.css → Avatar-3C2H2WA4.css}

@@ -339,3 +339,18 @@
 .crewlet-avatar__status--stopped {
   background: var(--color-feedback-danger);
 }
+
+/*
+ * A MARK (`mark`): how a principal is present, not a state, so it is drawn
+ * quiet rather than in a state's fill: the neutral badge's raised rung, its
+ * strong hairline and its secondary ink. The hairline is the corner's own
+ * outline, inset by its width, so it keeps the corner's size and survives
+ * forced colours.
+ */
+.crewlet-avatar__status--mark {
+  padding: 1px;
+  background: var(--color-surface-elevated);
+  outline-color: var(--color-border-strong);
+  outline-offset: -1px;
+  color: var(--color-text-secondary);
+}

package/dist/AvatarPicker/index.js

@@ -1,14 +1,14 @@
-export { AvatarPicker } from '../chunk-FAEN3HYI.js';
+export { AvatarPicker } from '../chunk-HENOTGUV.js';
 import '../chunk-NXDEPUVG.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-26PEPONN.js';
 import '../chunk-4LDTQWS7.js';
 import '../chunk-BWRGFKJP.js';
-import '../chunk-DZ2YR6MV.js';
+import '../chunk-5PSXBL73.js';
 import '../chunk-CBOICT64.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-BZFWDIV6.js';
-import '../chunk-FY4SP3HF.js';
+import '../chunk-5OM447RW.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CharacterPicker/index.js

@@ -1,5 +1,5 @@
 import '../chunk-3L5NHASN.js';
-export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-DZ2YR6MV.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-5PSXBL73.js';
 import '../chunk-CBOICT64.js';
-import '../chunk-FY4SP3HF.js';
+import '../chunk-5OM447RW.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataTable/index.js

@@ -1,10 +1,10 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-EIOTVNYX.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-RF5O4FYL.js';
 import '../chunk-NS7BVLL3.js';
 import '../chunk-EUCC37WY.js';
-import '../chunk-DEEVA6TV.js';
 import '../chunk-75CLJNDQ.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
+import '../chunk-DEEVA6TV.js';
 import '../chunk-4GB57WIT.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';

package/dist/DataView/index.js

@@ -1,15 +1,15 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-5EFRWWGX.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-XU4H6JQB.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-HOXGBLEY.js';
 import '../chunk-PGRPNDWM.js';
-import '../chunk-EIOTVNYX.js';
+import '../chunk-RF5O4FYL.js';
 import '../chunk-NS7BVLL3.js';
 import '../chunk-EUCC37WY.js';
-import '../chunk-DEEVA6TV.js';
 import '../chunk-2UU5IGZI.js';
 import '../chunk-75CLJNDQ.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
+import '../chunk-DEEVA6TV.js';
 import '../chunk-F73MC7EZ.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-4GB57WIT.js';

package/dist/EntityChip/index.js

@@ -1,4 +1,4 @@
-export { EntityChip } from '../chunk-CKB3OHL3.js';
-import '../chunk-UAMDRJD6.js';
-import '../chunk-FY4SP3HF.js';
+export { EntityChip } from '../chunk-4KWOKX2B.js';
+import '../chunk-UAN5NE7M.js';
+import '../chunk-5OM447RW.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ImageUpload/index.js

@@ -1,4 +1,4 @@
-export { ImageUpload } from '../chunk-KLESCRTS.js';
-import '../chunk-UAMDRJD6.js';
-import '../chunk-FY4SP3HF.js';
+export { ImageUpload } from '../chunk-YDBC4DNW.js';
+import '../chunk-UAN5NE7M.js';
+import '../chunk-5OM447RW.js';
 import '../chunk-ODEQTPFM.js';

package/dist/OrgLabel/index.js

@@ -1,4 +1,4 @@
-export { OrgLabel } from '../chunk-6DQWF5Y4.js';
-import '../chunk-UAMDRJD6.js';
-import '../chunk-FY4SP3HF.js';
+export { OrgLabel } from '../chunk-AKEZ3G5V.js';
+import '../chunk-UAN5NE7M.js';
+import '../chunk-5OM447RW.js';
 import '../chunk-ODEQTPFM.js';

package/dist/OrgNode/index.js

@@ -1,5 +1,5 @@
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-CGNQPGJL.js';
-import '../chunk-6DQWF5Y4.js';
-import '../chunk-UAMDRJD6.js';
-import '../chunk-FY4SP3HF.js';
+export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-TBMDMXEX.js';
+import '../chunk-AKEZ3G5V.js';
+import '../chunk-UAN5NE7M.js';
+import '../chunk-5OM447RW.js';
 import '../chunk-ODEQTPFM.js';

package/dist/OrgTable/index.js

@@ -1,13 +1,13 @@
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-OFMPIRGD.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-L4ZLXYPO.js';
 import '../chunk-B2Z2CDM5.js';
 import '../chunk-MY374UUD.js';
-import '../chunk-6DQWF5Y4.js';
+import '../chunk-AKEZ3G5V.js';
 import '../chunk-VYOKRN2I.js';
 import '../chunk-TROLVEZY.js';
 import '../chunk-4FQT6ZAY.js';
-import '../chunk-UAMDRJD6.js';
+import '../chunk-UAN5NE7M.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-BZFWDIV6.js';
-import '../chunk-FY4SP3HF.js';
+import '../chunk-5OM447RW.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-CKB3OHL3.js → chunk-4KWOKX2B.js}

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

package/dist/{chunk-FY4SP3HF.js → chunk-5OM447RW.js}

@@ -51,6 +51,8 @@ var Avatar = ({
   tone = "neutral",
   ring,
   status,
+  mark,
+  markLabel,
   decorative = false,
   colorSeed,
   character,
@@ -71,9 +73,11 @@ var Avatar = ({
     fontSize: Math.max(9, Math.round(pixels * 0.36))
   } : {};
   const seeded = tone === "seeded" ? avatarTint(colorSeed ?? name ?? "") : null;
-  const framed = status !== void 0;
+  const marked = status === void 0 && mark !== void 0 && mark !== null;
+  const framed = status !== void 0 || marked;
+  const corner = status !== void 0 ? AVATAR_STATUS_LABELS[status] : marked ? markLabel : void 0;
   const label = name ? `${name} avatar` : "Avatar";
-  const spoken = framed ? `${label}, ${AVATAR_STATUS_LABELS[status]}` : label;
+  const spoken = corner ? `${label}, ${corner}` : label;
   const classes = cx(
     "crewlet-avatar",
     `crewlet-avatar--${kind}`,
@@ -117,7 +121,7 @@ var Avatar = ({
           className: cx(classes, "crewlet-avatar--image"),
           style: faceStyle,
           src,
-          alt: decorative ? "" : framed ? `${name ?? ""}, ${AVATAR_STATUS_LABELS[status]}` : name ?? "",
+          alt: decorative ? "" : corner ? `${name ?? ""}, ${corner}` : name ?? "",
           "aria-hidden": decorative ? true : void 0,
           onError: () => setImageFailed(true)
         }
@@ -151,7 +155,7 @@ var Avatar = ({
       style: { "--crewlet-avatar-size": `${pixels}px`, ...style },
       children: [
         face,
-        /* @__PURE__ */ jsx("span", { className: `crewlet-avatar__status crewlet-avatar__status--${status}`, "aria-hidden": "true", children: STATUS_GLYPHS[status] })
+        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-DZ2YR6MV.js → chunk-5PSXBL73.js}

@@ -1,5 +1,5 @@
 import { useRoving, tabStop } from './chunk-CBOICT64.js';
-import { Avatar } from './chunk-FY4SP3HF.js';
+import { Avatar } from './chunk-5OM447RW.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-6DQWF5Y4.js → chunk-AKEZ3G5V.js}

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

package/dist/{chunk-FAEN3HYI.js → chunk-HENOTGUV.js}

@@ -1,8 +1,8 @@
 import { HuePicker } from './chunk-NXDEPUVG.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { Popover } from './chunk-BWRGFKJP.js';
-import { CharacterPicker } from './chunk-DZ2YR6MV.js';
-import { Avatar } from './chunk-FY4SP3HF.js';
+import { CharacterPicker } from './chunk-5PSXBL73.js';
+import { Avatar } from './chunk-5OM447RW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AvatarPicker-PREY36MG.css';
 import { CREWLET_CHARACTER_GEOMETRY, CREWLET_CHARACTERS } from '@crewlethq/icons/characters';

package/dist/{chunk-OFMPIRGD.js → chunk-L4ZLXYPO.js}

@@ -1,6 +1,6 @@
 import { TreeGrid } from './chunk-B2Z2CDM5.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
-import { OrgLabel } from './chunk-6DQWF5Y4.js';
+import { OrgLabel } from './chunk-AKEZ3G5V.js';
 import { AddPill } from './chunk-TROLVEZY.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-CGNQPGJL.js → chunk-TBMDMXEX.js}

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

package/dist/{chunk-UAMDRJD6.js → chunk-UAN5NE7M.js}

@@ -1,6 +1,6 @@
-import { AVATAR_SIZES, Avatar } from './chunk-FY4SP3HF.js';
+import { AVATAR_SIZES, Avatar } from './chunk-5OM447RW.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Avatar-MBUPR5E5.css';
+import './Avatar-3C2H2WA4.css';
 import './AvatarStack-GEJBNV7E.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-5EFRWWGX.js → chunk-XU4H6JQB.js}

@@ -1,7 +1,7 @@
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
 import { PageHeader } from './chunk-HOXGBLEY.js';
 import { Toolbar } from './chunk-PGRPNDWM.js';
-import { DataTable } from './chunk-EIOTVNYX.js';
+import { DataTable } from './chunk-RF5O4FYL.js';
 import { Menu } from './chunk-NS7BVLL3.js';
 import { DateTimePicker } from './chunk-2UU5IGZI.js';
 import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';

package/dist/{chunk-KLESCRTS.js → chunk-YDBC4DNW.js}

@@ -1,4 +1,4 @@
-import { avatarCorner, Avatar } from './chunk-FY4SP3HF.js';
+import { avatarCorner, Avatar } from './chunk-5OM447RW.js';
 import './ImageUpload-NVGMN7DP.css';
 import { useRef } from 'react';
 import { CameraGlyph, XGlyph } from '@crewlethq/icons/glyphs';

package/dist/generated/index.js

@@ -9,8 +9,8 @@ export { applyDensity, applyStoredPreferences, applyTheme, resolveTheme, useDens
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-JF7X673Z.js';
 export { Timeline, TimelineItem } from '../chunk-O67VF5MS.js';
 export { ToastProvider, Toaster, useToast } from '../chunk-QH3AKP2N.js';
-export { Switch } from '../chunk-A722MUNR.js';
 export { Switcher } from '../chunk-FA2V2VT6.js';
+export { Switch } from '../chunk-A722MUNR.js';
 export { Table } from '../chunk-V2N3BMOT.js';
 export { TagGroup } from '../chunk-E6UWRXNM.js';
 export { TagsInput } from '../chunk-JCO3SIST.js';
@@ -29,11 +29,11 @@ export { SearchTrigger } from '../chunk-6DRDCT22.js';
 export { Section } from '../chunk-A2UXBCLO.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
 export { FactLine, ObjectHeader, SetByLine } from '../chunk-I7WXZOWA.js';
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-CGNQPGJL.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-OFMPIRGD.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-L4ZLXYPO.js';
 export { TreeGrid } from '../chunk-B2Z2CDM5.js';
 export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from '../chunk-MY374UUD.js';
-export { OrgLabel } from '../chunk-6DQWF5Y4.js';
+export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-TBMDMXEX.js';
+export { OrgLabel } from '../chunk-AKEZ3G5V.js';
 export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
 export { PricingCard } from '../chunk-UCYIRDND.js';
 export { Tag } from '../chunk-LOECRMHA.js';
@@ -54,25 +54,25 @@ export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-5YL
 export { useFullscreen } from '../chunk-XDTYBF2F.js';
 export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
 import '../chunk-EXHQ2QVW.js';
-export { ImageUpload } from '../chunk-KLESCRTS.js';
+export { ImageUpload } from '../chunk-YDBC4DNW.js';
 export { DIFF_LIST_LABELS, DiffList } from '../chunk-LFHCXZO5.js';
 export { Disclosure } from '../chunk-S4RCG44T.js';
 export { Document, DocumentTitle } from '../chunk-WI6K5M5X.js';
 export { DownloadButton } from '../chunk-BJCFNRGH.js';
 export { downloadText, safeFilename, useDownload } from '../chunk-F6NZOVWL.js';
 export { EmptyState } from '../chunk-RA2ULG6H.js';
-export { EntityChip } from '../chunk-CKB3OHL3.js';
+export { EntityChip } from '../chunk-4KWOKX2B.js';
 export { ErrorBoundary } from '../chunk-XX2VQE55.js';
-export { CommandPalette } from '../chunk-PQ63NLFC.js';
+export { ConfirmField, confirmMatches } from '../chunk-CXBAIVYZ.js';
+export { InlineCode } from '../chunk-5CLW2CXT.js';
 export { Container } from '../chunk-QVE4GJAT.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-5EFRWWGX.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-XU4H6JQB.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from '../chunk-3CZ7XAVY.js';
 export { PageHeader } from '../chunk-HOXGBLEY.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-EIOTVNYX.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-RF5O4FYL.js';
 export { Menu } from '../chunk-NS7BVLL3.js';
 export { EMPTY_VALUE, EmptyValue } from '../chunk-EUCC37WY.js';
-export { ConfirmModal, Modal } from '../chunk-DEEVA6TV.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-2UU5IGZI.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-F2XSYBKH.js';
 export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-MLT2HBPN.js';
@@ -84,9 +84,9 @@ export { CopyButton, Copyable } from '../chunk-W46LPU4R.js';
 export { useClipboard, writeClipboard } from '../chunk-STJ7QBC3.js';
 export { useOutcome } from '../chunk-DTIW4CHZ.js';
 export { Combobox } from '../chunk-ZFH7H7GS.js';
+export { CommandPalette } from '../chunk-PQ63NLFC.js';
+export { ConfirmModal, Modal } from '../chunk-DEEVA6TV.js';
 export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from '../chunk-F73MC7EZ.js';
-export { ConfirmField, confirmMatches } from '../chunk-CXBAIVYZ.js';
-export { InlineCode } from '../chunk-5CLW2CXT.js';
 export { COMPOSER_COUNTER_AT, Composer } from '../chunk-6NIMZ5XC.js';
 export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-4GB57WIT.js';
@@ -110,18 +110,18 @@ export { BrandLockup } from '../chunk-7KBNFFM3.js';
 export { Card } from '../chunk-EG6NYWVK.js';
 export { useCardHeaderSlot } from '../chunk-AV2DXAEL.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
-export { AvatarStack, avatarStackLabel } from '../chunk-UAMDRJD6.js';
-export { AvatarPicker } from '../chunk-FAEN3HYI.js';
+export { AvatarStack, avatarStackLabel } from '../chunk-UAN5NE7M.js';
+export { AvatarPicker } from '../chunk-HENOTGUV.js';
 export { HuePicker } from '../chunk-NXDEPUVG.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
 export { SegmentedControl } from '../chunk-26PEPONN.js';
 export { TabPanel, Tabs, tabId } from '../chunk-4LDTQWS7.js';
 export { Popover } from '../chunk-BWRGFKJP.js';
-export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-DZ2YR6MV.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-5PSXBL73.js';
 import '../chunk-CBOICT64.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from '../chunk-HMPFGIWM.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from '../chunk-R25RGPUB.js';
 export { Count } from '../chunk-BHHIIK3M.js';
 export { VisuallyHidden } from '../chunk-BZFWDIV6.js';
-export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarInitialsName, avatarPixels, avatarTint, getInitials } from '../chunk-FY4SP3HF.js';
+export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarInitialsName, avatarPixels, avatarTint, getInitials } from '../chunk-5OM447RW.js';
 export { cx } from '../chunk-ODEQTPFM.js';

package/dist/index.js

@@ -9,8 +9,8 @@ export { applyDensity, applyStoredPreferences, applyTheme, resolveTheme, useDens
 export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-JF7X673Z.js';
 export { Timeline, TimelineItem } from './chunk-O67VF5MS.js';
 export { ToastProvider, Toaster, useToast } from './chunk-QH3AKP2N.js';
-export { Switch } from './chunk-A722MUNR.js';
 export { Switcher } from './chunk-FA2V2VT6.js';
+export { Switch } from './chunk-A722MUNR.js';
 export { Table } from './chunk-V2N3BMOT.js';
 export { TagGroup } from './chunk-E6UWRXNM.js';
 export { TagsInput } from './chunk-JCO3SIST.js';
@@ -29,11 +29,11 @@ export { SearchTrigger } from './chunk-6DRDCT22.js';
 export { Section } from './chunk-A2UXBCLO.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
 export { FactLine, ObjectHeader, SetByLine } from './chunk-I7WXZOWA.js';
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-CGNQPGJL.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-OFMPIRGD.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-L4ZLXYPO.js';
 export { TreeGrid } from './chunk-B2Z2CDM5.js';
 export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from './chunk-MY374UUD.js';
-export { OrgLabel } from './chunk-6DQWF5Y4.js';
+export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-TBMDMXEX.js';
+export { OrgLabel } from './chunk-AKEZ3G5V.js';
 export { Outline, scrollToHeading, useActiveHeading } from './chunk-A5YKNRG6.js';
 export { PricingCard } from './chunk-UCYIRDND.js';
 export { Tag } from './chunk-LOECRMHA.js';
@@ -54,25 +54,25 @@ export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-5YLO
 export { useFullscreen } from './chunk-XDTYBF2F.js';
 export { Highlight, highlightRanges, highlightTerms } from './chunk-H6VKCIWV.js';
 import './chunk-EXHQ2QVW.js';
-export { ImageUpload } from './chunk-KLESCRTS.js';
+export { ImageUpload } from './chunk-YDBC4DNW.js';
 export { DIFF_LIST_LABELS, DiffList } from './chunk-LFHCXZO5.js';
 export { Disclosure } from './chunk-S4RCG44T.js';
 export { Document, DocumentTitle } from './chunk-WI6K5M5X.js';
 export { DownloadButton } from './chunk-BJCFNRGH.js';
 export { downloadText, safeFilename, useDownload } from './chunk-F6NZOVWL.js';
 export { EmptyState } from './chunk-RA2ULG6H.js';
-export { EntityChip } from './chunk-CKB3OHL3.js';
+export { EntityChip } from './chunk-4KWOKX2B.js';
 export { ErrorBoundary } from './chunk-XX2VQE55.js';
-export { CommandPalette } from './chunk-PQ63NLFC.js';
+export { ConfirmField, confirmMatches } from './chunk-CXBAIVYZ.js';
+export { InlineCode } from './chunk-5CLW2CXT.js';
 export { Container } from './chunk-QVE4GJAT.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-5EFRWWGX.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-XU4H6JQB.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from './chunk-3CZ7XAVY.js';
 export { PageHeader } from './chunk-HOXGBLEY.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-PGRPNDWM.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-EIOTVNYX.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-RF5O4FYL.js';
 export { Menu } from './chunk-NS7BVLL3.js';
 export { EMPTY_VALUE, EmptyValue } from './chunk-EUCC37WY.js';
-export { ConfirmModal, Modal } from './chunk-DEEVA6TV.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-2UU5IGZI.js';
 export { DescriptionList, DescriptionListItem } from './chunk-F2XSYBKH.js';
 export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from './chunk-MLT2HBPN.js';
@@ -84,9 +84,9 @@ export { CopyButton, Copyable } from './chunk-W46LPU4R.js';
 export { useClipboard, writeClipboard } from './chunk-STJ7QBC3.js';
 export { useOutcome } from './chunk-DTIW4CHZ.js';
 export { Combobox } from './chunk-ZFH7H7GS.js';
+export { CommandPalette } from './chunk-PQ63NLFC.js';
+export { ConfirmModal, Modal } from './chunk-DEEVA6TV.js';
 export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
-export { ConfirmField, confirmMatches } from './chunk-CXBAIVYZ.js';
-export { InlineCode } from './chunk-5CLW2CXT.js';
 export { COMPOSER_COUNTER_AT, Composer } from './chunk-6NIMZ5XC.js';
 export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from './chunk-4GB57WIT.js';
@@ -110,18 +110,18 @@ export { BrandLockup } from './chunk-7KBNFFM3.js';
 export { Card } from './chunk-EG6NYWVK.js';
 export { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
-export { AvatarStack, avatarStackLabel } from './chunk-UAMDRJD6.js';
-export { AvatarPicker } from './chunk-FAEN3HYI.js';
+export { AvatarStack, avatarStackLabel } from './chunk-UAN5NE7M.js';
+export { AvatarPicker } from './chunk-HENOTGUV.js';
 export { HuePicker } from './chunk-NXDEPUVG.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './chunk-AYKXMIOR.js';
 export { SegmentedControl } from './chunk-26PEPONN.js';
 export { TabPanel, Tabs, tabId } from './chunk-4LDTQWS7.js';
 export { Popover } from './chunk-BWRGFKJP.js';
-export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-DZ2YR6MV.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-5PSXBL73.js';
 import './chunk-CBOICT64.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from './chunk-HMPFGIWM.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from './chunk-R25RGPUB.js';
 export { Count } from './chunk-BHHIIK3M.js';
 export { VisuallyHidden } from './chunk-BZFWDIV6.js';
-export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarInitialsName, avatarPixels, avatarTint, getInitials } from './chunk-FY4SP3HF.js';
+export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarInitialsName, avatarPixels, avatarTint, getInitials } from './chunk-5OM447RW.js';
 export { cx } from './chunk-ODEQTPFM.js';

package/dist/styles.css

@@ -1313,7 +1313,7 @@ a.crewlet-account-row__who:focus-visible {
 }
 
 
-/* Avatar-MBUPR5E5.css */
+/* Avatar-3C2H2WA4.css */
 /*
  * The identity badge.
  *
@@ -1656,6 +1656,21 @@ a.crewlet-account-row__who:focus-visible {
   background: var(--color-feedback-danger);
 }
 
+/*
+ * A MARK (`mark`): how a principal is present, not a state, so it is drawn
+ * quiet rather than in a state's fill: the neutral badge's raised rung, its
+ * strong hairline and its secondary ink. The hairline is the corner's own
+ * outline, inset by its width, so it keeps the corner's size and survives
+ * forced colours.
+ */
+.crewlet-avatar__status--mark {
+  padding: 1px;
+  background: var(--color-surface-elevated);
+  outline-color: var(--color-border-strong);
+  outline-offset: -1px;
+  color: var(--color-text-secondary);
+}
+
 
 /* AvatarPicker-PREY36MG.css */
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.16.0",
-    "@crewlethq/tokens": "0.16.0",
+    "@crewlethq/icons": "0.17.0",
+    "@crewlethq/tokens": "0.17.0",
     "uqr": "0.1.3"
   },
   "peerDependencies": {

package/dist/{chunk-EIOTVNYX.js → chunk-RF5O4FYL.js}

@@ -1,8 +1,8 @@
 import { Menu } from './chunk-NS7BVLL3.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
-import { Modal } from './chunk-DEEVA6TV.js';
 import { Checkbox } from './chunk-75CLJNDQ.js';
 import { useClipboard } from './chunk-STJ7QBC3.js';
+import { Modal } from './chunk-DEEVA6TV.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';