@crewlethq/ui 0.8.1 → 0.9.0

package/dist/generated/index.js

@@ -1,95 +1,101 @@
-import '../chunk-PKIN4IMB.js';
+import '../chunk-YPTC4TX5.js';
+import '../chunk-AER7UDD4.js';
+export { Timeline, TimelineItem } from '../chunk-O67VF5MS.js';
+export { ToastProvider, Toaster, useToast } from '../chunk-UG5ZMAXW.js';
 export { Tooltip } from '../chunk-CQY5NTRS.js';
 export { TreeCanvas } from '../chunk-L7THQMFB.js';
-import '../chunk-IJ7QXNIJ.js';
 export { TagGroup } from '../chunk-E6UWRXNM.js';
-export { TagsInput } from '../chunk-DBUGBINU.js';
+export { TagsInput } from '../chunk-MPXI6FM6.js';
 export { Text } from '../chunk-23DHIMJA.js';
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-RHHGLTXJ.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-X6K6OZ47.js';
 export { ThemeToggle } from '../chunk-ORNOOMVY.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-HVPC2GHY.js';
-export { Timeline, TimelineItem } from '../chunk-O67VF5MS.js';
-export { ToastProvider, Toaster, useToast } from '../chunk-UG5ZMAXW.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-IZHN5I3H.js';
+export { NavGroup, NavItem, SidebarNav } from '../chunk-IVFJD7WY.js';
+export { Skeleton } from '../chunk-W5J7R5EB.js';
 export { StatCard } from '../chunk-IKB6HFGK.js';
 export { StatGroup } from '../chunk-QVAFL2LE.js';
 export { Stepper } from '../chunk-5QWIJSQM.js';
 export { Switch } from '../chunk-A722MUNR.js';
 export { Table } from '../chunk-V2N3BMOT.js';
+export { Prose } from '../chunk-JCSA3XVH.js';
 export { SearchTrigger } from '../chunk-6DRDCT22.js';
 export { Section } from '../chunk-A2UXBCLO.js';
-export { SegmentedControl } from '../chunk-N5KCGFWI.js';
-export { TabPanel, Tabs, tabId } from '../chunk-DRHXRGB6.js';
+import '../chunk-UI6HWAWE.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
 export { Select } from '../chunk-SEFMO2EV.js';
 export { matchesShortcut, useShortcut } from '../chunk-2FPENTCF.js';
-export { NavGroup, NavItem, SidebarNav } from '../chunk-IVFJD7WY.js';
-export { Skeleton } from '../chunk-W5J7R5EB.js';
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-VCOELPCT.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-6SIG5I72.js';
+export { NewItemsNotice } from '../chunk-PXU6HOZB.js';
+export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-K7OS4O2U.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-JB6AN4ZC.js';
 export { TreeGrid } from '../chunk-SX2DFTQV.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-S3BCVWTU.js';
-export { OrgLabel } from '../chunk-B47YUQGM.js';
+export { OrgLabel } from '../chunk-J3IS2TOA.js';
 export { PricingCard } from '../chunk-UCYIRDND.js';
 export { Tag } from '../chunk-LOECRMHA.js';
 export { StatusDot } from '../chunk-WIATRXEJ.js';
-export { Prose } from '../chunk-JCSA3XVH.js';
+export { AutoGrid, Inline, Spacer, Stack } from '../chunk-W4ENKCXJ.js';
 export { Link } from '../chunk-ZPSOF6VL.js';
 export { List, ListItem } from '../chunk-DS2C73RJ.js';
-export { ListInput } from '../chunk-4JHWMJZI.js';
+export { ListInput } from '../chunk-6HXH57BL.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-4PZ6FJKW.js';
-export { NewItemsNotice } from '../chunk-PXU6HOZB.js';
+export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-5YLON2PW.js';
 export { useFullscreen } from '../chunk-XDTYBF2F.js';
-export { ImageUpload } from '../chunk-W4GQWFRX.js';
+export { HuePicker } from '../chunk-26TXVHN2.js';
+export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
+export { SegmentedControl } from '../chunk-LPHHDCN3.js';
+export { TabPanel, Tabs, tabId } from '../chunk-HEOVQZL7.js';
 export { InlineCode } from '../chunk-NN62JQLR.js';
