@crewlethq/ui 0.15.0 → 0.15.1

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.15.1
+
+`@crewlethq/icons`: every Crewlet character is centred on its optical centre rather than its bounding box, and its face and holes are cut into its own paths rather than masked, so a slit shows the badge's plate in every hue and theme, and inside `OrgLabel` or `AddPill` no longer fills with ink. The page's fold is drawn at full detail only, as the keyline is. What to change: nothing.
+
 ## Changes in 0.15.0
 
 0.15.0 gives the rail's foot a row that opens a panel, which is what the engine console's engine panel is built from. It also keeps an unread failure on screen, lets the column chart fill a stretched card, and wraps its legend on a narrow one.

package/dist/AddPill/index.js

@@ -1,3 +1,3 @@
-export { ADD_PILL_MS, AddPill } from '../chunk-74WGARJE.js';
+export { ADD_PILL_MS, AddPill } from '../chunk-TROLVEZY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{AddPill-V4TQXJ53.css → AddPill-RYCY56P4.css}

@@ -408,7 +408,9 @@
 /* THE FILL IS FOR A FILLED DRAWING, and a glyph is a stroke. Painting the
    inside of a Lucide glyph turns every closed shape in it solid and every
    open one into a smear, so a `.crewlet-glyph` keeps the fill its own frame
-   decides and takes the ink through its stroke, which is `currentColor`. */
+   decides and takes the ink through its stroke, which is `currentColor`.
+   A drawing here cuts its holes as geometry, never through a mask: this rule
+   repaints a mask's paths and groups as well, and fills its holes with ink. */
 .crewlet-add-pill__section svg:not(.crewlet-glyph),
 .crewlet-add-pill__section svg:not(.crewlet-glyph) g,
 .crewlet-add-pill__section svg:not(.crewlet-glyph) path {

package/dist/Avatar/index.js

@@ -1,3 +1,3 @@
-export { AvatarStack, avatarStackLabel } from '../chunk-6NIZCQUM.js';
+export { AvatarStack, avatarStackLabel } from '../chunk-ZPWUVVIB.js';
 export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarPixels, avatarTint, getInitials } from '../chunk-HI6Q2UXQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Avatar-BPJ36QZR.css → Avatar-I4NFP3WQ.css}

