@tensor_1/react 2.14.2 → 2.16.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { RefObject, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, CSSProperties, HTMLAttributes, AnchorHTMLAttributes, TdHTMLAttributes, TableHTMLAttributes, ThHTMLAttributes } from 'react';
+import { RefObject, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, HTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, CSSProperties, AnchorHTMLAttributes, DetailsHTMLAttributes, TdHTMLAttributes, TableHTMLAttributes, ThHTMLAttributes } from 'react';
 
 declare function cx(...args: (string | false | null | undefined | 0)[]): string;
 
@@ -268,6 +268,28 @@ interface InputGroupProps {
 }
 declare function InputGroup({ children, leadingIcon, trailingIcon, className }: InputGroupProps): react.JSX.Element;
 
+interface ComboboxOption {
+    value: string;
+    label: string;
+    keywords?: readonly string[];
+    disabled?: boolean;
+}
+declare function filterComboboxOptions(options: readonly ComboboxOption[], query: string): ComboboxOption[];
+
+interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: readonly ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string, option: ComboboxOption) => void;
+    label: string;
+    placeholder?: string;
+    emptyLabel: string;
+    name?: string;
+    disabled?: boolean;
+}
+/** Searchable single-select combobox with keyboard navigation and no framework dependencies. */
+declare function Combobox({ options, value, defaultValue, onValueChange, label, placeholder, emptyLabel, name, disabled, className, ...props }: ComboboxProps): react.JSX.Element;
+
 interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     invalid?: boolean;
 }
@@ -319,8 +341,41 @@ interface ModalProps {
     footer?: ReactNode;
     className?: string;
     style?: CSSProperties;
+    closeLabel?: string;
+    role?: 'dialog' | 'alertdialog';
 }
-declare function Modal({ open, onClose, title, children, footer, className, style }: ModalProps): react.JSX.Element;
+declare function Modal({ open, onClose, title, children, footer, className, style, closeLabel, role }: ModalProps): react.JSX.Element;
+
+interface ConfirmDialogProps {
+    open: boolean;
+    title: ReactNode;
+    description?: ReactNode;
+    confirmLabel: ReactNode;
+    cancelLabel: ReactNode;
+    closeLabel: string;
+    onConfirm: () => void | Promise<void>;
+    onCancel: () => void;
+    pending?: boolean;
+    destructive?: boolean;
+}
+/** Generic confirmation shell. Audit, authorization and compensation policy remain application-owned. */
+declare function ConfirmDialog({ open, title, description, confirmLabel, cancelLabel, closeLabel, onConfirm, onCancel, pending, destructive }: ConfirmDialogProps): react.JSX.Element;
+interface PromptDialogProps {
+    open: boolean;
+    title: ReactNode;
+    description?: ReactNode;
+    inputLabel: string;
+    defaultValue?: string;
+    placeholder?: string;
+    submitLabel: ReactNode;
+    cancelLabel: ReactNode;
+    closeLabel: string;
+    onSubmit: (value: string) => void | Promise<void>;
+    onCancel: () => void;
+    validate?: (value: string) => ReactNode | undefined;
+    pending?: boolean;
+}
+declare function PromptDialog({ open, title, description, inputLabel, defaultValue, placeholder, submitLabel, cancelLabel, closeLabel, onSubmit, onCancel, validate, pending }: PromptDialogProps): react.JSX.Element;
 
 interface DrawerProps {
     open: boolean;
@@ -353,6 +408,29 @@ interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     children?: ReactNode;
 }
 declare function Card({ title, subtitle, headerAction, footer, children, className, ...props }: CardProps): react.JSX.Element;
+interface CardLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'title'> {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    headerAction?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+}
+/** A whole-card anchor with visible hover and keyboard focus affordances. */
+declare function CardLink({ title, subtitle, headerAction, footer, children, className, ...props }: CardLinkProps): react.JSX.Element;
+
+interface BreadcrumbItem {
+    id?: string;
+    label: ReactNode;
+    href?: string;
+    current?: boolean;
+}
+interface BreadcrumbsProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    items: readonly BreadcrumbItem[];
+    label: string;
+    separator?: ReactNode;
+}
+/** Framework-neutral breadcrumb navigation. Route adapters can replace anchors at the application seam. */
+declare function Breadcrumbs({ items, label, separator, className, ...props }: BreadcrumbsProps): react.JSX.Element;
 
 interface PageHeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
     eyebrow?: ReactNode;
@@ -380,6 +458,64 @@ interface DetailLayoutProps extends HTMLAttributes<HTMLDivElement> {
  */
 declare function DetailLayout({ side, children, className, ...props }: DetailLayoutProps): react.JSX.Element;
 
+interface DetailPageTab {
+    id: string;
+    label: ReactNode;
+    href: string;
+    active?: boolean;
+}
+interface DetailPageMetric {
+    id: string;
+    label: ReactNode;
+    value: ReactNode;
+}
+interface DetailPageProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    back?: {
+        href: string;
+        label: ReactNode;
+    };
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    subtitle?: ReactNode;
+    actions?: ReactNode;
+    tabs?: readonly DetailPageTab[];
+    metrics?: readonly DetailPageMetric[];
+    side?: ReactNode;
+    children?: ReactNode;
+    tabsLabel?: string;
+}
+/** Framework-neutral record-detail scaffold; routing and data policy stay with the application. */
+declare function DetailPage({ back, eyebrow, title, subtitle, actions, tabs, metrics, side, children, tabsLabel, className, ...props }: DetailPageProps): react.JSX.Element;
+
+interface RelatedLinkItem {
+    id: string;
+    label: ReactNode;
+    href: string;
+    meta?: ReactNode;
+}
+interface RelatedLinksProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'children'> {
+    title?: ReactNode;
+    items: readonly RelatedLinkItem[];
+}
+declare function RelatedLinks({ title, items, className, ...props }: RelatedLinksProps): react.JSX.Element;
+
+interface ToggleRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    label: ReactNode;
+    description?: ReactNode;
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+    accessibleLabel: string;
+}
+declare function ToggleRow({ label, description, checked, onCheckedChange, disabled, accessibleLabel, className, ...props }: ToggleRowProps): react.JSX.Element;
+
+interface CollapsibleSectionProps extends Omit<DetailsHTMLAttributes<HTMLDetailsElement>, 'title'> {
+    title: ReactNode;
+    summary?: ReactNode;
+    children?: ReactNode;
+}
+declare function CollapsibleSection({ title, summary, children, className, ...props }: CollapsibleSectionProps): react.JSX.Element;
+
 interface ListProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