-export { AutoGrid, Inline, Spacer, Stack } from '../chunk-W4ENKCXJ.js';
+export { ImageUpload } from '../chunk-E3HDS4F7.js';
+export { DescriptionList, DescriptionListItem } from '../chunk-XN4JBAN3.js';
 export { DIFF_LIST_LABELS, DiffList } from '../chunk-LFHCXZO5.js';
 export { Disclosure } from '../chunk-MICH6QSJ.js';
 export { EmptyState } from '../chunk-RA2ULG6H.js';
-export { EntityChip } from '../chunk-WSOFKOLP.js';
+export { EntityChip } from '../chunk-Y2V3TSQC.js';
 export { ErrorBoundary } from '../chunk-XX2VQE55.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
-export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-5YLON2PW.js';
-export { CommandPalette } from '../chunk-BXPLX7YU.js';
+export { Combobox } from '../chunk-UYK72NOS.js';
+export { CommandPalette } from '../chunk-IGWPZZIB.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-A3K56LY6.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-EUT7VBQG.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
-export { PageHeader } from '../chunk-HOXGBLEY.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from '../chunk-3CZ7XAVY.js';
+export { PageHeader } from '../chunk-HOXGBLEY.js';
 export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-KTIEJ5Q5.js';
+export { TYPE_AHEAD_WINDOW, useListbox, useOptionKeys } from '../chunk-6MU7HNB4.js';
+export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-ZGX2DP7F.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-CVB7O3SZ.js';
 export { Menu } from '../chunk-LSB3EHBW.js';
 export { EMPTY_VALUE, EmptyValue } from '../chunk-EUCC37WY.js';
 export { ConfirmModal, Modal } from '../chunk-BTHX2FS3.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-5I56UXBJ.js';
 export { Popover } from '../chunk-PDUZO35I.js';
-export { DescriptionList, DescriptionListItem } from '../chunk-XN4JBAN3.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-VE6LD3KM.js';
 import '../chunk-53DVJCVW.js';
 export { Card } from '../chunk-CEOXFO3E.js';
 export { useCardHeaderSlot } from '../chunk-AV2DXAEL.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-IKH3Y4MP.js';
+import '../chunk-CBOICT64.js';
 export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-4WNNEDKO.js';
+export { Checkbox } from '../chunk-YCTMKKRA.js';
 export { CodeBlock } from '../chunk-MORLKUGM.js';
 export { CopyButton, Copyable } from '../chunk-26SCUACK.js';
 export { useClipboard, writeClipboard } from '../chunk-5VNUYO76.js';
-export { Checkbox } from '../chunk-YCTMKKRA.js';
-export { Combobox } from '../chunk-UYK72NOS.js';
-export { TYPE_AHEAD_WINDOW, useListbox, useOptionKeys } from '../chunk-6MU7HNB4.js';
-export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-ZGX2DP7F.js';
 export { Accordion, AccordionItem } from '../chunk-RIAZM6L3.js';
 export { DisclosureAnatomy } from '../chunk-FZVJDJFN.js';
 export { Count } from '../chunk-BHHIIK3M.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
 export { ADD_PILL_MS, AddPill } from '../chunk-74WGARJE.js';
+export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
 export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-OVLJEVQS.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from '../chunk-7RPGY3JE.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from '../chunk-R25RGPUB.js';
 export { IconButton } from '../chunk-4FQT6ZAY.js';
-export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
+export { AvatarStack, avatarStackLabel } from '../chunk-OAH4IEQJ.js';
+export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, Avatar, avatarCorner, avatarPixels, avatarTint, getInitials } from '../chunk-UDW3DAP5.js';
 export { BrandLockup } from '../chunk-7KBNFFM3.js';