@@ -160,9 +160,9 @@
 
 /*
  * THE CHARACTER FILLS MOST OF THE PLATE, centred by its own frame (it frames
- * every silhouette square on what it draws), with the plate's corner clear of
- * it: a wide character such as the original Crewlet reaches the plate's
- * sides, a tall one its top and its foot, and none touches the curve.
+ * every silhouette square on its optical centre), with the plate's corner
+ * clear of it: a wide character such as the original Crewlet reaches the
+ * plate's sides, a tall one its top and its foot, and none touches the curve.
  */
 .crewlet-avatar--character {
   border: 1px solid transparent;

package/dist/DataTable/index.js

@@ -1,11 +1,11 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-QV266R6G.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-TK6YC5QT.js';
 import '../chunk-NS7BVLL3.js';
 import '../chunk-EUCC37WY.js';
-import '../chunk-K4VORB64.js';
+import '../chunk-YCTMKKRA.js';
 import '../chunk-5VNUYO76.js';
+import '../chunk-K4VORB64.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-YCTMKKRA.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-4FQT6ZAY.js';
 import '../chunk-HMPFGIWM.js';

package/dist/DataView/index.js

@@ -1,20 +1,20 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-2GXTIK37.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-4EOJR52M.js';
 import '../chunk-HOXGBLEY.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-PGRPNDWM.js';
-import '../chunk-QV266R6G.js';
+import '../chunk-TK6YC5QT.js';
 import '../chunk-NS7BVLL3.js';
 import '../chunk-EUCC37WY.js';
-import '../chunk-2UU5IGZI.js';
+import '../chunk-GUHP5JHC.js';
+import '../chunk-YCTMKKRA.js';
+import '../chunk-5VNUYO76.js';
 import '../chunk-K4VORB64.js';
 import '../chunk-F73MC7EZ.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-FTEJPHBI.js';
-import '../chunk-5VNUYO76.js';
-import '../chunk-GXQ3B46I.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-GXQ3B46I.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-YCTMKKRA.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-4FQT6ZAY.js';
 import '../chunk-BWRGFKJP.js';

package/dist/DateTimePicker/index.js

@@ -1,6 +1,6 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-2UU5IGZI.js';
-import '../chunk-GXQ3B46I.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-GUHP5JHC.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-GXQ3B46I.js';
 import '../chunk-4FQT6ZAY.js';
 import '../chunk-BWRGFKJP.js';
 import '../chunk-HMPFGIWM.js';

package/dist/EntityChip/index.js

@@ -1,4 +1,4 @@
 export { EntityChip } from '../chunk-DDTDN5L2.js';
-import '../chunk-6NIZCQUM.js';
+import '../chunk-ZPWUVVIB.js';
 import '../chunk-HI6Q2UXQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ImageUpload/index.js

@@ -1,4 +1,4 @@
 export { ImageUpload } from '../chunk-DJMLHCLD.js';
-import '../chunk-6NIZCQUM.js';
+import '../chunk-ZPWUVVIB.js';
 import '../chunk-HI6Q2UXQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/OrgLabel/index.js

@@ -1,4 +1,4 @@
-export { OrgLabel } from '../chunk-6OF2DBKY.js';
-import '../chunk-6NIZCQUM.js';
+export { OrgLabel } from '../chunk-22M7OXKW.js';
+import '../chunk-ZPWUVVIB.js';
 import '../chunk-HI6Q2UXQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{OrgLabel-6WSKJQOT.css → OrgLabel-R5KY7C3W.css}

@@ -79,7 +79,12 @@
    inside of a Lucide glyph turns every closed shape in it solid and every
    open one into a smear (a person's head and shoulders, a unit's building, a
    warning's triangle, each a blob), so a `.crewlet-glyph` keeps the fill its
-   own frame decides and takes the ink through its stroke. */
+   own frame decides and takes the ink through its stroke.
+
+   A DRAWING HERE CUTS ITS HOLES AS GEOMETRY. This rule repaints every path and
+   group in the zone, a mask's included, so a hole cut by a mask fills with a
+   share of the ink that changes with the hue: every agent's eyes on the chart
+   did, until the Crewlet characters cut their faces into their own paths. */
 .crewlet-org-label__icon svg:not(.crewlet-glyph),
 .crewlet-org-label__icon svg:not(.crewlet-glyph) g,
 .crewlet-org-label__icon svg:not(.crewlet-glyph) path {

package/dist/OrgNode/index.js

@@ -1,5 +1,5 @@
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-IHGKPEEV.js';
-import '../chunk-6OF2DBKY.js';
-import '../chunk-6NIZCQUM.js';
+export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-FY2R4U4Q.js';
+import '../chunk-22M7OXKW.js';
+import '../chunk-ZPWUVVIB.js';
 import '../chunk-HI6Q2UXQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/OrgTable/index.js

@@ -1,11 +1,11 @@
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-DYHSQHAZ.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-YYBD73OI.js';
 import '../chunk-B2Z2CDM5.js';
 import '../chunk-MY374UUD.js';
-import '../chunk-6OF2DBKY.js';
+import '../chunk-22M7OXKW.js';
 import '../chunk-VYOKRN2I.js';
-import '../chunk-74WGARJE.js';
+import '../chunk-TROLVEZY.js';
 import '../chunk-4FQT6ZAY.js';
-import '../chunk-6NIZCQUM.js';
+import '../chunk-ZPWUVVIB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-BZFWDIV6.js';

package/dist/TimeWindowPicker/index.js

@@ -1,9 +1,9 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-7BZPYA5P.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-DY77H372.js';
 import '../chunk-FC4YTTFJ.js';
 import '../chunk-F73MC7EZ.js';
 import '../chunk-FTEJPHBI.js';
-import '../chunk-GXQ3B46I.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-GXQ3B46I.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-4FQT6ZAY.js';
 import '../chunk-BWRGFKJP.js';

package/dist/{chunk-6OF2DBKY.js → chunk-22M7OXKW.js}

@@ -1,6 +1,6 @@
 import { Avatar } from './chunk-HI6Q2UXQ.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './OrgLabel-6WSKJQOT.css';
+import './OrgLabel-R5KY7C3W.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function OrgLabel(props) {

package/dist/{chunk-2GXTIK37.js → chunk-4EOJR52M.js}

@@ -1,9 +1,9 @@
 import { PageHeader } from './chunk-HOXGBLEY.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
 import { Toolbar } from './chunk-PGRPNDWM.js';
-import { DataTable } from './chunk-QV266R6G.js';
+import { DataTable } from './chunk-TK6YC5QT.js';
 import { Menu } from './chunk-NS7BVLL3.js';
-import { DateTimePicker } from './chunk-2UU5IGZI.js';
+import { DateTimePicker } from './chunk-GUHP5JHC.js';
 import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
 import { Kbd } from './chunk-SMBKXWML.js';
 import { Input } from './chunk-FTEJPHBI.js';

package/dist/{chunk-IHGKPEEV.js → chunk-FY2R4U4Q.js}

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

package/dist/{chunk-74WGARJE.js → chunk-TROLVEZY.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './AddPill-V4TQXJ53.css';
+import './AddPill-RYCY56P4.css';
 import { useState, useId, useRef, useCallback, useEffect, Fragment } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-DYHSQHAZ.js → chunk-YYBD73OI.js}

@@ -1,7 +1,7 @@
 import { TreeGrid } from './chunk-B2Z2CDM5.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
-import { OrgLabel } from './chunk-6OF2DBKY.js';
-import { AddPill } from './chunk-74WGARJE.js';
+import { OrgLabel } from './chunk-22M7OXKW.js';
+import { AddPill } from './chunk-TROLVEZY.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgTable-JZSYTUIK.css';

package/dist/{chunk-6NIZCQUM.js → chunk-ZPWUVVIB.js}

@@ -1,6 +1,6 @@
 import { AVATAR_SIZES, Avatar } from './chunk-HI6Q2UXQ.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Avatar-BPJ36QZR.css';
+import './Avatar-I4NFP3WQ.css';
 import './AvatarStack-GEJBNV7E.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/generated/index.js

@@ -11,7 +11,7 @@ export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-SBRE7IML.js';
 export { ThemeToggle } from '../chunk-6TSZCBID.js';
 export { applyDensity, applyStoredPreferences, applyTheme, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-K3OWD7BJ.js';
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-7BZPYA5P.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-DY77H372.js';
 export { StatGroup } from '../chunk-QVAFL2LE.js';
 export { Stepper } from '../chunk-5QWIJSQM.js';
 export { Switch } from '../chunk-A722MUNR.js';
@@ -35,11 +35,11 @@ export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markd
 import '../chunk-VYY56AMX.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-4PZ6FJKW.js';
 export { NewItemsNotice } from '../chunk-PXU6HOZB.js';
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-IHGKPEEV.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-DYHSQHAZ.js';
+export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-FY2R4U4Q.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-YYBD73OI.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-6OF2DBKY.js';
+export { OrgLabel } from '../chunk-22M7OXKW.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
 export { Link } from '../chunk-FBSEJO2C.js';
 export { List, ListItem } from '../chunk-DS2C73RJ.js';
@@ -58,20 +58,23 @@ export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FactList } from '../chunk-JI5AVQLA.js';
 export { Tooltip } from '../chunk-QWOPX2MN.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-5YLON2PW.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-2GXTIK37.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-4EOJR52M.js';
 export { PageHeader } from '../chunk-HOXGBLEY.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from '../chunk-3CZ7XAVY.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-QV266R6G.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-TK6YC5QT.js';
 export { Menu } from '../chunk-NS7BVLL3.js';
 export { EMPTY_VALUE, EmptyValue } from '../chunk-EUCC37WY.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-2UU5IGZI.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-GUHP5JHC.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-F2XSYBKH.js';
 export { DIFF_LIST_LABELS, DiffList } from '../chunk-LFHCXZO5.js';
 export { Disclosure } from '../chunk-S4RCG44T.js';
+export { Checkbox } from '../chunk-YCTMKKRA.js';
 export { ChoiceButtons } from '../chunk-YSJC7AZC.js';
-export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-MLT2HBPN.js';
 export { ChoiceList } from '../chunk-QBXZLGK2.js';
+export { CodeBlock } from '../chunk-KGTQ5CVD.js';
+export { CopyButton, Copyable } from '../chunk-YACKC3K2.js';
+export { useClipboard, writeClipboard } from '../chunk-5VNUYO76.js';
 export { Combobox } from '../chunk-4Y7WKXAW.js';
 export { CommandPalette } from '../chunk-IYZZL3MZ.js';
 export { ConfirmModal, Modal } from '../chunk-K4VORB64.js';
@@ -79,30 +82,27 @@ export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, use
 export { COMPOSER_COUNTER_AT, Composer } from '../chunk-QSLIN64M.js';
 export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-FTEJPHBI.js';
-export { CodeBlock } from '../chunk-KGTQ5CVD.js';
-export { CopyButton, Copyable } from '../chunk-YACKC3K2.js';
-export { useClipboard, writeClipboard } from '../chunk-5VNUYO76.js';
 export { Container } from '../chunk-QVE4GJAT.js';
 export { Breadcrumb } from '../chunk-VWNC2L6W.js';
 export { KeyChip } from '../chunk-FYTIJM2T.js';
-export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Callout } from '../chunk-R6FBDTP3.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-AMH67MLM.js';
 import '../chunk-VYOKRN2I.js';
 export { Button, ButtonLink } from '../chunk-OG6CL3EB.js';
+export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Card } from '../chunk-EG6NYWVK.js';
 export { useCardHeaderSlot } from '../chunk-AV2DXAEL.js';
 import '../chunk-3L5NHASN.js';
-export { Checkbox } from '../chunk-YCTMKKRA.js';
+export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-MLT2HBPN.js';
 export { Accordion, AccordionItem } from '../chunk-G2AVKPSL.js';
 export { DisclosureAnatomy } from '../chunk-ENJUPIND.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
-export { ADD_PILL_MS, AddPill } from '../chunk-74WGARJE.js';
+export { ADD_PILL_MS, AddPill } from '../chunk-TROLVEZY.js';
 export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
 export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-H3XOMT7W.js';
 import '../chunk-IG75YMUN.js';
 export { IconButton } from '../chunk-4FQT6ZAY.js';
-export { AvatarStack, avatarStackLabel } from '../chunk-6NIZCQUM.js';
+export { AvatarStack, avatarStackLabel } from '../chunk-ZPWUVVIB.js';
 export { AvatarPicker } from '../chunk-EFNHOVC2.js';
 export { HuePicker } from '../chunk-NXDEPUVG.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';

package/dist/index.js

@@ -11,7 +11,7 @@ export { ThemeSwatch } from './chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-SBRE7IML.js';
 export { ThemeToggle } from './chunk-6TSZCBID.js';
 export { applyDensity, applyStoredPreferences, applyTheme, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-K3OWD7BJ.js';
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-7BZPYA5P.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-DY77H372.js';
 export { StatGroup } from './chunk-QVAFL2LE.js';
 export { Stepper } from './chunk-5QWIJSQM.js';
 export { Switch } from './chunk-A722MUNR.js';
@@ -35,11 +35,11 @@ export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markd
 import './chunk-VYY56AMX.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-4PZ6FJKW.js';
 export { NewItemsNotice } from './chunk-PXU6HOZB.js';
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-IHGKPEEV.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-DYHSQHAZ.js';
+export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-FY2R4U4Q.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-YYBD73OI.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-6OF2DBKY.js';
+export { OrgLabel } from './chunk-22M7OXKW.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-ZAC7SKUN.js';
 export { Link } from './chunk-FBSEJO2C.js';
 export { List, ListItem } from './chunk-DS2C73RJ.js';
@@ -58,20 +58,23 @@ export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FactList } from './chunk-JI5AVQLA.js';
 export { Tooltip } from './chunk-QWOPX2MN.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-5YLON2PW.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-2GXTIK37.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-4EOJR52M.js';
 export { PageHeader } from './chunk-HOXGBLEY.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from './chunk-3CZ7XAVY.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-PGRPNDWM.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-QV266R6G.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-TK6YC5QT.js';
 export { Menu } from './chunk-NS7BVLL3.js';
 export { EMPTY_VALUE, EmptyValue } from './chunk-EUCC37WY.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-2UU5IGZI.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-GUHP5JHC.js';
 export { DescriptionList, DescriptionListItem } from './chunk-F2XSYBKH.js';
 export { DIFF_LIST_LABELS, DiffList } from './chunk-LFHCXZO5.js';
 export { Disclosure } from './chunk-S4RCG44T.js';
+export { Checkbox } from './chunk-YCTMKKRA.js';
 export { ChoiceButtons } from './chunk-YSJC7AZC.js';
-export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from './chunk-MLT2HBPN.js';
 export { ChoiceList } from './chunk-QBXZLGK2.js';
+export { CodeBlock } from './chunk-KGTQ5CVD.js';
+export { CopyButton, Copyable } from './chunk-YACKC3K2.js';
+export { useClipboard, writeClipboard } from './chunk-5VNUYO76.js';
 export { Combobox } from './chunk-4Y7WKXAW.js';
 export { CommandPalette } from './chunk-IYZZL3MZ.js';
 export { ConfirmModal, Modal } from './chunk-K4VORB64.js';
@@ -79,30 +82,27 @@ export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, use
 export { COMPOSER_COUNTER_AT, Composer } from './chunk-QSLIN64M.js';
 export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from './chunk-FTEJPHBI.js';
-export { CodeBlock } from './chunk-KGTQ5CVD.js';
-export { CopyButton, Copyable } from './chunk-YACKC3K2.js';
-export { useClipboard, writeClipboard } from './chunk-5VNUYO76.js';
 export { Container } from './chunk-QVE4GJAT.js';
 export { Breadcrumb } from './chunk-VWNC2L6W.js';
 export { KeyChip } from './chunk-FYTIJM2T.js';
-export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
 export { Callout } from './chunk-R6FBDTP3.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-AMH67MLM.js';
 import './chunk-VYOKRN2I.js';
 export { Button, ButtonLink } from './chunk-OG6CL3EB.js';
+export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
 export { Card } from './chunk-EG6NYWVK.js';
 export { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
 import './chunk-3L5NHASN.js';
-export { Checkbox } from './chunk-YCTMKKRA.js';
+export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from './chunk-MLT2HBPN.js';
 export { Accordion, AccordionItem } from './chunk-G2AVKPSL.js';
 export { DisclosureAnatomy } from './chunk-ENJUPIND.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
-export { ADD_PILL_MS, AddPill } from './chunk-74WGARJE.js';
+export { ADD_PILL_MS, AddPill } from './chunk-TROLVEZY.js';
 export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
 export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-H3XOMT7W.js';
 import './chunk-IG75YMUN.js';
 export { IconButton } from './chunk-4FQT6ZAY.js';
-export { AvatarStack, avatarStackLabel } from './chunk-6NIZCQUM.js';
+export { AvatarStack, avatarStackLabel } from './chunk-ZPWUVVIB.js';
 export { AvatarPicker } from './chunk-EFNHOVC2.js';
 export { HuePicker } from './chunk-NXDEPUVG.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './chunk-AYKXMIOR.js';

package/dist/styles.css

@@ -88,7 +88,7 @@
 }
 
 
-/* AddPill-V4TQXJ53.css */
+/* AddPill-RYCY56P4.css */
 /*
  * The control that adds a child (AddPill.tsx).
  *
@@ -499,7 +499,9 @@
 /* THE FILL IS FOR A FILLED DRAWING, and a glyph is a stroke. Painting the
    inside of a Lucide glyph turns every closed shape in it solid and every
    open one into a smear, so a `.crewlet-glyph` keeps the fill its own frame
-   decides and takes the ink through its stroke, which is `currentColor`. */
+   decides and takes the ink through its stroke, which is `currentColor`.
+   A drawing here cuts its holes as geometry, never through a mask: this rule
+   repaints a mask's paths and groups as well, and fills its holes with ink. */
 .crewlet-add-pill__section svg:not(.crewlet-glyph),
 .crewlet-add-pill__section svg:not(.crewlet-glyph) g,
 .crewlet-add-pill__section svg:not(.crewlet-glyph) path {
@@ -1161,7 +1163,7 @@
 }
 
 
-/* Avatar-BPJ36QZR.css */
+/* Avatar-I4NFP3WQ.css */
 /*
  * The identity badge.
  *
@@ -1324,9 +1326,9 @@
 
 /*
  * THE CHARACTER FILLS MOST OF THE PLATE, centred by its own frame (it frames
- * every silhouette square on what it draws), with the plate's corner clear of
- * it: a wide character such as the original Crewlet reaches the plate's
- * sides, a tall one its top and its foot, and none touches the curve.
+ * every silhouette square on its optical centre), with the plate's corner
+ * clear of it: a wide character such as the original Crewlet reaches the
+ * plate's sides, a tall one its top and its foot, and none touches the curve.
  */
 .crewlet-avatar--character {
   border: 1px solid transparent;
@@ -12753,7 +12755,7 @@ svg.crewlet-datetime__chevron {
 }
 
 
-/* OrgLabel-6WSKJQOT.css */
+/* OrgLabel-R5KY7C3W.css */
 /*
  * What a node of an org chart and a row of an org table both say
  * (OrgLabel.tsx).
@@ -12835,7 +12837,12 @@ svg.crewlet-datetime__chevron {
    inside of a Lucide glyph turns every closed shape in it solid and every
    open one into a smear (a person's head and shoulders, a unit's building, a
    warning's triangle, each a blob), so a `.crewlet-glyph` keeps the fill its
-   own frame decides and takes the ink through its stroke. */
+   own frame decides and takes the ink through its stroke.
+
+   A DRAWING HERE CUTS ITS HOLES AS GEOMETRY. This rule repaints every path and
+   group in the zone, a mask's included, so a hole cut by a mask fills with a
+   share of the ink that changes with the hue: every agent's eyes on the chart
+   did, until the Crewlet characters cut their faces into their own paths. */
 .crewlet-org-label__icon svg:not(.crewlet-glyph),
 .crewlet-org-label__icon svg:not(.crewlet-glyph) g,
 .crewlet-org-label__icon svg:not(.crewlet-glyph) path {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.15.0",
+  "version": "0.15.1",
   "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.15.0",
-    "@crewlethq/tokens": "0.15.0"
+    "@crewlethq/icons": "0.15.1",
+    "@crewlethq/tokens": "0.15.1"
   },
   "peerDependencies": {
     "react": ">=18",

package/dist/{chunk-7BZPYA5P.js → chunk-DY77H372.js}

@@ -1,7 +1,7 @@
 import { Select } from './chunk-FC4YTTFJ.js';
 import { Input } from './chunk-FTEJPHBI.js';
-import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-GXQ3B46I.js';
 import { Button } from './chunk-OG6CL3EB.js';
+import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-GXQ3B46I.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { Popover } from './chunk-BWRGFKJP.js';
 import { isComposing } from './chunk-R25RGPUB.js';

package/dist/{chunk-2UU5IGZI.js → chunk-GUHP5JHC.js}

@@ -1,5 +1,5 @@
-import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
 import { Button } from './chunk-OG6CL3EB.js';
+import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { Popover } from './chunk-BWRGFKJP.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-QV266R6G.js → chunk-TK6YC5QT.js}

@@ -1,10 +1,10 @@
 import { Menu } from './chunk-NS7BVLL3.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
-import { Modal } from './chunk-K4VORB64.js';
+import { Checkbox } from './chunk-YCTMKKRA.js';
 import { useClipboard } from './chunk-5VNUYO76.js';
+import { Modal } from './chunk-K4VORB64.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { Checkbox } from './chunk-YCTMKKRA.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';