@@ -478,12 +614,15 @@ declare function AppShell({ nav, collapsed, focus, onExitFocus, mainBleed, sideb
 
 interface SidebarProps extends HTMLAttributes<HTMLElement> {
     collapsed?: boolean;
+    nav?: 'full' | 'rail';
     onToggle?: () => void;
     brand?: ReactNode;
     toggleIcon?: ReactNode;
     children?: ReactNode;
+    expandLabel?: string;
+    collapseLabel?: string;
 }
-declare function Sidebar({ collapsed, onToggle, brand, toggleIcon, children, className, ...props }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ collapsed, nav, onToggle, brand, toggleIcon, children, expandLabel, collapseLabel, className, ...props }: SidebarProps): react.JSX.Element;
 interface SidebarSectionProps {
     label?: string;
     children?: ReactNode;
@@ -502,8 +641,10 @@ interface NavGroupProps {
     label: ReactNode;
     children?: ReactNode;
     defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
 }
-declare function NavGroup({ icon, label, children, defaultExpanded }: NavGroupProps): react.JSX.Element;
+declare function NavGroup({ icon, label, children, defaultExpanded, expanded: controlledExpanded, onExpandedChange }: NavGroupProps): react.JSX.Element;
 interface SubNavItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     active?: boolean;
     as?: 'a' | 'button';
@@ -768,6 +909,7 @@ interface TooltipProps extends HTMLAttributes<HTMLSpanElement> {
  */
 declare function Tooltip({ label, placement, className, children, ...props }: TooltipProps): react.JSX.Element;
 
+type StateVariant = 'section' | 'inline' | 'drawer' | 'page' | 'full-page';
 interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     icon?: ReactNode;
     title?: ReactNode;
@@ -775,9 +917,11 @@ interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     children?: ReactNode;
     /** Primary action (e.g. a Button) shown under the body. */
     action?: ReactNode;
+    /** Layout context changes spacing without changing semantics. */
+    variant?: StateVariant;
 }
 /** Centered empty state over `.uix-empty`. */
-declare function EmptyState({ icon, title, children, action, className, ...props }: EmptyStateProps): react.JSX.Element;
+declare function EmptyState({ icon, title, children, action, variant, className, ...props }: EmptyStateProps): react.JSX.Element;
 interface ErrorStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     icon?: ReactNode;
     title?: ReactNode;
@@ -785,9 +929,23 @@ interface ErrorStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     detail?: ReactNode;
     /** Recovery action (e.g. a Retry Button). */
     action?: ReactNode;
+    variant?: StateVariant;
 }
 /** Error state over `.uix-empty` with a danger-toned icon; `role="alert"`. */
-declare function ErrorState({ icon, title, detail, action, className, ...props }: ErrorStateProps): react.JSX.Element;
+declare function ErrorState({ icon, title, detail, action, variant, className, ...props }: ErrorStateProps): react.JSX.Element;
+interface AccessStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    icon?: ReactNode;
+    title?: ReactNode;
+    detail?: ReactNode;
+    action?: ReactNode;
+    variant?: StateVariant;
+}
+/** Permission-denied state. Copy and recovery controls stay application-owned. */
+declare function ForbiddenState({ icon, title, detail, action, variant, className, ...props }: AccessStateProps): react.JSX.Element;
+/** Not-found state. Copy and navigation remain application-owned. */
+declare function NotFoundState({ icon, title, detail, action, variant, className, ...props }: AccessStateProps): react.JSX.Element;
+/** Empty-result state for an active search or filter, kept distinct for analytics and recovery copy. */
+declare function FilteredEmptyState(props: EmptyStateProps): react.JSX.Element;
 interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
     variant?: 'block' | 'text' | 'circle';
     width?: number | string;