-export { AVATAR_CORNER_RATIO, AVATAR_SIZES, Avatar, AvatarStack, avatarCorner, avatarPixels, avatarStackLabel, avatarTint, getInitials } from '../chunk-IA232OTU.js';
 export { Button, ButtonLink } from '../chunk-OG6CL3EB.js';
 export { VisuallyHidden } from '../chunk-BZFWDIV6.js';
 export { cx } from '../chunk-ODEQTPFM.js';

package/dist/index.js

@@ -1,95 +1,101 @@
-import './chunk-PKIN4IMB.js';
+import './chunk-YPTC4TX5.js';
+import './chunk-AER7UDD4.js';
+export { Timeline, TimelineItem } from './chunk-O67VF5MS.js';
+export { ToastProvider, Toaster, useToast } from './chunk-UG5ZMAXW.js';
 export { Tooltip } from './chunk-CQY5NTRS.js';
 export { TreeCanvas } from './chunk-L7THQMFB.js';
-import './chunk-IJ7QXNIJ.js';
 export { TagGroup } from './chunk-E6UWRXNM.js';
-export { TagsInput } from './chunk-DBUGBINU.js';
+export { TagsInput } from './chunk-MPXI6FM6.js';
 export { Text } from './chunk-23DHIMJA.js';
-export { DensitySwitcher, ThemeSwitcher } from './chunk-RHHGLTXJ.js';
+export { DensitySwitcher, ThemeSwitcher } from './chunk-X6K6OZ47.js';
 export { ThemeToggle } from './chunk-ORNOOMVY.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-HVPC2GHY.js';
-export { Timeline, TimelineItem } from './chunk-O67VF5MS.js';
-export { ToastProvider, Toaster, useToast } from './chunk-UG5ZMAXW.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from './chunk-IZHN5I3H.js';
+export { NavGroup, NavItem, SidebarNav } from './chunk-IVFJD7WY.js';
+export { Skeleton } from './chunk-W5J7R5EB.js';
 export { StatCard } from './chunk-IKB6HFGK.js';
 export { StatGroup } from './chunk-QVAFL2LE.js';
 export { Stepper } from './chunk-5QWIJSQM.js';
 export { Switch } from './chunk-A722MUNR.js';
 export { Table } from './chunk-V2N3BMOT.js';
+export { Prose } from './chunk-JCSA3XVH.js';
 export { SearchTrigger } from './chunk-6DRDCT22.js';
 export { Section } from './chunk-A2UXBCLO.js';
-export { SegmentedControl } from './chunk-N5KCGFWI.js';
-export { TabPanel, Tabs, tabId } from './chunk-DRHXRGB6.js';
+import './chunk-UI6HWAWE.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
 export { Select } from './chunk-SEFMO2EV.js';
 export { matchesShortcut, useShortcut } from './chunk-2FPENTCF.js';
-export { NavGroup, NavItem, SidebarNav } from './chunk-IVFJD7WY.js';
-export { Skeleton } from './chunk-W5J7R5EB.js';
-export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-VCOELPCT.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-6SIG5I72.js';
+export { NewItemsNotice } from './chunk-PXU6HOZB.js';
+export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-K7OS4O2U.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-JB6AN4ZC.js';
 export { TreeGrid } from './chunk-SX2DFTQV.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-S3BCVWTU.js';
-export { OrgLabel } from './chunk-B47YUQGM.js';
+export { OrgLabel } from './chunk-J3IS2TOA.js';
 export { PricingCard } from './chunk-UCYIRDND.js';
 export { Tag } from './chunk-LOECRMHA.js';
 export { StatusDot } from './chunk-WIATRXEJ.js';
-export { Prose } from './chunk-JCSA3XVH.js';
+export { AutoGrid, Inline, Spacer, Stack } from './chunk-W4ENKCXJ.js';
 export { Link } from './chunk-ZPSOF6VL.js';
 export { List, ListItem } from './chunk-DS2C73RJ.js';
-export { ListInput } from './chunk-4JHWMJZI.js';
+export { ListInput } from './chunk-6HXH57BL.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-4PZ6FJKW.js';
-export { NewItemsNotice } from './chunk-PXU6HOZB.js';
+export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-5YLON2PW.js';
 export { useFullscreen } from './chunk-XDTYBF2F.js';
