@stll/ui 0.67.0 → 0.69.0

package/dist/components/view-toolbar.d.ts

@@ -1,6 +1,10 @@
 import { Button } from "./button.js";
 import { ComponentProps } from "react";
-/** Shared view controls stay compact and scroll horizontally on small screens. */
+/**
+ * Shared view controls stay compact and scroll horizontally on small screens:
+ * the row never grows past its container, so a control past the edge is
+ * scrolled to rather than clipped.
+ */
 export declare const ViewToolbarChrome: ({ className, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 type ViewFilterButtonProps = Omit<ComponentProps<typeof Button>, "children" | "size" | "variant" | "aria-label" | "title"> & {
   label: string;

package/dist/components/view-toolbar.js

@@ -3,9 +3,13 @@ import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { jsx } from "react/jsx-runtime";
 // src/components/view-toolbar.tsx
-/** Shared view controls stay compact and scroll horizontally on small screens. */
+/**
+* Shared view controls stay compact and scroll horizontally on small screens:
+* the row never grows past its container, so a control past the edge is
+* scrolled to rather than clipped.
+*/
 const ViewToolbarChrome = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("flex min-w-0 shrink-0 [scrollbar-width:none] flex-nowrap items-center gap-1 overflow-x-auto px-2 py-1 [-ms-overflow-style:none] md:flex-wrap md:overflow-visible [&::-webkit-scrollbar]:hidden", className),
+	className: cn("flex max-w-full min-w-0 shrink-0 [scrollbar-width:none] flex-nowrap items-center gap-1 overflow-x-auto px-2 py-1 [-ms-overflow-style:none] md:flex-wrap md:overflow-visible [&::-webkit-scrollbar]:hidden", className),
 	...props
 });
 const ViewFilterButton = ({ label, ...props }) => /* @__PURE__ */ jsx(Button, {

package/dist/index.d.ts

@@ -80,7 +80,7 @@ import { ResizeSeparator, Separator, TextSeparator } from "./components/separato
 import { ResourceCalendar, ResourceCalendarColumn, ResourceCalendarEntry, ResourceCalendarEntryTone, ResourceCalendarResource } from "./calendar/resource-calendar.js";
 import { ReviewAuthorAvatar, UNKNOWN_AUTHOR_LABEL } from "./review/review-author-avatar.js";
 import { ReviewCommentAuthor, ReviewCommentCard } from "./review/review-comment-card.js";
-import { ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState } from "./review/review-decision-actions.js";
+import { ReviewDecisionActions, ReviewDecisionEmphasis, ReviewDecisionSize, ReviewDecisionState } from "./review/review-decision-actions.js";
 import { ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, reviewDiffSegmentKeys } from "./review/review-diff-text.js";
 import { ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone } from "./review/review-out-of-date-notice.js";
 import { ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusDot, reviewSeverityTone } from "./review/review-severity-dot.js";
@@ -113,4 +113,4 @@ import { getInitials } from "./lib/initials.js";
 import { useIsMobile } from "./hooks/use-mobile.js";
 import { useLatest } from "./hooks/use-latest.js";
 import { useViewportWidth } from "./hooks/use-viewport-width.js";
-export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, Accordion, AccordionPanel as AccordionContent, AccordionPanel, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AnchoredToastProvider, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator, Avatar, AvatarFallback, AvatarImage, BOARD_DRAG_OVERLAY_Z_INDEX, BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BidiDirection, BidiText, type BidiTextProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BuildKanbanBoardMatrixParams, Button, type ButtonFocusRing, type ButtonPlainShape, type ButtonProps, type ButtonSize, ButtonTextRun, type ButtonVariant, CONTROL_SIZE, CONTROL_SIZES, COPIED_RESET_MS, CalendarCell, CalendarDateRange, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, type ColorPreset, ColorVariants, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, type ControlSize, CopyButton, CopyFeedback, type CreateKanbanDropIntentParams, DEFAULT_PRESETS, DIALOG_MOBILE_LAYOUT, DIALOG_SIZE_CLASS_NAMES, DataTable, type DataTableAriaSort, type DataTableColumn, type DataTableProps, type DataTableRowAction, DatePickerPopover, type DatePickerPopoverProps, DestructiveActionConfirmation, DestructiveConfirmDialog, type DestructiveConfirmDialogProps, type DestructiveConfirmOutcome, DetailsGrid, DetailsItem, type DetailsLabelWidth, type DetailsOrientation, type DetailsVariant, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogFormState, DialogHeader, type DialogLabels, type DialogMobileLayout, DialogPanel, DialogPortal, DialogProvider, type DialogSize, DialogTitle, DialogTrigger, DialogViewport, DirectionalIcon, DiscordLogoIcon, Menu as DropdownMenu, Menu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuPopup, MenuCreateHandle as DropdownMenuCreateHandle, MenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuGroup, MenuItem as DropdownMenuItem, MenuItem, MenuGroupLabel as DropdownMenuLabel, MenuGroupLabel, MenuLinkItem as DropdownMenuLinkItem, MenuLinkItem, MenuPortal as DropdownMenuPortal, MenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuShortcut, MenuSub as DropdownMenuSub, MenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubPopup, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubTrigger, MenuTrigger as DropdownMenuTrigger, MenuTrigger, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileInput, type FileInputProps, Form, type FormErrors, type FormProps, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GitHubLogoIcon, HexColorPicker, type HexColorPickerProps, PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, InlineRenameInput, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, type InspectorDockMount, InspectorEmptyRow, InspectorEntityTab, type InspectorEntityTabInactiveIcon, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_OPTIONS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_BOARD_COLLISION_DETECTION, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_DIRECTIONS, KANBAN_DRAG_OVERLAY_Z_INDEX, KANBAN_HORIZONTAL_EDGES, KANBAN_MOUSE_ACTIVATION_DISTANCE, KANBAN_SORTABLE_ACTIVATION_MODES, KANBAN_STICKY_TOP_VAR, KANBAN_TOUCH_ACTIVATION_CONSTRAINT, KANBAN_VIRTUAL_CELL_PAGINATION, type KanbanBandToggleActivation, type KanbanBoardAxis, type KanbanBoardCell, type KanbanBoardColumn, type KanbanBoardCoordinate, type KanbanBoardDestination, type KanbanBoardLane, type KanbanBoardMatrix, type KanbanBuiltInGroup, type KanbanCardDragPreview, KanbanCardDragSurface, type KanbanCardDragSurfaceProps, type KanbanCardFieldSelection, type KanbanCardSelectionModifiers, KanbanCardShell, type KanbanCardShellProps, KanbanCellAction, type KanbanCellActionProps, type KanbanCellVirtualNavigation, KanbanCollapsedBandCaption, type KanbanCollapsedBandCaptionProps, type KanbanColumnBand, KanbanColumnBandHeader, type KanbanColumnBandHeaderProps, type KanbanColumnBandSpan, KanbanColumnHeader, type KanbanColumnHeaderProps, type KanbanDirection, type KanbanDragCancelEvent, type KanbanDragEndEvent, KanbanDragHandle, type KanbanDragHandleProps, type KanbanDragOverEvent, type KanbanDragStartEvent, type KanbanDropAxisChange, type KanbanDropIntent, type KanbanGroup, type KanbanGroupOption, type KanbanGrouping, type KanbanHorizontalEdge, type KanbanSchema, type KanbanSortableActivationMode, type KanbanSortableBindings, KanbanSortableBoard, type KanbanSortableBoardProps, type KanbanSortableCellPosition, type KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, type KanbanSubgroupBoardProps, type KanbanSubgroupCellContext, type KanbanSubgroupCollapsedBandCellContext, type KanbanSubgroupColumnHeaderContext, type KanbanSubgroupLaneColumnActionContext, type KanbanSubgroupLaneColumnSummaryContext, type KanbanSubgroupLaneIdentityContext, KanbanVirtualCell, type KanbanVirtualCellPagination, type KanbanVirtualCellProps, type KanbanVirtualCellSortableContext, type KanbanVirtualScrollRequest, Kbd, type KbdKey, type KbdKeys, type KbdNamedKey, type KbdNavigator, type KbdPlatform, type KbdProps, type KbdVariant, LEGAL_TEXT_CLASS_NAME, Label, type LabelVariant, List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle, MenuAnchor, MenuPreviewLayout, MenuSection, OUTLINE_CONTROL_MIN_SIZE, OUTLINE_EMPHASIS, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OptionColor, type OrderKanbanCellsByColumnsParams, OutlineEmphasis, OutlineItem, OutlinePortrait, OutlineRail, OutlineRailProps, OverlayLayer, PROPERTY_ROW_GRID, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelTrigger, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCardPrimitive, PreviewPane, Prose, type RegisterKanbanBoardAutoScrollOptions, type RegisterKanbanCardDragOptions, ResizeSeparator, type ResolveKanbanGroupValueParams, type ResolveKanbanGroupingParams, ResourceCalendar, ResourceCalendarColumn, ResourceCalendarEntry, ResourceCalendarEntryTone, ResourceCalendarLaneLayout, ResourceCalendarLanePlacement, ResourceCalendarPlacement, ResourceCalendarResource, ReviewAuthorAvatar, ReviewCommentAuthor, ReviewCommentCard, ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState, ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone, ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusBadge, ReviewStatusDot, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant, SHELL_CHROME_LAYER_CLASS_NAME, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, ScrollArea, ScrollBar, ScrollToTop, ScrollToTopProps, SearchField, type SearchFieldProps, SecretInput, type SecretInputProps, SegmentedIconToggle, Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIdentityButton, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SortDirection, SortableHead, type StatusTone, StellaMark, StellaWordmarkLatin, TOAST_RIGHT_OFFSET_VAR, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, TOOLTIP_OPEN_DELAY_MS, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, Table, type TableAlign, TableBody, TableCaption, TableCell, type TableCellProps, type TableColumnCapabilities, type TableColumnDescriptor, type TableDensity, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableInset, type TableProps, TableRow, type TableSchema, type TableScroll, type TableTone, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextSeparator, Textarea, type TextareaProps, type ToastPosition, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleProps, type ToggleVariant, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipFactTrigger, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextLines, type TruncatedTextProps, TypedCharacterEvent, UNKNOWN_AUTHOR_LABEL, type UseKanbanDropTargetOptions, type UseKanbanSortableOptions, UserText, type WorkspaceCompactNavigation, WorkspaceEndRail, type WorkspaceEndRailChatAction, type WorkspaceEndRailProps, type WorkspaceNavigation, WorkspaceShell, type WorkspaceShellProps, type WorkspaceTopBarContext, XLogoIcon, assertConsecutiveCalendarDates, badgeVariants, buildKanbanBoardMatrix, buttonAccessibleDisabledClass, buttonVariants, cn, composeRefs, containedEventHandler, containedHandler, contentDir, createKanbanDropIntent, duplicateColumnIds, emptyColor, entityTabGlyph, findTableColumn, formVariants, formatKeys, getFirstWeekday, getInitials, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getKanbanHorizontalEdge, getLocaleWeekInfo, getResourceCalendarPlacement, getWeekendDays, hasKanbanColumnBands, hideableColumnIds, isKanbanGroupingRenderable, isStructuredInputType, isTextOverflowing, kanbanKeyboardCoordinates, kbdPlatformOf, layoutResourceCalendarEntries, nextCalendarDate, optionColors, orderKanbanCellsByColumns, outlineEntryText, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, resolveKeyboardWidth, resolveOptionColor, resolveToastUpdateTimeout, reviewDiffSegmentKeys, reviewSeverityTone, selectKanbanCardFieldIds, selectKanbanRows, shouldForceSidebarCollapsed, sidebarIdentityTriggerClassName, sortableColumnIds, stellaToast, stripDirectionalControls, tableColumnIds, tableColumnSizing, toastCountdownMs, toastDedupeId, typedCharacter, useContentDir, useCopiedFeedback, useCopyConfirmation, useDestructiveActionConfirmation, useInspectorPaneWidth, useIsMobile, useKanbanDropTarget, useKanbanSortable, useKanbanSortableSensors, useKbdPlatform, useLatest, useSidebar, useSidebarInlineSize, useSidebarLayout, useViewportWidth, visibleColumnIds, withoutDirectionalControls };
+export { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, Accordion, AccordionPanel as AccordionContent, AccordionPanel, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AnchoredToastProvider, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator, Avatar, AvatarFallback, AvatarImage, BOARD_DRAG_OVERLAY_Z_INDEX, BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BidiDirection, BidiText, type BidiTextProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BuildKanbanBoardMatrixParams, Button, type ButtonFocusRing, type ButtonPlainShape, type ButtonProps, type ButtonSize, ButtonTextRun, type ButtonVariant, CONTROL_SIZE, CONTROL_SIZES, COPIED_RESET_MS, CalendarCell, CalendarDateRange, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, type ColorPreset, ColorVariants, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut, type ControlSize, CopyButton, CopyFeedback, type CreateKanbanDropIntentParams, DEFAULT_PRESETS, DIALOG_MOBILE_LAYOUT, DIALOG_SIZE_CLASS_NAMES, DataTable, type DataTableAriaSort, type DataTableColumn, type DataTableProps, type DataTableRowAction, DatePickerPopover, type DatePickerPopoverProps, DestructiveActionConfirmation, DestructiveConfirmDialog, type DestructiveConfirmDialogProps, type DestructiveConfirmOutcome, DetailsGrid, DetailsItem, type DetailsLabelWidth, type DetailsOrientation, type DetailsVariant, Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogFormState, DialogHeader, type DialogLabels, type DialogMobileLayout, DialogPanel, DialogPortal, DialogProvider, type DialogSize, DialogTitle, DialogTrigger, DialogViewport, DirectionalIcon, DiscordLogoIcon, Menu as DropdownMenu, Menu, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuCheckboxItem, MenuPopup as DropdownMenuContent, MenuPopup, MenuCreateHandle as DropdownMenuCreateHandle, MenuCreateHandle, MenuGroup as DropdownMenuGroup, MenuGroup, MenuItem as DropdownMenuItem, MenuItem, MenuGroupLabel as DropdownMenuLabel, MenuGroupLabel, MenuLinkItem as DropdownMenuLinkItem, MenuLinkItem, MenuPortal as DropdownMenuPortal, MenuPortal, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuShortcut, MenuSub as DropdownMenuSub, MenuSub, MenuSubPopup as DropdownMenuSubContent, MenuSubPopup, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubTrigger, MenuTrigger as DropdownMenuTrigger, MenuTrigger, Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, FileInput, type FileInputProps, Form, type FormErrors, type FormProps, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GitHubLogoIcon, HexColorPicker, type HexColorPickerProps, PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, InlineRenameInput, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, type InspectorDockMount, InspectorEmptyRow, InspectorEntityTab, type InspectorEntityTabInactiveIcon, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_OPTIONS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_BOARD_COLLISION_DETECTION, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_DIRECTIONS, KANBAN_DRAG_OVERLAY_Z_INDEX, KANBAN_HORIZONTAL_EDGES, KANBAN_MOUSE_ACTIVATION_DISTANCE, KANBAN_SORTABLE_ACTIVATION_MODES, KANBAN_STICKY_TOP_VAR, KANBAN_TOUCH_ACTIVATION_CONSTRAINT, KANBAN_VIRTUAL_CELL_PAGINATION, type KanbanBandToggleActivation, type KanbanBoardAxis, type KanbanBoardCell, type KanbanBoardColumn, type KanbanBoardCoordinate, type KanbanBoardDestination, type KanbanBoardLane, type KanbanBoardMatrix, type KanbanBuiltInGroup, type KanbanCardDragPreview, KanbanCardDragSurface, type KanbanCardDragSurfaceProps, type KanbanCardFieldSelection, type KanbanCardSelectionModifiers, KanbanCardShell, type KanbanCardShellProps, KanbanCellAction, type KanbanCellActionProps, type KanbanCellVirtualNavigation, KanbanCollapsedBandCaption, type KanbanCollapsedBandCaptionProps, type KanbanColumnBand, KanbanColumnBandHeader, type KanbanColumnBandHeaderProps, type KanbanColumnBandSpan, KanbanColumnHeader, type KanbanColumnHeaderProps, type KanbanDirection, type KanbanDragCancelEvent, type KanbanDragEndEvent, KanbanDragHandle, type KanbanDragHandleProps, type KanbanDragOverEvent, type KanbanDragStartEvent, type KanbanDropAxisChange, type KanbanDropIntent, type KanbanGroup, type KanbanGroupOption, type KanbanGrouping, type KanbanHorizontalEdge, type KanbanSchema, type KanbanSortableActivationMode, type KanbanSortableBindings, KanbanSortableBoard, type KanbanSortableBoardProps, type KanbanSortableCellPosition, type KanbanSubgroupBandHeaderContext, KanbanSubgroupBoard, type KanbanSubgroupBoardProps, type KanbanSubgroupCellContext, type KanbanSubgroupCollapsedBandCellContext, type KanbanSubgroupColumnHeaderContext, type KanbanSubgroupLaneColumnActionContext, type KanbanSubgroupLaneColumnSummaryContext, type KanbanSubgroupLaneIdentityContext, KanbanVirtualCell, type KanbanVirtualCellPagination, type KanbanVirtualCellProps, type KanbanVirtualCellSortableContext, type KanbanVirtualScrollRequest, Kbd, type KbdKey, type KbdKeys, type KbdNamedKey, type KbdNavigator, type KbdPlatform, type KbdProps, type KbdVariant, LEGAL_TEXT_CLASS_NAME, Label, type LabelVariant, List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle, MenuAnchor, MenuPreviewLayout, MenuSection, OUTLINE_CONTROL_MIN_SIZE, OUTLINE_EMPHASIS, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, OptionColor, type OrderKanbanCellsByColumnsParams, OutlineEmphasis, OutlineItem, OutlinePortrait, OutlineRail, OutlineRailProps, OverlayLayer, PROPERTY_ROW_GRID, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelTrigger, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger, PreviewCardPrimitive, PreviewPane, Prose, type RegisterKanbanBoardAutoScrollOptions, type RegisterKanbanCardDragOptions, ResizeSeparator, type ResolveKanbanGroupValueParams, type ResolveKanbanGroupingParams, ResourceCalendar, ResourceCalendarColumn, ResourceCalendarEntry, ResourceCalendarEntryTone, ResourceCalendarLaneLayout, ResourceCalendarLanePlacement, ResourceCalendarPlacement, ResourceCalendarResource, ReviewAuthorAvatar, ReviewCommentAuthor, ReviewCommentCard, ReviewDecisionActions, ReviewDecisionEmphasis, ReviewDecisionSize, ReviewDecisionState, ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone, ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusBadge, ReviewStatusDot, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant, SHELL_CHROME_LAYER_CLASS_NAME, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, ScrollArea, ScrollBar, ScrollToTop, ScrollToTopProps, SearchField, type SearchFieldProps, SecretInput, type SecretInputProps, SegmentedIconToggle, Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, type SheetSide, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIdentityButton, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SortDirection, SortableHead, type StatusTone, StellaMark, StellaWordmarkLatin, TOAST_RIGHT_OFFSET_VAR, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, TOOLTIP_OPEN_DELAY_MS, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, Table, type TableAlign, TableBody, TableCaption, TableCell, type TableCellProps, type TableColumnCapabilities, type TableColumnDescriptor, type TableDensity, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableInset, type TableProps, TableRow, type TableSchema, type TableScroll, type TableTone, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextSeparator, Textarea, type TextareaProps, type ToastPosition, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleProps, type ToggleVariant, Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipFactTrigger, TooltipProvider, TooltipTrigger, TruncatedText, type TruncatedTextLines, type TruncatedTextProps, TypedCharacterEvent, UNKNOWN_AUTHOR_LABEL, type UseKanbanDropTargetOptions, type UseKanbanSortableOptions, UserText, type WorkspaceCompactNavigation, WorkspaceEndRail, type WorkspaceEndRailChatAction, type WorkspaceEndRailProps, type WorkspaceNavigation, WorkspaceShell, type WorkspaceShellProps, type WorkspaceTopBarContext, XLogoIcon, assertConsecutiveCalendarDates, badgeVariants, buildKanbanBoardMatrix, buttonAccessibleDisabledClass, buttonVariants, cn, composeRefs, containedEventHandler, containedHandler, contentDir, createKanbanDropIntent, duplicateColumnIds, emptyColor, entityTabGlyph, findTableColumn, formVariants, formatKeys, getFirstWeekday, getInitials, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getKanbanHorizontalEdge, getLocaleWeekInfo, getResourceCalendarPlacement, getWeekendDays, hasKanbanColumnBands, hideableColumnIds, isKanbanGroupingRenderable, isStructuredInputType, isTextOverflowing, kanbanKeyboardCoordinates, kbdPlatformOf, layoutResourceCalendarEntries, nextCalendarDate, optionColors, orderKanbanCellsByColumns, outlineEntryText, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, resolveKeyboardWidth, resolveOptionColor, resolveToastUpdateTimeout, reviewDiffSegmentKeys, reviewSeverityTone, selectKanbanCardFieldIds, selectKanbanRows, shouldForceSidebarCollapsed, sidebarIdentityTriggerClassName, sortableColumnIds, stellaToast, stripDirectionalControls, tableColumnIds, tableColumnSizing, toastCountdownMs, toastDedupeId, typedCharacter, useContentDir, useCopiedFeedback, useCopyConfirmation, useDestructiveActionConfirmation, useInspectorPaneWidth, useIsMobile, useKanbanDropTarget, useKanbanSortable, useKanbanSortableSensors, useKbdPlatform, useLatest, useSidebar, useSidebarInlineSize, useSidebarLayout, useViewportWidth, visibleColumnIds, withoutDirectionalControls };

package/dist/index.js

@@ -8,10 +8,10 @@ import { Badge, badgeVariants } from "./components/badge.js";
 import { BidiText, UserText, stripDirectionalControls, withoutDirectionalControls } from "./components/bidi-text.js";
 import { DiscordLogoIcon, GitHubLogoIcon, XLogoIcon } from "./components/brand-icons.js";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/breadcrumb.js";
-import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./inspector/chrome.js";
 import { BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Button, ButtonTextRun, buttonAccessibleDisabledClass, buttonVariants } from "./components/button.js";
 import { Checkbox } from "./components/checkbox.js";
 import { Collapsible, CollapsiblePanel, CollapsibleTrigger } from "./components/collapsible.js";
+import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./inspector/chrome.js";
 import { ColorPicker, ColorPickerContent, DEFAULT_PRESETS } from "./components/color-picker.js";
 import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "./components/combobox.js";
 import { Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut } from "./components/command.js";
@@ -27,9 +27,9 @@ import { DIALOG_MOBILE_LAYOUT, DIALOG_SIZE_CLASS_NAMES, Dialog, DialogBackdrop,
 import { DirectionalIcon } from "./components/directional-icon.js";
 import { Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity } from "./components/field.js";
 import { FileInput } from "./components/file-input.js";
-import { DialogFormState } from "./components/dialog-form-state.js";
 import { Form, formVariants } from "./components/form.js";
 import { Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle } from "./components/frame.js";
+import { DialogFormState } from "./components/dialog-form-state.js";
 import { HexColorPicker } from "./components/hex-color-picker.js";
 import { Input } from "./components/input.js";
 import { InlineRenameInput } from "./components/inline-rename.js";

package/dist/inspector/chrome.d.ts

@@ -46,7 +46,7 @@ export declare const InspectorRailTab: ({ active, className, ...props }: React$1
 export declare const InspectorHeader: ({ className, ...props }: React$1.ComponentProps<"header">) => React$1.JSX.Element;
 export declare const InspectorHeaderText: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
 export declare const InspectorTitle: ({ children, className, ...props }: React$1.ComponentProps<"h2">) => React$1.JSX.Element;
-export declare const InspectorDescription: ({ className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;
+export declare const InspectorDescription: ({ children, className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;
 export declare const InspectorActions: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
 /**
  * Scroll owner for the active tab. Exactly one of these is mounted at a
@@ -68,7 +68,7 @@ export declare const InspectorPropertyList: ({ className, ...props }: React$1.Co
  * an expanded view, not in a taller row.
  */
 export declare const InspectorProperty: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
-export declare const InspectorPropertyLabel: ({ className, ...props }: React$1.ComponentProps<"dt">) => React$1.JSX.Element;
-export declare const InspectorPropertyValue: ({ className, ...props }: React$1.ComponentProps<"dd">) => React$1.JSX.Element;
+export declare const InspectorPropertyLabel: ({ children, className, ...props }: React$1.ComponentProps<"dt">) => React$1.JSX.Element;
+export declare const InspectorPropertyValue: ({ children, className, ...props }: React$1.ComponentProps<"dd">) => React$1.JSX.Element;
 /** Row-height empty state, so an empty list keeps the list's rhythm. */
 export declare const InspectorEmptyRow: ({ className, ...props }: React$1.ComponentProps<"p">) => React$1.JSX.Element;

package/dist/inspector/chrome.js

@@ -1,4 +1,5 @@
 import { withoutDirectionalControls } from "../components/bidi-text.js";
+import { TruncatedText } from "../components/truncated-text.js";
 import { cn } from "../lib/utils.js";
 import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, TOOLBAR_ROW_HEIGHT } from "./layout-tokens.js";
 import { jsx } from "react/jsx-runtime";
@@ -87,18 +88,24 @@ const InspectorHeaderText = ({ className, ...props }) => /* @__PURE__ */ jsx("di
 	"data-slot": "inspector-header-text",
 	...props
 });
-const InspectorTitle = ({ children, className, ...props }) => /* @__PURE__ */ jsx("h2", {
-	className: cn("truncate text-xs font-medium [unicode-bidi:isolate]", className),
+const InspectorTitle = ({ children, className, ...props }) => /* @__PURE__ */ jsx(TruncatedText, {
+	className: cn("text-xs font-medium [unicode-bidi:isolate]", className),
 	"data-slot": "inspector-title",
-	dir: "auto",
-	...props,
-	children: withoutDirectionalControls(children)
-});
-const InspectorDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("p", {
-	className: cn("text-muted-foreground text-2xs truncate [unicode-bidi:isolate]", className),
+	render: /* @__PURE__ */ jsx("h2", {
+		dir: "auto",
+		...props,
+		children: withoutDirectionalControls(children)
+	}),
+	tooltip: withoutDirectionalControls(children)
+});
+const InspectorDescription = ({ children, className, ...props }) => /* @__PURE__ */ jsx(TruncatedText, {
+	className: cn("text-muted-foreground text-2xs [unicode-bidi:isolate]", className),
 	"data-slot": "inspector-description",
-	dir: "auto",
-	...props
+	render: /* @__PURE__ */ jsx("p", {
+		dir: "auto",
+		...props
+	}),
+	children
 });
 const InspectorActions = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("flex shrink-0 items-center gap-1 ps-4", className),
@@ -146,16 +153,20 @@ const InspectorProperty = ({ className, ...props }) => /* @__PURE__ */ jsx("div"
 	"data-slot": "inspector-property",
 	...props
 });
-const InspectorPropertyLabel = ({ className, ...props }) => /* @__PURE__ */ jsx("dt", {
-	className: cn("text-muted-foreground min-w-0 truncate text-sm font-medium", className),
+const InspectorPropertyLabel = ({ children, className, ...props }) => /* @__PURE__ */ jsx(TruncatedText, {
+	className: cn("text-muted-foreground text-sm font-medium", className),
 	"data-slot": "inspector-property-label",
-	...props
+	render: /* @__PURE__ */ jsx("dt", { ...props }),
+	children
 });
-const InspectorPropertyValue = ({ className, ...props }) => /* @__PURE__ */ jsx("dd", {
-	className: cn("min-w-0 truncate text-sm [unicode-bidi:isolate]", className),
+const InspectorPropertyValue = ({ children, className, ...props }) => /* @__PURE__ */ jsx(TruncatedText, {
+	className: cn("text-sm [unicode-bidi:isolate]", className),
 	"data-slot": "inspector-property-value",
-	dir: "auto",
-	...props
+	render: /* @__PURE__ */ jsx("dd", {
+		dir: "auto",
+		...props
+	}),
+	children
 });
 /** Row-height empty state, so an empty list keeps the list's rhythm. */
 const InspectorEmptyRow = ({ className, ...props }) => /* @__PURE__ */ jsx("p", {

package/dist/kanban/column-band-header.js

@@ -1,4 +1,5 @@
 import { DirectionalIcon } from "../components/directional-icon.js";
+import { TruncatedText } from "../components/truncated-text.js";
 import { ChevronDownIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
 import { KANBAN_CHROME_TOGGLE_COARSE_TARGET_CLASS } from "./layout-tokens.js";
@@ -33,8 +34,8 @@ const KanbanColumnBandHeader = ({ title, swatch, meta, collapsed, compact = coll
 		})
 	}), compact ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
 		swatch,
-		/* @__PURE__ */ jsxs("span", {
-			className: "flex min-w-0 flex-1 items-baseline gap-1.5 truncate text-sm font-semibold",
+		/* @__PURE__ */ jsxs(TruncatedText, {
+			className: "flex flex-1 items-baseline gap-1.5 text-sm font-semibold",
 			children: [title, meta !== void 0 && /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground text-xs font-normal tabular-nums",
 				children: meta

package/dist/kanban/column-header.js

@@ -1,3 +1,4 @@
+import { TruncatedText } from "../components/truncated-text.js";
 import { cn } from "../lib/utils.js";
 import "./layout-tokens.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,8 +21,8 @@ const KanbanColumnHeader = ({ swatch, title, meta, calculation, dragHandle, acti
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "sticky start-0 z-10 flex w-fit max-w-full items-center gap-2 bg-inherit",
 				"data-kanban-column-title": "",
-				children: [swatch, /* @__PURE__ */ jsxs("span", {
-					className: "flex min-w-0 flex-1 items-center gap-1.5 truncate text-sm font-medium",
+				children: [swatch, /* @__PURE__ */ jsxs(TruncatedText, {
+					className: "flex flex-1 items-center gap-1.5 text-sm font-medium",
 					children: [title, meta !== void 0 && /* @__PURE__ */ jsx("span", {
 						className: "text-muted-foreground text-xs",
 						children: meta

package/dist/kanban/sticky-lane.js

@@ -1,3 +1,4 @@
+import { TruncatedText } from "../components/truncated-text.js";
 import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/kanban/sticky-lane.tsx
@@ -58,8 +59,8 @@ const resolveKanbanCardStickyTop = ({ pinnedAbove, rowOffset }) => {
 const KanbanCollapsedBandCaption = ({ className, label, meta }) => /* @__PURE__ */ jsxs("div", {
 	className: cn("text-muted-foreground sticky flex w-full flex-col items-center gap-2 self-start py-2 text-xs", KANBAN_STICKY_TOP_CLASS, className),
 	"data-kanban-collapsed-band-caption": "",
-	children: [/* @__PURE__ */ jsx("span", {
-		className: "max-h-40 truncate font-semibold [writing-mode:vertical-rl]",
+	children: [/* @__PURE__ */ jsx(TruncatedText, {
+		className: "max-h-40 font-semibold [writing-mode:vertical-rl]",
 		children: label
 	}), /* @__PURE__ */ jsx("span", {
 		className: "tabular-nums",

package/dist/lib/matter-colors.js

@@ -1,3 +1,4 @@
+import { stableHash } from "./stable-hash.js";
 // src/lib/matter-colors.ts
 const DEFAULT_MATTER_SWATCH = "--option-blue";
 const MATTER_SWATCHES = [
@@ -10,11 +11,7 @@ const MATTER_SWATCHES = [
 	"--option-orange",
 	"--option-teal"
 ];
-const getMatterSwatch = (id) => {
-	let hash = 0;
-	for (let i = 0; i < id.length; i++) hash = Math.imul(hash, 31) + (id.codePointAt(i) ?? 0);
-	return MATTER_SWATCHES[Math.abs(hash) % MATTER_SWATCHES.length] ?? DEFAULT_MATTER_SWATCH;
-};
+const getMatterSwatch = (id) => MATTER_SWATCHES[stableHash(id) % MATTER_SWATCHES.length] ?? DEFAULT_MATTER_SWATCH;
 const getMatterColor = (id) => `var(${getMatterSwatch(id)})`;
 const hexColorPattern = /^#?[0-9A-Fa-f]{6}$/u;
 const toPickerColor = (color) => {

package/dist/lib/stable-hash.d.ts

@@ -0,0 +1,2 @@
+/** A stable, non-negative hash of a key, so one key always picks one swatch. */
+export declare const stableHash: (key: string) => number;

package/dist/lib/stable-hash.js

@@ -0,0 +1,8 @@
+// src/lib/stable-hash.ts
+/** A stable, non-negative hash of a key, so one key always picks one swatch. */
+const stableHash = (key) => {
+	let hash = 0;
+	for (let i = 0; i < key.length; i++) hash = Math.imul(hash, 31) + (key.codePointAt(i) ?? 0);
+	return Math.abs(hash);
+};
+export { stableHash };

package/dist/review/review-comment-card.js

@@ -1,5 +1,6 @@
 import { BidiText } from "../components/bidi-text.js";
 import { Button } from "../components/button.js";
+import { TruncatedText } from "../components/truncated-text.js";
 import { CheckIcon, RotateCcwIcon, Trash2Icon } from "../icons.js";
 import { cn } from "../lib/utils.js";
 import { ReviewAuthorAvatar } from "./review-author-avatar.js";
@@ -23,9 +24,9 @@ const ReviewCommentCard = ({ author, timestamp, formattedTime, body, anchorText,
 			children: [
 				/* @__PURE__ */ jsxs("p", {
 					className: "text-muted-foreground text-2xs flex min-w-0 items-baseline gap-1.5",
-					children: [/* @__PURE__ */ jsx(BidiText, {
-						as: "span",
-						className: "text-foreground-strong-muted truncate font-medium",
+					children: [/* @__PURE__ */ jsx(TruncatedText, {
+						className: "text-foreground-strong-muted font-medium",
+						render: /* @__PURE__ */ jsx(BidiText, { as: "span" }),
 						children: author.name
 					}), /* @__PURE__ */ jsx("time", {
 						className: "shrink-0 tabular-nums",
@@ -38,9 +39,9 @@ const ReviewCommentCard = ({ author, timestamp, formattedTime, body, anchorText,
 					className: "text-foreground text-xs wrap-anywhere",
 					children: body
 				}),
-				anchorText === void 0 || anchorText === "" ? null : /* @__PURE__ */ jsx(BidiText, {
-					as: "p",
-					className: "text-muted-foreground text-2xs mt-0.5 truncate italic",
+				anchorText === void 0 || anchorText === "" ? null : /* @__PURE__ */ jsx(TruncatedText, {
+					className: "text-muted-foreground text-2xs mt-0.5 italic",
+					render: /* @__PURE__ */ jsx(BidiText, { as: "p" }),
 					children: anchorText
 				}),
 				isStale && staleLabel !== void 0 ? /* @__PURE__ */ jsx("p", {

package/dist/review/review-decision-actions.d.ts

@@ -7,6 +7,12 @@ import { ReactNode } from "react";
  */
 export type ReviewDecisionState = "pending" | "accepted" | "rejected" | "dismissed" | "applying";
 export type ReviewDecisionSize = "xs" | "sm";
+/**
+ * How loudly the pair speaks. `primary` fills Accept, for a surface with one
+ * item under review; `quiet` keeps both outlined and ghosted, for a list of
+ * items whose one accent is a batch action such as "Accept all".
+ */
+export type ReviewDecisionEmphasis = "primary" | "quiet";
 type ReviewDecisionActionsProps = {
   state: ReviewDecisionState;
   onAccept?: (() => void) | undefined;
@@ -14,6 +20,7 @@ type ReviewDecisionActionsProps = {
   onRevert?: (() => void) | undefined;
   onReopen?: (() => void) | undefined;
   size?: ReviewDecisionSize;
+  emphasis?: ReviewDecisionEmphasis;
   /** Labels are supplied by the host: this package carries no catalogs. */
   acceptLabel?: ReactNode;
   rejectLabel?: ReactNode;
@@ -26,5 +33,5 @@ type ReviewDecisionActionsProps = {
   className?: string;
 };
 /** Accept / reject / revert / reopen, in one shape, for every review surface. */
-export declare const ReviewDecisionActions: ({ state, onAccept, onReject, onRevert, onReopen, size, acceptLabel, rejectLabel, revertLabel, reopenLabel, acceptTooltip, rejectTooltip, disabled, className }: ReviewDecisionActionsProps) => import("react").JSX.Element | null;
+export declare const ReviewDecisionActions: ({ state, onAccept, onReject, onRevert, onReopen, size, emphasis, acceptLabel, rejectLabel, revertLabel, reopenLabel, acceptTooltip, rejectTooltip, disabled, className }: ReviewDecisionActionsProps) => import("react").JSX.Element | null;
 export {};

package/dist/review/review-decision-actions.js

@@ -4,12 +4,21 @@ import { cn } from "../lib/utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { panic } from "better-result";
 // src/review/review-decision-actions.tsx
+const ACCEPT_VARIANT = {
+	primary: "default",
+	quiet: "outline"
+};
+const REJECT_VARIANT = {
+	primary: "outline",
+	quiet: "ghost"
+};
 /** Accept / reject / revert / reopen, in one shape, for every review surface. */
-const ReviewDecisionActions = ({ state, onAccept, onReject, onRevert, onReopen, size = "sm", acceptLabel, rejectLabel, revertLabel, reopenLabel, acceptTooltip, rejectTooltip, disabled = false, className }) => {
+const ReviewDecisionActions = ({ state, onAccept, onReject, onRevert, onReopen, size = "sm", emphasis = "primary", acceptLabel, rejectLabel, revertLabel, reopenLabel, acceptTooltip, rejectTooltip, disabled = false, className }) => {
 	const controls = renderControls({
 		acceptLabel,
 		acceptTooltip,
 		disabled,
+		emphasis,
 		onAccept,
 		onReject,
 		onReopen,
@@ -28,7 +37,7 @@ const ReviewDecisionActions = ({ state, onAccept, onReject, onRevert, onReopen,
 		children: controls
 	});
 };
-const renderControls = ({ acceptLabel, acceptTooltip, disabled, onAccept, onReject, onReopen, onRevert, rejectLabel, rejectTooltip, reopenLabel, revertLabel, size, state }) => {
+const renderControls = ({ acceptLabel, acceptTooltip, disabled, emphasis, onAccept, onReject, onReopen, onRevert, rejectLabel, rejectTooltip, reopenLabel, revertLabel, size, state }) => {
 	switch (state) {
 		case "pending":
 		case "applying": {
@@ -38,14 +47,14 @@ const renderControls = ({ acceptLabel, acceptTooltip, disabled, onAccept, onReje
 				onClick: onAccept,
 				size,
 				tooltip: acceptTooltip,
-				variant: "default",
+				variant: ACCEPT_VARIANT[emphasis],
 				children: [/* @__PURE__ */ jsx(CheckIcon, {}), acceptLabel]
 			}), onReject === void 0 ? null : /* @__PURE__ */ jsxs(Button, {
 				disabled: inert,
 				onClick: onReject,
 				size,
 				tooltip: rejectTooltip,
-				variant: "outline",
+				variant: REJECT_VARIANT[emphasis],
 				children: [/* @__PURE__ */ jsx(XIcon, {}), rejectLabel]
 			})] });
 		}

package/dist/styles/theme.css

@@ -659,6 +659,30 @@
   --option-empty: color-mix(in oklch, #4c566a 60%, #d8dee9);
 }
 
+/* ---- Topic swatches ----
+ * Time no matter claimed yet, grouped by what it was spent on (a document, a
+ * window, an app). A fixed low chroma, a fraction of the default matter
+ * swatches', and no matter edge where they are drawn, so a topic never reads
+ * as a matter; the hues only tell neighbouring topics apart. Lightness is set
+ * per colour scheme so the tint mixed from it stays readable under text. */
+:root {
+  --topic-sand: oklch(0.68 0.05 80);
+  --topic-sage: oklch(0.68 0.05 150);
+  --topic-mist: oklch(0.68 0.05 220);
+  --topic-heather: oklch(0.68 0.05 320);
+  --topic-clay: oklch(0.68 0.05 40);
+  --topic-slate: oklch(0.68 0.05 265);
+}
+
+.dark {
+  --topic-sand: oklch(0.7 0.05 80);
+  --topic-sage: oklch(0.7 0.05 150);
+  --topic-mist: oklch(0.7 0.05 220);
+  --topic-heather: oklch(0.7 0.05 320);
+  --topic-clay: oklch(0.7 0.05 40);
+  --topic-slate: oklch(0.7 0.05 265);
+}
+
 /* ---- Derived backgrounds and foregrounds: light ---- */
 :root {
   --option-red-bg: color-mix(in srgb, var(--option-red) 12%, var(--background));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/ui",
-  "version": "0.67.0",
+  "version": "0.69.0",
   "description": "Stella's design system: bidi-aware React primitives built on Base UI, the dockable inspector pane, and the Tailwind v4 theme they are styled with.",
   "keywords": [
     "base-ui",
@@ -406,6 +406,14 @@
       "types": "./dist/review/text-mark.d.ts",
       "import": "./dist/review/text-mark.js"
     },
+    "./run-state-mark": {
+      "react-native": {
+        "types": "./dist/components/run-state-mark.native.d.ts",
+        "import": "./dist/components/run-state-mark.native.js"
+      },
+      "types": "./dist/components/run-state-mark.d.ts",
+      "import": "./dist/components/run-state-mark.js"
+    },
     "./scroll-area": {
       "types": "./dist/components/scroll-area.d.ts",
       "import": "./dist/components/scroll-area.js"
@@ -909,8 +917,8 @@
     "test:browser": "playwright test --config playwright.config.ts",
     "pack:check": "cd ../.. && bun scripts/check-published-exports.ts packages/ui",
     "typecheck": "bun check --no-pretty --all --project=tsconfig.json",
-    "lint": "cd ../.. && bun --bun oxlint -c oxlint.config.ts --report-unused-disable-directives-severity=error --type-aware --type-check packages/ui",
-    "lint:fix": "cd ../.. && bun --bun oxlint -c oxlint.config.ts --type-aware --fix packages/ui",
+    "lint": "cd ../.. && bun scripts/lint.ts packages/ui",
+    "lint:fix": "cd ../.. && bun scripts/lint.ts --fix packages/ui",
     "prepack": "bun run build"
   },
   "dependencies": {