@@ -798,9 +956,50 @@ declare function Skeleton({ variant, width, height, className, style, ...props }
 interface LoadingStateProps extends HTMLAttributes<HTMLDivElement> {
     /** Number of skeleton rows to render. */
     rows?: number;
+    density?: 'compact' | 'comfortable';
+    label?: string;
 }
 /** A stack of skeleton rows for list/section loading. `role="status"`. */
-declare function LoadingState({ rows, className, ...props }: LoadingStateProps): react.JSX.Element;
+declare function LoadingState({ rows, density, label, className, ...props }: LoadingStateProps): react.JSX.Element;
+
+interface RelativeTimeFormatContext {
+    date: Date;
+    now: Date;
+    locale?: string | readonly string[];
+    timeZone?: string;
+}
+interface RelativeTimeProps extends Omit<HTMLAttributes<HTMLTimeElement>, 'children' | 'dateTime'> {
+    value: Date | number | string;
+    now?: Date | number;
+    locale?: string | readonly string[];
+    timeZone?: string;
+    numeric?: Intl.RelativeTimeFormatNumeric;
+    invalidLabel?: ReactNode;
+    refreshInterval?: number | false;
+    formatter?: (context: RelativeTimeFormatContext) => ReactNode;
+}
+/** Locale-aware relative time with deterministic `now` support for SSR and tests. */
+declare function RelativeTime({ value, now, locale, timeZone, numeric, invalidLabel, refreshInterval, formatter, title, ...props }: RelativeTimeProps): react.JSX.Element;
+
+type RelativeTimeUnit = 'second' | 'minute' | 'hour' | 'day';
+interface RelativeTimeValue {
+    value: number;
+    unit: RelativeTimeUnit;
+}
+declare function parseDateValue(value: Date | number | string): Date | null;
+declare function relativeTimeValue(date: Date, now: Date): RelativeTimeValue;
+
+type AsyncOperationState = 'queued' | 'running' | 'complete' | 'failed';
+interface AsyncOperationStatusProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    state: AsyncOperationState;
+    title: ReactNode;
+    statusLabel: ReactNode;
+    description?: ReactNode;
+    progress?: number;
+    progressLabel?: string;
+    action?: ReactNode;
+}
+declare function AsyncOperationStatus({ state, title, statusLabel, description, progress, progressLabel, action, className, ...props }: AsyncOperationStatusProps): react.JSX.Element;
 
 interface LabelProps extends HTMLAttributes<HTMLSpanElement> {
     /** Any CSS color or a `--uix-chart-*` var; sets `--label-color`. */
@@ -894,6 +1093,79 @@ interface SegmentedOptionProps extends Omit<ButtonHTMLAttributes<HTMLButtonEleme
  */
 declare function SegmentedOption({ value, children, className, onClick, ...props }: SegmentedOptionProps): react.JSX.Element;
 
+interface ViewMenuColumn {
+    id: string;
+    label: ReactNode;
+    visible: boolean;
+    disabled?: boolean;
+}
+interface ViewMenuProps {
+    density: string;
+    densityLabel: ReactNode;
+    densityOptions: readonly {
+        value: string;
+        label: ReactNode;
+    }[];
+    onDensityChange: (value: string) => void;
+    zebra?: {
+        checked: boolean;
+        label: ReactNode;
+        onChange: (checked: boolean) => void;
+    };
+    freeze?: {
+        checked: boolean;
+        label: ReactNode;
+        onChange: (checked: boolean) => void;
+    };
+    columns?: readonly ViewMenuColumn[];
+    columnsLabel?: ReactNode;
+    onColumnVisibilityChange?: (id: string, visible: boolean) => void;
+}
+/** Controlled table presentation menu; wrap it with Popover when trigger behavior is needed. */
+declare function ViewMenu({ density, densityLabel, densityOptions, onDensityChange, zebra, freeze, columns, columnsLabel, onColumnVisibilityChange }: ViewMenuProps): react.JSX.Element;
+interface FilterOption {
+    value: string;
+    label: string;
+}
+interface FilterPopoverProps {
+    label: ReactNode;
+    type?: 'text' | 'number' | 'date' | 'select' | 'enum' | 'boolean';
+    value: string;
+    onValueChange: (value: string) => void;
+    options?: readonly FilterOption[];
+    applyLabel: ReactNode;
+    clearLabel: ReactNode;
+    onApply: () => void;
+    onClear: () => void;
+    placeholder?: string;
+}
+/** Controlled filter editor content; applications own query serialization and the popover trigger. */
+declare function FilterPopover({ label, type, value, onValueChange, options, applyLabel, clearLabel, onApply, onClear, placeholder }: FilterPopoverProps): react.JSX.Element;
+interface SavedViewItem {
+    id: string;
+    label: ReactNode;
+    active?: boolean;
+    pinned?: boolean;
+}
+interface SavedViewMenuBaseProps {
+    items: readonly SavedViewItem[];
+    onSelect: (id: string) => void;
+    emptyLabel?: ReactNode;
+    actions?: (item: SavedViewItem) => ReactNode;
+    footer?: ReactNode;
+}
+type SavedViewMenuProps = SavedViewMenuBaseProps & ({
+    onPinChange: (id: string, pinned: boolean) => void;
+    pinLabel: string;
+    unpinLabel: string;
+} | {
+    onPinChange?: undefined;
+    pinLabel?: never;
+    unpinLabel?: never;
+});
+/** Generic saved-view selector. Persistence, ownership and authorization remain application concerns. */
+declare function SavedViewMenu({ items, onSelect, onPinChange, pinLabel, unpinLabel, emptyLabel, actions, footer }: SavedViewMenuProps): react.JSX.Element;
+
 interface TimelineProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
@@ -912,6 +1184,49 @@ interface TimelineItemProps extends HTMLAttributes<HTMLDivElement> {
 /** A timeline entry over `.uix-timeline__item` (node + connecting line + body). */
 declare function TimelineItem({ node, meta, children, className, ...props }: TimelineItemProps): react.JSX.Element;
 
+type PipelineStageState = 'pending' | 'waiting' | 'active' | 'current' | 'running' | 'done' | 'complete' | 'blocked' | 'failed' | 'error';
+interface PipelineProps extends HTMLAttributes<HTMLOListElement> {
+    detailed?: boolean;
+    children?: ReactNode;
+}
+/** Ordered progress rail. Consumers own workflow meaning; UIx owns stage semantics and presentation. */
+declare function Pipeline({ detailed, children, className, tabIndex, ...props }: PipelineProps): react.JSX.Element;
+interface PipelineStageProps extends Omit<HTMLAttributes<HTMLLIElement>, 'title'> {
+    label: ReactNode;
+    state?: PipelineStageState;
+    stateLabel?: ReactNode;
+    description?: ReactNode;
+    meta?: ReactNode;
+    marker?: ReactNode;
+    detailed?: boolean;
+    /** Marks the stage as the current position independently of its operational state. */
+    current?: boolean;
+}
+/** One pipeline stage. `stateLabel` keeps status explicit instead of relying on colour. */
+declare function PipelineStage({ label, state, stateLabel, description, meta, marker, detailed, current: currentProp, className, ...props }: PipelineStageProps): react.JSX.Element;
+
+type FlowVariant = 'linear' | 'branch' | 'loop' | 'mindmap' | 'canvas';
+type FlowNodeState = 'pending' | 'active' | 'running' | 'done' | 'error';
+interface FlowProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: FlowVariant;
+    panel?: boolean;
+    children?: ReactNode;
+}
+/** Presentational workflow surface. Consumers provide graph geometry and connectors. */
+declare function Flow({ variant, panel, children, className, role, ...props }: FlowProps): react.JSX.Element;
+interface FlowNodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: ReactNode;
+    state?: FlowNodeState;
+    stateLabel?: ReactNode;
+    eyebrow?: ReactNode;
+    meta?: ReactNode;
+    icon?: ReactNode;
+    footer?: ReactNode;
+    wide?: boolean;
+}
+/** Workflow node with explicit text state and optional operational metadata. */
+declare function FlowNode({ title, state, stateLabel, eyebrow, meta, icon, footer, wide, className, ...props }: FlowNodeProps): react.JSX.Element;
+
 interface ProseProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