-export { ImageUpload } from './chunk-W4GQWFRX.js';
+export { HuePicker } from './chunk-26TXVHN2.js';
+export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './chunk-AYKXMIOR.js';
+export { SegmentedControl } from './chunk-LPHHDCN3.js';
+export { TabPanel, Tabs, tabId } from './chunk-HEOVQZL7.js';
 export { InlineCode } from './chunk-NN62JQLR.js';
-export { AutoGrid, Inline, Spacer, Stack } from './chunk-W4ENKCXJ.js';
+export { ImageUpload } from './chunk-E3HDS4F7.js';
+export { DescriptionList, DescriptionListItem } from './chunk-XN4JBAN3.js';
 export { DIFF_LIST_LABELS, DiffList } from './chunk-LFHCXZO5.js';
 export { Disclosure } from './chunk-MICH6QSJ.js';
 export { EmptyState } from './chunk-RA2ULG6H.js';
-export { EntityChip } from './chunk-WSOFKOLP.js';
+export { EntityChip } from './chunk-Y2V3TSQC.js';
 export { ErrorBoundary } from './chunk-XX2VQE55.js';
 export { Eyebrow } from './chunk-RK4XPHVG.js';
-export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-5YLON2PW.js';
-export { CommandPalette } from './chunk-BXPLX7YU.js';
+export { Combobox } from './chunk-UYK72NOS.js';
+export { CommandPalette } from './chunk-IGWPZZIB.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-A3K56LY6.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-EUT7VBQG.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-PGRPNDWM.js';
-export { PageHeader } from './chunk-HOXGBLEY.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from './chunk-3CZ7XAVY.js';
+export { PageHeader } from './chunk-HOXGBLEY.js';
 export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-KTIEJ5Q5.js';
+export { TYPE_AHEAD_WINDOW, useListbox, useOptionKeys } from './chunk-6MU7HNB4.js';
+export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from './chunk-ZGX2DP7F.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-CVB7O3SZ.js';
 export { Menu } from './chunk-LSB3EHBW.js';
 export { EMPTY_VALUE, EmptyValue } from './chunk-EUCC37WY.js';
 export { ConfirmModal, Modal } from './chunk-BTHX2FS3.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-5I56UXBJ.js';
 export { Popover } from './chunk-PDUZO35I.js';
-export { DescriptionList, DescriptionListItem } from './chunk-XN4JBAN3.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-VE6LD3KM.js';
 import './chunk-53DVJCVW.js';
 export { Card } from './chunk-CEOXFO3E.js';
 export { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-IKH3Y4MP.js';
+import './chunk-CBOICT64.js';
 export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from './chunk-4WNNEDKO.js';
+export { Checkbox } from './chunk-YCTMKKRA.js';
 export { CodeBlock } from './chunk-MORLKUGM.js';
 export { CopyButton, Copyable } from './chunk-26SCUACK.js';
 export { useClipboard, writeClipboard } from './chunk-5VNUYO76.js';
-export { Checkbox } from './chunk-YCTMKKRA.js';
-export { Combobox } from './chunk-UYK72NOS.js';
-export { TYPE_AHEAD_WINDOW, useListbox, useOptionKeys } from './chunk-6MU7HNB4.js';
-export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from './chunk-ZGX2DP7F.js';
 export { Accordion, AccordionItem } from './chunk-RIAZM6L3.js';
 export { DisclosureAnatomy } from './chunk-FZVJDJFN.js';
 export { Count } from './chunk-BHHIIK3M.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
 export { ADD_PILL_MS, AddPill } from './chunk-74WGARJE.js';
+export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
 export { AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from './chunk-OVLJEVQS.js';
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from './chunk-7RPGY3JE.js';
 export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from './chunk-R25RGPUB.js';
 export { IconButton } from './chunk-4FQT6ZAY.js';
-export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
+export { AvatarStack, avatarStackLabel } from './chunk-OAH4IEQJ.js';
+export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, Avatar, avatarCorner, avatarPixels, avatarTint, getInitials } from './chunk-UDW3DAP5.js';
 export { BrandLockup } from './chunk-7KBNFFM3.js';
-export { AVATAR_CORNER_RATIO, AVATAR_SIZES, Avatar, AvatarStack, avatarCorner, avatarPixels, avatarStackLabel, avatarTint, getInitials } from './chunk-IA232OTU.js';
 export { Button, ButtonLink } from './chunk-OG6CL3EB.js';
 export { VisuallyHidden } from './chunk-BZFWDIV6.js';
 export { cx } from './chunk-ODEQTPFM.js';

package/dist/styles.css

@@ -1088,25 +1088,32 @@
 }
 
 
-/* Avatar-XID7Z74C.css */
+/* Avatar-JAU77SHZ.css */
 /*
  * The identity badge.
  *
- * IT IS NEUTRAL, and that is the whole rule. The system this replaces coloured
- * a seat by `PALETTE[hash(name) % 8]`, over the same eight families it also
- * spent on phases and event categories, so one amber meant "the execute
- * phase", "the decision category" and "the Analyst" at once. A hash of a name
- * carries no information: rename the seat and its colour changes, which is the
- * proof it never meant anything. Identity is the OUTLINE (a squircle for an
- * agent, a circle for a person), the monogram and the name.
+ * IT IS NEUTRAL UNLESS SOMEBODY CHOSE OTHERWISE, and a hash never chooses. The
+ * system this replaces coloured a seat by `PALETTE[hash(name) % 8]`, over the
+ * same eight families it also spent on phases and event categories, so one
+ * amber meant "the execute phase", "the decision category" and "the Analyst"
+ * at once. A hash of a name carries no information: rename the seat and its
+ * colour changes, which is the proof it never meant anything. Identity is the
+ * OUTLINE (a squircle for an agent, a circle for a person), the monogram and
+ * the name, and for an agent an operator gave one, its character and its hue.
  *
- * THE ONE HUE A BADGE CARRIES IS A STATE, as a ring round it, and the ring is
- * the component's only coloured line.
+ * THE ONE HUE A BADGE CARRIES AS A LINE IS A STATE, as a ring round it, and the
+ * ring is the component's only coloured line outside its own plate.
  *
  * The seeded tints stay for the one case that earns them, a roster somebody
  * scans, and their grounds are TOKENS: measured under white initials and held
  * at 4.5:1 by the palette suite. Spelled as literals, five of the ten sat
  * under that floor while the suite measured ten values nothing painted with.
+ *
+ * AN AGENT'S OWN HUE IS NOT A HASH. An agent an operator gave a Crewlet
+ * character and a hue is drawn as that character, in that hue, on a plate of
+ * it: the hue was chosen for the seat and survives a rename, which a hash of
+ * the name never did. It is one of the six node hues (`NodeHue`), each a
+ * measured set of steps rather than a colour with alphas applied here.
  */
 
 .crewlet-avatar {
@@ -1238,6 +1245,63 @@
 .crewlet-avatar--tint-8 { background: var(--color-avatar-tint-8); }
 .crewlet-avatar--tint-9 { background: var(--color-avatar-tint-9); }
 
+/* ── an agent's character ─────────────────────────────────────────────── */
+
+/*
+ * 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.
+ */
+.crewlet-avatar--character {
+  border: 1px solid transparent;
+}
+
+.crewlet-avatar__character {
+  display: block;
+  flex: none;
+  width: 74%;
+  height: 74%;
+}
+
+/* The plate an agent's hue is drawn on: the hue's fill, its line round the
+   badge and the hue itself as the character's ink. */
+.crewlet-avatar--hue-purple {
+  background: var(--color-node-purple-fill);
+  border-color: var(--color-node-purple-line);
+  color: var(--color-node-purple);
+}
+
+.crewlet-avatar--hue-cyan {
+  background: var(--color-node-cyan-fill);
+  border-color: var(--color-node-cyan-line);
+  color: var(--color-node-cyan);
+}
+
+.crewlet-avatar--hue-green {
+  background: var(--color-node-green-fill);
+  border-color: var(--color-node-green-line);
+  color: var(--color-node-green);
+}
+
+.crewlet-avatar--hue-amber {
+  background: var(--color-node-amber-fill);
+  border-color: var(--color-node-amber-line);
+  color: var(--color-node-amber);
+}
+
+.crewlet-avatar--hue-rose {
+  background: var(--color-node-rose-fill);
+  border-color: var(--color-node-rose-line);
+  color: var(--color-node-rose);
+}
+
+.crewlet-avatar--hue-blue {
+  background: var(--color-node-blue-fill);
+  border-color: var(--color-node-blue-line);
+  color: var(--color-node-blue);
+}
+
 /* ── the state ring ────────────────────────────────────────────────────── */
 
 /*
@@ -2877,6 +2941,51 @@
 }
 
 
+/* CharacterPicker-ZEYIKUNQ.css */
+/*
+ * The grid of characters.
+ *
+ * SIX COLUMNS, ALWAYS, and the tiles share the width: the arrow keys move a
+ * whole row on Up and Down, so a row has to hold the same options at every
+ * width (`CHARACTER_PICKER_COLUMNS`). A tile is a target the size of the
+ * badge it holds and the gap round it, never smaller than the kit's control
+ * floor.
+ */
+
+.crewlet-character-picker {
+  display: grid;
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+  gap: var(--spacing-1);
+  justify-items: center;
+}
+
+.crewlet-character-picker__option {
+  display: grid;
+  place-items: center;
+  min-width: var(--size-control-lg);
+  min-height: var(--size-control-lg);
+  padding: var(--spacing-1);
+  border: 0;
+  border-radius: var(--radius-md);
+  background: transparent;
+  cursor: pointer;
+}
+
+.crewlet-character-picker__option:hover:not(:disabled) {
+  background: var(--color-surface-hover);
+}
+
+.crewlet-character-picker__option:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: 2px;
+}
+
+.crewlet-character-picker__option:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+
 /* Charts-JUERFLAR.css */
 /* The chart kit: a legend, a ranked bar list, a stacked bar, stacked
    columns, an activity strip, a time series and the reading layer they share. Hand-drawn rather than a charting library, for one reason that
@@ -7978,6 +8087,27 @@ svg.crewlet-datetime__chevron {
 }
 
 
+/* HuePicker-5QIUR6L7.css */
+/*
+ * A hue's swatch: the hue itself, as a dot beside its name. The name carries
+ * the choice; the dot is there so the row can be scanned for a colour.
+ */
+
+.crewlet-hue-picker__swatch {
+  display: block;
+  width: var(--spacing-3);
+  height: var(--spacing-3);
+  border-radius: var(--radius-circle);
+}
+
+.crewlet-hue-picker__swatch--purple { background: var(--color-node-purple); }
+.crewlet-hue-picker__swatch--cyan { background: var(--color-node-cyan); }
+.crewlet-hue-picker__swatch--green { background: var(--color-node-green); }
+.crewlet-hue-picker__swatch--amber { background: var(--color-node-amber); }
+.crewlet-hue-picker__swatch--rose { background: var(--color-node-rose); }
+.crewlet-hue-picker__swatch--blue { background: var(--color-node-blue); }
+
+
 /* IconButton-VYWP6SGW.css */
 /*
  * IconButton: a square icon-only control.

package/dist/utils/index.d.ts

@@ -2,5 +2,7 @@ export { cx } from './cx.js';
 export { useClipboard, writeClipboard } from './useClipboard.js';
 export type { Clipboard, ClipboardOptions, ClipboardState } from './useClipboard.js';
 export type { Tone } from './tone.js';
+export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './nodeHue.js';
+export type { NodeHue } from './nodeHue.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './headingLevel.js';
 export type { HeadingLevel, HeadingLevelProviderProps } from './headingLevel.js';

package/dist/utils/index.js

@@ -1,4 +1,5 @@
-import '../chunk-IJ7QXNIJ.js';
+import '../chunk-AER7UDD4.js';
+export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
 export { useClipboard, writeClipboard } from '../chunk-5VNUYO76.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
 export { cx } from '../chunk-ODEQTPFM.js';

package/dist/utils/nodeHue.d.ts

@@ -0,0 +1,25 @@
+/**
+ * The six hues an entity is told apart by, where an operator has chosen one.
+ *
+ * DECORATIVE AND PER ENTITY, never a series and never a state: two things
+ * sharing a hue say nothing, so the palette is not measured for separability
+ * and nothing owes a legend (`--color-node-*` in the tokens package says the
+ * same). It is what an operator picks for one agent so they can find it
+ * again: on its avatar, on its card in a chart and on its row in a table.
+ *
+ * CHOSEN, NEVER DERIVED. A hue hashed from a name carries no information:
+ * rename the seat and its colour changes, which is the proof it never meant
+ * anything. A hue a person picked survives a rename because it was never
+ * made from one.
+ *
+ * A NAMED SET RATHER THAN A COLOUR. A caller that could hand in any colour
+ * would hand in a literal, and the fill, the border and the ink of a tinted
+ * surface are measured steps of one hue rather than one value with alphas
+ * applied by whoever drew it last.
+ */
+export declare const NODE_HUES: readonly ["purple", "cyan", "green", "amber", "rose", "blue"];
+export type NodeHue = (typeof NODE_HUES)[number];
+/** Each hue's name, for a label: `Cyan`. */
+export declare const NODE_HUE_NAMES: Readonly<Record<NodeHue, string>>;
+/** Whether a value read off the wire names one of the six hues. */
+export declare const isNodeHue: (value: unknown) => value is NodeHue;