@@ -1732,4 +2047,4 @@ declare function hsvToHex(value: HsvColor): string;
 declare function contrastRatio(background: string, foreground: string): number | undefined;
 declare function meetsContrast(background: string, foreground: string, minimum?: number): boolean;
 
-export { Alert, type AlertProps, type AlertTone, type Align, AppShell, type AppShellProps, type AppliedBrandProfileSnapshot, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type BoundedRelationshipGraph, type BrandProfile, BrandProfileEditor, type BrandProfileEditorProps, type BrandProfileLogo, type BrandProfileTypography, BrandProfiles, BuilderCanvas, type BuilderCanvasItem, type BuilderCanvasProps, type BuilderPaletteItem, BulkBar, type BulkBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CalendarDay, Card, type CardProps, CellStrong, CellSub, Checkbox, type CheckboxProps, ColorPicker, type ColorPickerProps, type ColumnFilter, CommandGroup, type CommandGroupProps, CommandItem, type CommandItemProps, CommandPalette, type CommandPaletteProps, Comment, type CommentProps, Comments, type CommentsProps, Composer, ComposerBar, type ComposerBarProps, type ComposerProps, ContentList, ContentListItem, type ContentListItemProps, type ContentListProps, DateRangePicker, type DateRangePickerProps, type DateRangeValue, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListItem, type DescriptionListProps, DetailLayout, type DetailLayoutProps, type DiffEntry, type DiffKind, type DiffResolution, type DiffSummary, DiffViewer, type DiffViewerProps, Drawer, type DrawerProps, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, EventRow, type EventRowProps, ExpandToggle, type ExpandToggleProps, FeaturedRundown, FeaturedRundownItem, type FeaturedRundownItemProps, type FeaturedRundownProps, FeaturedStage, type FeaturedStageProps, Field, type FieldProps, type FilterKind, type FilterOp, type FlatNode, Highlighted, type HighlightedProps, type HsvColor, Inbox, InboxDetail, type InboxDetailProps, InboxItem, type InboxItemProps, InboxList, type InboxListProps, type InboxProps, Input, InputGroup, type InputGroupProps, type InputProps, type JsonPrimitive, type JsonValue, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, type KanbanProps, Label, type LabelProps, LicensePositionBar, type LicensePositionBarProps, List, ListItem, type ListItemProps, type ListProps, LoadingState, type LoadingStateProps, Mark, type MarkProps, type MatchBulkResult, MatchReview, type MatchReviewAction, type MatchReviewCandidate, type MatchReviewField, type MatchReviewProps, Meter, type MeterProps, type MeterTone, MetricInput, type MetricInputProps, Modal, type ModalProps, type NavFavouriteItem, NavFavourites, type NavFavouritesLabels, type NavFavouritesProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, NewsLead, type NewsLeadProps, Note, type NoteProps, type NoteTone, NoticeQueue, type NoticeQueueProps, PageHeader, type PageHeaderProps, PageIntro, type PageIntroProps, Pagination, type PaginationProps, Peek, type PeekProps, type PillTone, type PillTreatment, type Placement, Popover, type PopoverProps, type PositionOptions, type PositionResult, type PositionedRelationshipNode, type Primitive, Progress, type ProgressProps, Prose, type ProseProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type Rect, RelationshipGraph, type RelationshipGraphEdge, type RelationshipGraphLegendItem, type RelationshipGraphNode, type RelationshipGraphProps, ResourceGrid, type ResourceGridProps, type RgbColor, type Row, RowAction, type RowActionProps, RowActions, type RowActionsProps, type RuleAction, type RuleActionDefinition, RuleBuilder, type RuleBuilderProps, type RuleCondition, type RuleDefinition, type RuleFieldDefinition, type RuleGroup, type RuleOperatorDefinition, type RuleValidationIssue, type RuleValueEditorProps, SchedulingCalendar, type SchedulingCalendarEntry, type SchedulingCalendarOverlay, type SchedulingCalendarProps, type SchedulingCalendarView, type SchedulingEntryState, type SchedulingOverlayKind, SectionHead, type SectionHeadProps, type Segment, Segmented, SegmentedOption, type SegmentedOptionProps, type SegmentedProps, Select, type SelectAllState, type SelectProps, type ShellNav, type Side, Sidebar, type SidebarProps, SidebarSection, type SidebarSectionProps, type Size, Skeleton, type SkeletonProps, type SortDir, type SortDirection, type SortKey, Spinner, type SpinnerProps, StarButton, type StarButtonProps, Stat, StatLine, type StatLineItem, type StatLineProps, type StatProps, type StatTrend, StatusPill, type StatusPillProps, StatusRow, type StatusRowProps, SubNavItem, type SubNavItemProps, Switch, type SwitchProps, Tab, type TabProps, Table, type TableDensity, type TableProps, TableWrap, type TableWrapProps, Tabs, type TabsProps, Td, type TdProps, Textarea, type TextareaProps, Th, type ThProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, type ToastTone, Toaster, type ToasterProps, Tooltip, type TooltipProps, Tr, type TrProps, Tree, type TreeLike, type TreeNavAction, type TreeNodeData, type TreeNodeProps, type TreeProps, type UseAnchoredPositionOptions, type UseTableOptions, type UseTableResult, type UseVirtualRowsOptions, type UseVirtualRowsResult, UserChip, type UserChipProps, type ViewState, type VirtualWindow, type ZonedDateSpan, addCalendarDays, addCalendarMonths, appendRuleNode, applyBrandProfile, applyFilters, boundRelationshipGraph, buildMonthGrid, buildThreeWayDiff, clampMetricValue, clampWidth, computePosition, contrastRatio, cx, enumerateDateSpan, findRuleNodeDepth, flattenTree, hexToRgb, highlightSegments, hsvToHex, hsvToRgb, isDateInRange, isDateUnavailable, isRuleGroup, layoutRelationshipGraph, mapRuleGroup, matchFilter, meetsContrast, mergePinned, moveRuleNode, multiSort, nextSortDir, normalizeHex, parseMetricValue, parseView, relationshipNeighbors, removeRuleNode, reorder, restoreBrandProfile, rgbToHex, rgbToHsv, ruleDepth, searchRows, selectAllState, selectRangeDate, serializeView, shouldVirtualize, startOfMonth, stepMetricValue, summarizeDiff, summarizeRule, toDateKey, toggleId, togglePage, toggleSort, traverseRelationshipNode, treeNav, useAnchoredPosition, useDialog, useTable, useVirtualRows, validateRuleDefinition, virtualWindow, zonedDateKey, zonedDateSpan };
+export { type AccessStateProps, Alert, type AlertProps, type AlertTone, type Align, AppShell, type AppShellProps, type AppliedBrandProfileSnapshot, type AsyncOperationState, AsyncOperationStatus, type AsyncOperationStatusProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type BoundedRelationshipGraph, type BrandProfile, BrandProfileEditor, type BrandProfileEditorProps, type BrandProfileLogo, type BrandProfileTypography, BrandProfiles, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, BuilderCanvas, type BuilderCanvasItem, type BuilderCanvasProps, type BuilderPaletteItem, BulkBar, type BulkBarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type CalendarDay, Card, CardLink, type CardLinkProps, type CardProps, CellStrong, CellSub, Checkbox, type CheckboxProps, CollapsibleSection, type CollapsibleSectionProps, ColorPicker, type ColorPickerProps, type ColumnFilter, Combobox, type ComboboxOption, type ComboboxProps, CommandGroup, type CommandGroupProps, CommandItem, type CommandItemProps, CommandPalette, type CommandPaletteProps, Comment, type CommentProps, Comments, type CommentsProps, Composer, ComposerBar, type ComposerBarProps, type ComposerProps, ConfirmDialog, type ConfirmDialogProps, ContentList, ContentListItem, type ContentListItemProps, type ContentListProps, DateRangePicker, type DateRangePickerProps, type DateRangeValue, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListItem, type DescriptionListProps, DetailLayout, type DetailLayoutProps, DetailPage, type DetailPageMetric, type DetailPageProps, type DetailPageTab, type DiffEntry, type DiffKind, type DiffResolution, type DiffSummary, DiffViewer, type DiffViewerProps, Drawer, type DrawerProps, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, EventRow, type EventRowProps, ExpandToggle, type ExpandToggleProps, FeaturedRundown, FeaturedRundownItem, type FeaturedRundownItemProps, type FeaturedRundownProps, FeaturedStage, type FeaturedStageProps, Field, type FieldProps, type FilterKind, type FilterOp, type FilterOption, FilterPopover, type FilterPopoverProps, FilteredEmptyState, type FlatNode, Flow, FlowNode, type FlowNodeProps, type FlowNodeState, type FlowProps, type FlowVariant, ForbiddenState, Highlighted, type HighlightedProps, type HsvColor, Inbox, InboxDetail, type InboxDetailProps, InboxItem, type InboxItemProps, InboxList, type InboxListProps, type InboxProps, Input, InputGroup, type InputGroupProps, type InputProps, type JsonPrimitive, type JsonValue, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, type KanbanProps, Label, type LabelProps, LicensePositionBar, type LicensePositionBarProps, List, ListItem, type ListItemProps, type ListProps, LoadingState, type LoadingStateProps, Mark, type MarkProps, type MatchBulkResult, MatchReview, type MatchReviewAction, type MatchReviewCandidate, type MatchReviewField, type MatchReviewProps, Meter, type MeterProps, type MeterTone, MetricInput, type MetricInputProps, Modal, type ModalProps, type NavFavouriteItem, NavFavourites, type NavFavouritesLabels, type NavFavouritesProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, NewsLead, type NewsLeadProps, NotFoundState, Note, type NoteProps, type NoteTone, NoticeQueue, type NoticeQueueProps, PageHeader, type PageHeaderProps, PageIntro, type PageIntroProps, Pagination, type PaginationProps, Peek, type PeekProps, type PillTone, type PillTreatment, Pipeline, type PipelineProps, PipelineStage, type PipelineStageProps, type PipelineStageState, type Placement, Popover, type PopoverProps, type PositionOptions, type PositionResult, type PositionedRelationshipNode, type Primitive, Progress, type ProgressProps, PromptDialog, type PromptDialogProps, Prose, type ProseProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type Rect, type RelatedLinkItem, RelatedLinks, type RelatedLinksProps, RelationshipGraph, type RelationshipGraphEdge, type RelationshipGraphLegendItem, type RelationshipGraphNode, type RelationshipGraphProps, RelativeTime, type RelativeTimeFormatContext, type RelativeTimeProps, type RelativeTimeUnit, type RelativeTimeValue, ResourceGrid, type ResourceGridProps, type RgbColor, type Row, RowAction, type RowActionProps, RowActions, type RowActionsProps, type RuleAction, type RuleActionDefinition, RuleBuilder, type RuleBuilderProps, type RuleCondition, type RuleDefinition, type RuleFieldDefinition, type RuleGroup, type RuleOperatorDefinition, type RuleValidationIssue, type RuleValueEditorProps, type SavedViewItem, SavedViewMenu, type SavedViewMenuProps, SchedulingCalendar, type SchedulingCalendarEntry, type SchedulingCalendarOverlay, type SchedulingCalendarProps, type SchedulingCalendarView, type SchedulingEntryState, type SchedulingOverlayKind, SectionHead, type SectionHeadProps, type Segment, Segmented, SegmentedOption, type SegmentedOptionProps, type SegmentedProps, Select, type SelectAllState, type SelectProps, type ShellNav, type Side, Sidebar, type SidebarProps, SidebarSection, type SidebarSectionProps, type Size, Skeleton, type SkeletonProps, type SortDir, type SortDirection, type SortKey, Spinner, type SpinnerProps, StarButton, type StarButtonProps, Stat, StatLine, type StatLineItem, type StatLineProps, type StatProps, type StatTrend, type StateVariant, StatusPill, type StatusPillProps, StatusRow, type StatusRowProps, SubNavItem, type SubNavItemProps, Switch, type SwitchProps, Tab, type TabProps, Table, type TableDensity, type TableProps, TableWrap, type TableWrapProps, Tabs, type TabsProps, Td, type TdProps, Textarea, type TextareaProps, Th, type ThProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, type ToastTone, Toaster, type ToasterProps, ToggleRow, type ToggleRowProps, Tooltip, type TooltipProps, Tr, type TrProps, Tree, type TreeLike, type TreeNavAction, type TreeNodeData, type TreeNodeProps, type TreeProps, type UseAnchoredPositionOptions, type UseTableOptions, type UseTableResult, type UseVirtualRowsOptions, type UseVirtualRowsResult, UserChip, type UserChipProps, ViewMenu, type ViewMenuColumn, type ViewMenuProps, type ViewState, type VirtualWindow, type ZonedDateSpan, addCalendarDays, addCalendarMonths, appendRuleNode, applyBrandProfile, applyFilters, boundRelationshipGraph, buildMonthGrid, buildThreeWayDiff, clampMetricValue, clampWidth, computePosition, contrastRatio, cx, enumerateDateSpan, filterComboboxOptions, findRuleNodeDepth, flattenTree, hexToRgb, highlightSegments, hsvToHex, hsvToRgb, isDateInRange, isDateUnavailable, isRuleGroup, layoutRelationshipGraph, mapRuleGroup, matchFilter, meetsContrast, mergePinned, moveRuleNode, multiSort, nextSortDir, normalizeHex, parseDateValue, parseMetricValue, parseView, relationshipNeighbors, relativeTimeValue, removeRuleNode, reorder, restoreBrandProfile, rgbToHex, rgbToHsv, ruleDepth, searchRows, selectAllState, selectRangeDate, serializeView, shouldVirtualize, startOfMonth, stepMetricValue, summarizeDiff, summarizeRule, toDateKey, toggleId, togglePage, toggleSort, traverseRelationshipNode, treeNav, useAnchoredPosition, useDialog, useTable, useVirtualRows, validateRuleDefinition, virtualWindow, zonedDateKey, zonedDateSpan };

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export { UseAnchoredPositionOptions, useAnchoredPosition } from './hooks/useAnch
 export { Align, Placement, PositionOptions, PositionResult, Rect, Side, Size, computePosition } from './overlay-position.js';
 export { Button, ButtonGroup, ButtonGroupProps, ButtonProps } from './components/Button.js';
 export { Input, InputGroup, InputGroupProps, InputProps } from './components/Input.js';