package/dist/utils/tone.d.ts

@@ -9,7 +9,10 @@
  * A tone says what a thing IS, never who it is: success, warning, danger and
  * info are states, `brand` is where the reader is, and everything else is
  * neutral. Identity (a seat, a node, a vendor, a tool) takes neutral colour and
- * is carried by its name, its glyph and its position.
+ * is carried by its name, its glyph and its position, with ONE exception that
+ * is not a tone: an agent an operator has given a hue of its own wears it
+ * ([NodeHue] in `nodeHue.ts`), because a hue somebody chose names that agent
+ * the way its name does, where a hue hashed from the name named nothing.
  *
  * So does a CATEGORY. A phase, a unit or a model is neutral with its word, and
  * inside a figure it is a series its legend names, from the data ramp the

package/package.json

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

package/dist/{chunk-4JHWMJZI.js → chunk-6HXH57BL.js}

@@ -1,8 +1,8 @@
 import { Kbd } from './chunk-SMBKXWML.js';
 import { FormField, Textarea, Input } from './chunk-ZGX2DP7F.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import './ListInput-O7LJKOIG.css';
 import { useState, useRef, useLayoutEffect } from 'react';
 import { ArrowUpGlyph, ArrowDownGlyph, XGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-KTIEJ5Q5.js → chunk-CVB7O3SZ.js}

@@ -2,8 +2,8 @@ import { Menu } from './chunk-LSB3EHBW.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
 import { Modal } from './chunk-BTHX2FS3.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { useClipboard } from './chunk-5VNUYO76.js';
 import { Checkbox } from './chunk-YCTMKKRA.js';
+import { useClipboard } from './chunk-5VNUYO76.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-BXPLX7YU.js → chunk-IGWPZZIB.js}

@@ -1,7 +1,7 @@
 import { Kbd } from './chunk-SMBKXWML.js';
-import { Modal } from './chunk-BTHX2FS3.js';
 import { useListbox } from './chunk-6MU7HNB4.js';
 import { Input } from './chunk-ZGX2DP7F.js';
+import { Modal } from './chunk-BTHX2FS3.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-HVPC2GHY.js → chunk-IZHN5I3H.js}

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

package/dist/{chunk-DBUGBINU.js → chunk-MPXI6FM6.js}

@@ -1,8 +1,8 @@
 import { Tag } from './chunk-LOECRMHA.js';
 import { useListbox } from './chunk-6MU7HNB4.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TagsInput-P2HS5QL4.css';
 import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';