+export { Combobox, ComboboxProps } from './components/Combobox.js';
+export { ComboboxOption, filterComboboxOptions } from './combobox-model.js';
 export { Textarea, TextareaProps } from './components/Textarea.js';
 export { Select, SelectProps } from './components/Select.js';
 export { Checkbox, CheckboxProps } from './components/Checkbox.js';
@@ -13,11 +15,17 @@ export { Radio, RadioGroup, RadioGroupProps, RadioProps } from './components/Rad
 export { Switch, SwitchProps } from './components/Switch.js';
 export { Field, FieldProps } from './components/Field.js';
 export { Modal, ModalProps } from './components/Modal.js';
+export { ConfirmDialog, ConfirmDialogProps, PromptDialog, PromptDialogProps } from './components/Dialogs.js';
 export { Drawer, DrawerProps } from './components/Drawer.js';
 export { Peek, PeekProps } from './components/Peek.js';
-export { Card, CardProps } from './components/Card.js';
+export { Card, CardLink, CardLinkProps, CardProps } from './components/Card.js';
+export { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from './components/Breadcrumbs.js';
 export { PageHeader, PageHeaderProps } from './components/PageHeader.js';
 export { DetailLayout, DetailLayoutProps } from './components/DetailLayout.js';
+export { DetailPage, DetailPageMetric, DetailPageProps, DetailPageTab } from './components/DetailPage.js';
+export { RelatedLinkItem, RelatedLinks, RelatedLinksProps } from './components/RelatedLinks.js';
+export { ToggleRow, ToggleRowProps } from './components/ToggleRow.js';
+export { CollapsibleSection, CollapsibleSectionProps } from './components/CollapsibleSection.js';
 export { List, ListItem, ListItemProps, ListProps } from './components/List.js';
 export { DescriptionItem, DescriptionItemProps, DescriptionList, DescriptionListItem, DescriptionListProps } from './components/DescriptionList.js';
 export { Tab, TabProps, Tabs, TabsProps } from './components/Tabs.js';
@@ -36,13 +44,19 @@ export { Progress, ProgressProps } from './components/Progress.js';
 export { Meter, MeterProps, MeterTone } from './components/Meter.js';
 export { Stat, StatProps, StatTrend } from './components/Stat.js';
 export { Tooltip, TooltipProps } from './components/Tooltip.js';
-export { EmptyState, EmptyStateProps, ErrorState, ErrorStateProps, LoadingState, LoadingStateProps, Skeleton, SkeletonProps } from './components/States.js';
+export { AccessStateProps, EmptyState, EmptyStateProps, ErrorState, ErrorStateProps, FilteredEmptyState, ForbiddenState, LoadingState, LoadingStateProps, NotFoundState, Skeleton, SkeletonProps, StateVariant } from './components/States.js';
+export { RelativeTime, RelativeTimeFormatContext, RelativeTimeProps } from './components/RelativeTime.js';
+export { RelativeTimeUnit, RelativeTimeValue, parseDateValue, relativeTimeValue } from './relative-time-model.js';
+export { AsyncOperationState, AsyncOperationStatus, AsyncOperationStatusProps } from './components/AsyncOperationStatus.js';
 export { Label, LabelProps } from './components/Label.js';
 export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, UserChip, UserChipProps } from './components/Avatar.js';
 export { Comment, CommentProps, Comments, CommentsProps } from './components/Comments.js';
 export { Composer, ComposerBar, ComposerBarProps, ComposerProps } from './components/Composer.js';
 export { Segmented, SegmentedOption, SegmentedOptionProps, SegmentedProps } from './components/Segmented.js';
+export { FilterOption, FilterPopover, FilterPopoverProps, SavedViewItem, SavedViewMenu, SavedViewMenuProps, ViewMenu, ViewMenuColumn, ViewMenuProps } from './components/TableControls.js';
 export { Timeline, TimelineItem, TimelineItemProps, TimelineProps } from './components/Timeline.js';
+export { Pipeline, PipelineProps, PipelineStage, PipelineStageProps, PipelineStageState } from './components/Pipeline.js';
+export { Flow, FlowNode, FlowNodeProps, FlowNodeState, FlowProps, FlowVariant } from './components/Flow.js';
 export { Note, NoteProps, NoteTone, Prose, ProseProps } from './components/Prose.js';
 export { Popover, PopoverProps } from './components/Popover.js';
 export { CommandGroup, CommandGroupProps, CommandItem, CommandItemProps, CommandPalette, CommandPaletteProps } from './components/CommandPalette.js';

package/dist/index.js

@@ -6,6 +6,8 @@ import { useAnchoredPosition } from "./hooks/useAnchoredPosition.js";
 import { computePosition } from "./overlay-position.js";
 import { Button, ButtonGroup } from "./components/Button.js";
 import { Input, InputGroup } from "./components/Input.js";
+import { Combobox } from "./components/Combobox.js";
+import { filterComboboxOptions } from "./combobox-model.js";
 import { Textarea } from "./components/Textarea.js";
 import { Select } from "./components/Select.js";
 import { Checkbox } from "./components/Checkbox.js";
@@ -13,11 +15,17 @@ import { Radio, RadioGroup } from "./components/Radio.js";
 import { Switch } from "./components/Switch.js";
 import { Field } from "./components/Field.js";
 import { Modal } from "./components/Modal.js";
+import { ConfirmDialog, PromptDialog } from "./components/Dialogs.js";
 import { Drawer } from "./components/Drawer.js";
 import { Peek } from "./components/Peek.js";
-import { Card } from "./components/Card.js";
+import { Card, CardLink } from "./components/Card.js";
+import { Breadcrumbs } from "./components/Breadcrumbs.js";
 import { PageHeader } from "./components/PageHeader.js";
 import { DetailLayout } from "./components/DetailLayout.js";
+import { DetailPage } from "./components/DetailPage.js";
+import { RelatedLinks } from "./components/RelatedLinks.js";
+import { ToggleRow } from "./components/ToggleRow.js";
+import { CollapsibleSection } from "./components/CollapsibleSection.js";
 import { List, ListItem } from "./components/List.js";
 import { DescriptionList, DescriptionItem } from "./components/DescriptionList.js";
 import { Tabs, Tab } from "./components/Tabs.js";
@@ -50,13 +58,19 @@ import { Progress } from "./components/Progress.js";
 import { Meter } from "./components/Meter.js";
 import { Stat } from "./components/Stat.js";
 import { Tooltip } from "./components/Tooltip.js";
-import { EmptyState, ErrorState, Skeleton, LoadingState } from "./components/States.js";
+import { EmptyState, ErrorState, ForbiddenState, NotFoundState, FilteredEmptyState, Skeleton, LoadingState } from "./components/States.js";
+import { RelativeTime } from "./components/RelativeTime.js";
+import { parseDateValue, relativeTimeValue } from "./relative-time-model.js";
+import { AsyncOperationStatus } from "./components/AsyncOperationStatus.js";
 import { Label } from "./components/Label.js";
 import { Avatar, AvatarGroup, UserChip } from "./components/Avatar.js";
 import { Comments, Comment } from "./components/Comments.js";
 import { Composer, ComposerBar } from "./components/Composer.js";
 import { Segmented, SegmentedOption } from "./components/Segmented.js";
+import { ViewMenu, FilterPopover, SavedViewMenu } from "./components/TableControls.js";
 import { Timeline, TimelineItem } from "./components/Timeline.js";
+import { Pipeline, PipelineStage } from "./components/Pipeline.js";
+import { Flow, FlowNode } from "./components/Flow.js";
 import { Prose, Note } from "./components/Prose.js";
 import { Popover } from "./components/Popover.js";
 import { CommandPalette, CommandGroup, CommandItem } from "./components/CommandPalette.js";
@@ -121,19 +135,24 @@ import { contrastRatio, hexToRgb, hsvToHex, hsvToRgb, meetsContrast, normalizeHe
 export {
   Alert,
   AppShell,
+  AsyncOperationStatus,
   Avatar,
   AvatarGroup,
   BrandProfileEditor,
   BrandProfiles,
+  Breadcrumbs,
   BuilderCanvas,
   BulkBar,
   Button,
   ButtonGroup,
   Card,
+  CardLink,
   CellStrong,
   CellSub,
   Checkbox,
+  CollapsibleSection,
   ColorPicker,
+  Combobox,
   CommandGroup,
   CommandItem,
   CommandPalette,
@@ -141,12 +160,14 @@ export {
   Comments,
   Composer,
   ComposerBar,
+  ConfirmDialog,
   ContentList,
   ContentListItem,
   DateRangePicker,
   DescriptionItem,
   DescriptionList,
   DetailLayout,
+  DetailPage,
   DiffViewer,
   Drawer,
   EmptyState,
@@ -157,6 +178,11 @@ export {
   FeaturedRundownItem,
   FeaturedStage,
   Field,
+  FilterPopover,
+  FilteredEmptyState,
+  Flow,
+  FlowNode,
+  ForbiddenState,
   Highlighted,
   Inbox,
   InboxDetail,
@@ -181,22 +207,29 @@ export {
   NavGroup,
   NavItem,
   NewsLead,
+  NotFoundState,
   Note,
   NoticeQueue,
   PageHeader,
   PageIntro,
   Pagination,
   Peek,
+  Pipeline,
+  PipelineStage,
   Popover,
   Progress,
+  PromptDialog,
   Prose,
   Radio,
   RadioGroup,
+  RelatedLinks,
   RelationshipGraph,
+  RelativeTime,
   ResourceGrid,
   RowAction,
   RowActions,
   RuleBuilder,
+  SavedViewMenu,
   SchedulingCalendar,
   SectionHead,
   Segmented,
@@ -224,10 +257,12 @@ export {
   TimelineItem,
   Toast,
   Toaster,
+  ToggleRow,
   Tooltip,
   Tr,
   Tree,
   UserChip,
+  ViewMenu,
   addCalendarDays,
   addCalendarMonths,
   appendRuleNode,
@@ -240,6 +275,7 @@ export {
   contrastRatio,
   cx,
   enumerateDateSpan,
+  filterComboboxOptions,
   findRuleNodeDepth,
   flattenTree,
   hexToRgb,
@@ -253,8 +289,10 @@ export {
   meetsContrast,
   moveRuleNode,
   normalizeHex,
+  parseDateValue,
   parseMetricValue,
   relationshipNeighbors,
+  relativeTimeValue,
   removeRuleNode,
   restoreBrandProfile,
   rgbToHex,

package/dist/relative-time-clock.d.ts

@@ -0,0 +1,4 @@
+declare const readRelativeClock: (interval: number) => number;
+declare function subscribeRelativeClock(interval: number, listener: () => void): () => void;
+
+export { readRelativeClock, subscribeRelativeClock };