@upbound/monarch-blocks 0.4.0 → 0.4.1

package/dist/cel-filter-bar.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { k as CompileResult, t as CelValidationMeta, d as CelFilterCondition, f as CelFilterSchema, V as ValidationIssue, g as CelFilterTree, P as PillActiveSurface, u as CelFilterType, h as CelOperator, v as CelFilterShape, C as CelColumnDefinition, w as CelEmitOn, D as DateCelValue, M as MapKeyCelValue, l as MultiTextCelValue, m as RelativeDurationPreset, c as CelFilterBarProps } from './types-BULiU2qC.js';
 export { a as CelColumnOption, b as CelConditionValue, e as CelFilterGroup, i as CelRestrictedOptionSelectPayload, j as CheckboxCelValue, R as RadioCelValue, n as isCelFilterCondition, o as isCelFilterGroup, p as isCheckboxCelValue, q as isDateCelValue, r as isMapKeyCelValue, s as isMultiTextCelValue } from './types-BULiU2qC.js';
 
@@ -198,6 +198,6 @@ declare function readMultiTextCelValue(value: unknown): MultiTextCelValue;
 declare const RELATIVE_DURATION_PRESET_VALUES: readonly ["24h", "168h", "720h"];
 declare function isRelativeDurationPreset(value: string): value is RelativeDurationPreset;
 
-declare function CelFilterBar({ tree, onChange, schema, onCompileResultChange, onRestrictedOptionSelect, showClearButton, className, }: CelFilterBarProps): react_jsx_runtime.JSX.Element;
+declare function CelFilterBar({ tree, onChange, schema, onCompileResultChange, onRestrictedOptionSelect, showClearButton, className, }: CelFilterBarProps): React.JSX.Element;
 
 export { CelColumnDefinition, CelFilterBar, CelFilterBarProps, CelFilterCondition, CelFilterSchema, CelFilterTree, CelOperator, CompileResult, DateCelValue, MapKeyCelValue, MultiTextCelValue, PillActiveSurface, RELATIVE_DURATION_PRESET_VALUES, RelativeDurationPreset, ValidationIssue, allowsMultipleConditions, appendCondition, applyDisplayRules, applyOperatorChange, calendarDayEndInstant, calendarDayStartInstant, celStringLiteral, compileCelFilterTree, computeIsEmitReady, createCelNodeId, createDefaultCondition, createEmptyCelFilterTree, dateBoundaryForOperator, denormalizeColumnIdWithReservedNames, denormalizeColumnsWithReservedNames, escapeCelString, formatCalendarDateUtc, formatInstantLabel, getAllowedOperators, getColumnEmitOn, getDefaultOperator, getOperatorLabel, getQuantifierLabel, isDateRangeOperator, isDateRelativeOperator, isDateWindowOperator, isEndOfDayTimestamp, isEndOfMinuteTimestamp, isMultiTextColumn, isRealCalendarDay, isRelativeDateCelValue, isRelativeDurationPreset, isStartOfDayTimestamp, mergeContextualIntoCelTree, normalizeColumnsWithReservedNames, parseCalendarDate, readDateCelValue, readMapKeyCelValue, readMultiTextCelValue, readTimeOfDay, removeConditionById, replaceCondition, resolveColumnDefinition, resolveFilterShape, startInstantFromEndOfDay, startInstantFromEndOfMinute, validateCondition, withTimeOfDay };

package/dist/chart.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
 import { TooltipValueType } from 'recharts';
@@ -25,11 +24,11 @@ declare function ChartContainer({ id, className, children, config, initialDimens
         width: number;
         height: number;
     };
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 declare const ChartStyle: ({ id, config }: {
     id: string;
     config: ChartConfig;
-}) => react_jsx_runtime.JSX.Element | null;
+}) => React.JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<'div'> & {
     hideLabel?: boolean;
@@ -37,16 +36,16 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
     indicator?: 'line' | 'dot' | 'dashed';
     nameKey?: string;
     labelKey?: string;
-} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, 'accessibilityLayer'>): react_jsx_runtime.JSX.Element | null;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, 'accessibilityLayer'>): React.JSX.Element | null;
 declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
 declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<'div'> & {
     hideIcon?: boolean;
     nameKey?: string;
-} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime.JSX.Element | null;
-declare function ChartHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function ChartTitle({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function ChartDescription({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function ChartAction({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function ChartFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+} & RechartsPrimitive.DefaultLegendContentProps): React.JSX.Element | null;
+declare function ChartHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ChartTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ChartDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ChartAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function ChartFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 
 export { ChartAction, type ChartConfig, ChartContainer, ChartDescription, ChartFooter, ChartHeader, ChartLegend, ChartLegendContent, ChartStyle, ChartTitle, ChartTooltip, ChartTooltipContent };

package/dist/chat-interface.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface ChatMessage {
@@ -34,7 +33,7 @@ interface ChatSessionListProps {
     onSelectSession: (id: string) => void;
     className?: string;
 }
-declare function ChatSessionList({ sessions, activeSessionId, onSelectSession, className }: ChatSessionListProps): react_jsx_runtime.JSX.Element;
+declare function ChatSessionList({ sessions, activeSessionId, onSelectSession, className }: ChatSessionListProps): React.JSX.Element;
 declare function ChatMessageBubble({ message, userName: _userName, assistantName, }: {
     message: ChatMessage;
     /**
@@ -50,7 +49,7 @@ declare function ChatMessageBubble({ message, userName: _userName, assistantName
      * multi-agent scenarios (e.g. named provider agents in a group chat).
      */
     assistantName?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 interface ChatRoutine {
     id: string;
     name: string;
@@ -87,7 +86,7 @@ interface ChatInputProps {
     onAttach?: () => void;
     className?: string;
 }
-declare function ChatInput({ onSend, placeholder, routines, onSelectRoutine, onManageRoutines, usePageAsContext, onUsePageAsContext, onAttach, className, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+declare function ChatInput({ onSend, placeholder, routines, onSelectRoutine, onManageRoutines, usePageAsContext, onUsePageAsContext, onAttach, className, }: ChatInputProps): React.JSX.Element;
 interface ChatThreadProps {
     messages: ChatMessage[];
     onSend?: (message: string) => void;
@@ -126,7 +125,7 @@ interface ChatThreadProps {
      */
     isThinking?: boolean;
 }
-declare function ChatThread({ messages, onSend, title, subtitle, placeholder, suggestions, assistantName, userName, routines, onSelectRoutine, onManageRoutines, usePageAsContext, onUsePageAsContext, onAttach, callout, headerActions, className, isThinking, }: ChatThreadProps): react_jsx_runtime.JSX.Element;
+declare function ChatThread({ messages, onSend, title, subtitle, placeholder, suggestions, assistantName, userName, routines, onSelectRoutine, onManageRoutines, usePageAsContext, onUsePageAsContext, onAttach, callout, headerActions, className, isThinking, }: ChatThreadProps): React.JSX.Element;
 interface ChatNavRailProps {
     onNewSession?: () => void;
     onOpenRoutines?: () => void;
@@ -138,6 +137,6 @@ interface ChatInterfaceProps extends ChatThreadProps, ChatNavRailProps {
     activeSessionId?: string;
     onSelectSession?: (id: string) => void;
 }
-declare function ChatInterface({ sessions, activeSessionId, onSelectSession, onNewSession, onOpenRoutines, onOpenConnectors, onOpenCustomize, className, ...threadProps }: ChatInterfaceProps): react_jsx_runtime.JSX.Element;
+declare function ChatInterface({ sessions, activeSessionId, onSelectSession, onNewSession, onOpenRoutines, onOpenConnectors, onOpenCustomize, className, ...threadProps }: ChatInterfaceProps): React.JSX.Element;
 
 export { ChatInput, type ChatInputProps, ChatInterface, type ChatInterfaceProps, type ChatMessage, ChatMessageBubble, type ChatRoutine, type ChatSession, ChatSessionList, type ChatSessionListProps, ChatThread, type ChatThreadProps, type ChatToolCall };

package/dist/code-block.d.ts

@@ -1,11 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 declare function CodeBlock({ className, variant, size, ...props }: React.ComponentProps<'div'> & {
     variant?: 'default' | 'terminal';
     size?: 'default' | 'sm';
-}): react_jsx_runtime.JSX.Element;
-declare function CodeBlockHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
+declare function CodeBlockHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 declare function CodeBlockBody({ className, code, html, lineNumbers, maxHeight, copyButton, downloadButton, ...props }: React.ComponentProps<'div'> & {
     code: string;
     html?: string;
@@ -13,15 +12,15 @@ declare function CodeBlockBody({ className, code, html, lineNumbers, maxHeight,
     maxHeight?: string;
     copyButton?: React.ReactNode;
     downloadButton?: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function CodeBlockFooter({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
+declare function CodeBlockFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 declare function CodeBlockCopyButton({ code, className, ...props }: Omit<React.ComponentProps<'button'>, 'children'> & {
     code: string;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 declare function CodeBlockDownloadButton({ code, fileName, mimeType, className, ...props }: Omit<React.ComponentProps<'button'>, 'children'> & {
     code: string;
     fileName: string;
     mimeType?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 
 export { CodeBlock, CodeBlockBody, CodeBlockCopyButton, CodeBlockDownloadButton, CodeBlockFooter, CodeBlockHeader };

package/dist/data-table.d.ts

@@ -1,7 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RowData, ColumnFilter, Cell, Column, ColumnOrderState, Row, ColumnDef, CellContext, HeaderGroup, TableOptions, TableState, InitialTableState, SortingFn, FilterFn, ExpandedState, ColumnFiltersState, PaginationState, SortingState, VisibilityState, ColumnPinningState, GroupingState, OnChangeFn, ColumnSizingState } from '@tanstack/react-table';
 import * as React$1 from 'react';
 import { ReactNode, Dispatch, SetStateAction, ComponentType } from 'react';
+import { RowData, ColumnFilter, Cell, Column, ColumnOrderState, Row, ColumnDef, CellContext, HeaderGroup, TableOptions, TableState, InitialTableState, SortingFn, FilterFn, ExpandedState, ColumnFiltersState, PaginationState, SortingState, VisibilityState, ColumnPinningState, GroupingState, OnChangeFn, ColumnSizingState } from '@tanstack/react-table';
 import { DropdownMenuItem, IconName } from '@upbound/monarch-core';
 import { f as CelFilterSchema, g as CelFilterTree, k as CompileResult, i as CelRestrictedOptionSelectPayload } from './types-BULiU2qC.js';
 
@@ -28,7 +27,7 @@ type CellContextualFilterProps<TData extends RowData, TValue> = {
  * `contextualMenuActions`. Renders only the `ContextMenuContent` — the
  * `ContextMenu`/`ContextMenuTrigger` wrapping the cell lives in the caller.
  */
-declare function CellContextualFilter<TData extends RowData, TValue>({ filter, globalSearch, cell, onContextCell, onContextSearch, contextualMenuActions, }: CellContextualFilterProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function CellContextualFilter<TData extends RowData, TValue>({ filter, globalSearch, cell, onContextCell, onContextSearch, contextualMenuActions, }: CellContextualFilterProps<TData, TValue>): React$1.JSX.Element;
 
 type ColumnOptionsProps<TData extends RowData> = {
     columns: Column<TData, unknown>[];
@@ -44,25 +43,25 @@ type ColumnOptionsProps<TData extends RowData> = {
  * touches the unpinned slots (`mergeUnpinnedColumnOrder`), so pinned columns
  * never jump position.
  */
-declare function ColumnOptions<TData extends RowData>({ columns: rawColumns, columnOrdering, onColumnOrderingChange, disableColumnOrdering, }: ColumnOptionsProps<TData>): react_jsx_runtime.JSX.Element;
+declare function ColumnOptions<TData extends RowData>({ columns: rawColumns, columnOrdering, onColumnOrderingChange, disableColumnOrdering, }: ColumnOptionsProps<TData>): React$1.JSX.Element;
 
 declare function RowActions({ align, children, contentClassName, }: {
     align?: 'start' | 'end';
     children: React$1.ReactNode;
     contentClassName?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 declare function RowActionItem({ disabled, className, tooltip, children, onClick, }: {
     disabled?: boolean;
     className?: string;
     tooltip?: string;
     children: React$1.ReactNode;
     onClick?: React$1.ComponentProps<typeof DropdownMenuItem>['onClick'];
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 /** A ready-made right-pinned, non-sortable/filterable/hideable "Actions" column. */
 declare function getActionsColumnDefinition<TData extends RowData, TValue = unknown>({ cell, }: Pick<ColumnDef<TData, TValue>, 'cell'>): ColumnDef<TData, TValue>;
 declare function ExpandButton<TData extends RowData>({ row }: {
     row: Row<TData>;
-}): react_jsx_runtime.JSX.Element | null;
+}): React$1.JSX.Element | null;
 /** A ready-made right-pinned, fixed-width (28px) "Expand" column. Defaults to an `ExpandButton` cell. */
 declare function getExpandColumnDefinition<TData extends RowData, TValue = unknown>(options?: {
     cell?: (context: CellContext<TData, TValue>) => React$1.ReactNode;
@@ -82,11 +81,11 @@ type DataTableValueCellProps = {
  * `Link` via a DI hook (`useLink()`); Monarch has no such layer, so the link
  * branch renders a plain `<a>`.
  */
-declare function DataTableValueCell({ content, title, className, href, onClick }: DataTableValueCellProps): react_jsx_runtime.JSX.Element;
+declare function DataTableValueCell({ content, title, className, href, onClick }: DataTableValueCellProps): React$1.JSX.Element;
 /** A timestamp cell — relative time in the cell, absolute time on hover (via Monarch's `RelativeTime`); an em-dash when absent. */
 declare function TimestampCell({ timestamp }: {
     timestamp?: Date | string | number;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 
 /**
  * Non-CEL column filter definitions — the `meta.filter` vocabulary consumed by
@@ -260,7 +259,7 @@ declare function DataTableEmptyView({ emptyView, tableState, filterCount, resetF
     filterCount: number;
     resetFilters: () => void;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 
 type RowCountRelation = 'eq' | 'gt';
 /** Pass `true` for defaults, `false` to disable the footer entirely (handled by the caller, not this component), or an object to toggle individual parts. */
@@ -292,7 +291,7 @@ type DataTablePaginationProps = {
     onPageChange: (page: number) => void;
     onPageSizeChange: (pageSize: number) => void;
 };
-declare function DataTablePagination({ pageIndex, pageSize, rowCount, rowCountRelation, paginationConfig, onPageChange, onPageSizeChange, }: DataTablePaginationProps): react_jsx_runtime.JSX.Element;
+declare function DataTablePagination({ pageIndex, pageSize, rowCount, rowCountRelation, paginationConfig, onPageChange, onPageSizeChange, }: DataTablePaginationProps): React$1.JSX.Element;
 
 declare function DataTableHeader<TData extends RowData>({ headerGroups, onAutosizeAll, onAutosizeColumn, onResetColumnSize, stickyHeader, layout, }: {
     headerGroups: HeaderGroup<TData>[];
@@ -302,7 +301,7 @@ declare function DataTableHeader<TData extends RowData>({ headerGroups, onAutosi
     onResetColumnSize: (columnId: string) => void;
     stickyHeader?: StickyHeaderConfig;
     layout?: TableLayout;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 type DataTableRowProps = React$1.HTMLAttributes<HTMLElement> & {
     hoverable?: boolean;
     disabled?: boolean;
@@ -321,12 +320,12 @@ declare function DataTableCell<TData extends RowData, TValue>({ cell, className,
     onContextSearch?: (searchTerm: string, cell: Cell<TData, TValue>) => void;
     contextualMenuActions?: ContextualMenuAction<TData, TValue>[];
     layout?: TableLayout;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 declare function DataTableGroupRow({ groupLabel, colSpan, layout, }: {
     groupLabel: string;
     colSpan: number;
     layout?: TableLayout;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 type SkeletonColumn = {
     id: string;
     size?: number;
@@ -338,13 +337,13 @@ declare function DataTableSkeletonBody({ rowCount, columns, renderCell, layout,
     columns: SkeletonColumn[];
     renderCell?: (columnId: string) => React$1.ReactNode | undefined;
     layout?: TableLayout;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 declare function DataTableExpandedRow({ colSpan, show, children, layout, }: {
     colSpan: number;
     show?: boolean;
     children: React$1.ReactNode;
     layout?: TableLayout;
-}): react_jsx_runtime.JSX.Element | null;
+}): React$1.JSX.Element | null;
 declare function DataTableBody<TData extends RowData>({ tableRows, tableState, columns, skeletonRowCount, renderSkeletonCell, onRowRender, renderExpandedRow, showContextualFilter, onContextCell, onContextSearch, contextualMenuActions, layout, }: {
     tableRows: Row<TData>[];
     tableState: TableDataState;
@@ -358,7 +357,7 @@ declare function DataTableBody<TData extends RowData>({ tableRows, tableState, c
     onContextSearch?: (searchTerm: string, cell: Cell<TData, unknown>) => void;
     contextualMenuActions?: ContextualMenuAction<TData, unknown>[];
     layout?: TableLayout;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 
 /**
  * Table rendering mode. `'auto'` uses a native `<table>`. `'grid'` renders
@@ -489,7 +488,7 @@ interface DataTableProps<TData extends RowData> {
  * difference is that columns, headers, rows, cells, and menus render through
  * Monarch's own primitives instead of legacy's hand-rolled ones.
  */
-declare function DataTable<TData extends RowData>({ id, config, title, description, emptyView, showError, className, fitContent, loading, renderSkeletonCell, serverSidePagination, ActionsComponent: Actions, onRowRender, renderExpandedRow, expanded: parentExpanded, onExpandedChange: parentOnExpandedChange, disableSearch, disableFilters, disableSorting, paginationConfig, disableColumnReordering, disableColumnVisibility, disableColumnResizing, disableColumnPinning, searchTerm: parentGlobalFilter, onSearchTermChange: parentSetGlobalFilter, filters: parentColumnFilters, onFiltersChange: parentSetColumnFilters, pagination: parentPagination, onPaginationChange: parentSetPagination, sorting: parentSorting, onSortingChange: parentSetSorting, columnOrdering: parentColumnOrdering, onColumnOrderingChange: parentSetColumnOrdering, columnVisibility: parentColumnVisibility, onColumnVisibilityChange: parentSetColumnVisibility, columnPinning: parentColumnPinning, onColumnPinningChange: parentSetColumnPinning, grouping: parentGrouping, onGroupingChange: parentSetGrouping, celFilterClassName, showContextualFilter, onContextCell, contextualMenuActions, layout, initialColumnSizing, onColumnSizingPersist, stickyHeader, celFilterConfig, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTable<TData extends RowData>({ id, config, title, description, emptyView, showError, className, fitContent, loading, renderSkeletonCell, serverSidePagination, ActionsComponent: Actions, onRowRender, renderExpandedRow, expanded: parentExpanded, onExpandedChange: parentOnExpandedChange, disableSearch, disableFilters, disableSorting, paginationConfig, disableColumnReordering, disableColumnVisibility, disableColumnResizing, disableColumnPinning, searchTerm: parentGlobalFilter, onSearchTermChange: parentSetGlobalFilter, filters: parentColumnFilters, onFiltersChange: parentSetColumnFilters, pagination: parentPagination, onPaginationChange: parentSetPagination, sorting: parentSorting, onSortingChange: parentSetSorting, columnOrdering: parentColumnOrdering, onColumnOrderingChange: parentSetColumnOrdering, columnVisibility: parentColumnVisibility, onColumnVisibilityChange: parentSetColumnVisibility, columnPinning: parentColumnPinning, onColumnPinningChange: parentSetColumnPinning, grouping: parentGrouping, onGroupingChange: parentSetGrouping, celFilterClassName, showContextualFilter, onContextCell, contextualMenuActions, layout, initialColumnSizing, onColumnSizingPersist, stickyHeader, celFilterConfig, }: DataTableProps<TData>): React$1.JSX.Element;
 
 type ViewFilterProps<TData extends RowData> = {
     columns: Column<TData, unknown>[];
@@ -507,6 +506,6 @@ type ViewFilterProps<TData extends RowData> = {
  * false`). CEL-based filtering (`celFilterConfig`) is the richer,
  * operator-driven tier this is not meant to replace.
  */
-declare function ViewFilter<TData extends RowData>({ columns, columnFilters, onColumnFiltersChange, className, }: ViewFilterProps<TData>): react_jsx_runtime.JSX.Element;
+declare function ViewFilter<TData extends RowData>({ columns, columnFilters, onColumnFiltersChange, className, }: ViewFilterProps<TData>): React$1.JSX.Element;
 
 export { CellContextualFilter, type CellContextualFilterProps, ColumnOptions, type ColumnOptionsProps, type ContextualMenuAction, DataTable, DataTableBody, type DataTableCelFilterConfig, DataTableCell, type DataTableEmptyConfig, DataTableEmptyView, DataTableExpandedRow, DataTableGroupRow, DataTableHeader, DataTablePagination, type DataTablePaginationConfig, type DataTablePaginationProps, type DataTableProps, DataTableRow, type DataTableRowProps, DataTableSkeletonBody, DataTableValueCell, type DataTableValueCellProps, ExpandButton, RowActionItem, RowActions, type RowCountRelation, type StickyHeaderConfig, type TableHookOptions, type TableLayout, TimestampCell, ViewFilter, type ViewFilterProps, defaultEmptyConfig, defaultErrorConfig, defaultNoFilterFoundConfig, getActionsColumnDefinition, getExpandColumnDefinition, normalizePageSizeOptions };

package/dist/filter-bar.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 type FilterType = 'checkbox' | 'radio' | 'text' | 'multiText' | 'date';
@@ -66,7 +65,7 @@ interface FilterBarProps extends React.ComponentProps<'div'> {
     onRemoveFilter: (key: string) => void;
     onChangeFilter: (key: string, value: FilterValue) => void;
 }
-declare function FilterBar({ filters, activeFilters, onAddFilter, onRemoveFilter, onChangeFilter, className, children, ...props }: FilterBarProps): react_jsx_runtime.JSX.Element;
+declare function FilterBar({ filters, activeFilters, onAddFilter, onRemoveFilter, onChangeFilter, className, children, ...props }: FilterBarProps): React.JSX.Element;
 interface FilterChipProps {
     definition: FilterDefinition;
     value: FilterValue | undefined;
@@ -75,6 +74,6 @@ interface FilterChipProps {
     onChangeValue: (value: FilterValue) => void;
     onRemove: () => void;
 }
-declare function FilterChip({ definition, value, autoOpen, onChangeValue, onRemove }: FilterChipProps): react_jsx_runtime.JSX.Element;
+declare function FilterChip({ definition, value, autoOpen, onChangeValue, onRemove }: FilterChipProps): React.JSX.Element;
 
 export { type ActiveFilter, type CheckboxFilterDefinition, type CheckboxFilterValue, type DateFilterDefinition, type DateFilterValue, FilterBar, type FilterBarProps, FilterChip, type FilterDefinition, type FilterOption, type FilterType, type FilterValue, type MultiTextFilterDefinition, type MultiTextFilterValue, type RadioFilterDefinition, type RadioFilterValue, type TextFilterDefinition, type TextFilterValue };

package/dist/floating-widget.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 type FloatingWidgetState = {
@@ -16,7 +15,7 @@ type FloatingWidgetState = {
 };
 declare function FloatingWidgetProvider({ children }: {
     children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 declare function useFloatingWidget(): FloatingWidgetState;
 interface FloatingWidgetProps {
     /** Title shown in the header bar. */
@@ -31,6 +30,6 @@ interface FloatingWidgetProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function FloatingWidget({ title, subtitle, menuItems, children, className }: FloatingWidgetProps): react_jsx_runtime.JSX.Element | null;
+declare function FloatingWidget({ title, subtitle, menuItems, children, className }: FloatingWidgetProps): React.JSX.Element | null;
 
 export { FloatingWidget, FloatingWidgetProvider, useFloatingWidget };

package/dist/index.d.ts

@@ -11,7 +11,6 @@ export { AbsoluteTimestamp, AbsoluteTimestampProps, ElapsedTime, ElapsedTimeProp
 export { SectionHeader, SectionHeaderActions, SectionHeaderContent, SectionHeaderDescription, SectionHeaderMeta, SectionHeaderTabs, SectionHeaderTitle } from './section-header.js';
 export { SectionNav, SectionNavGroup, SectionNavGroupLabel, SectionNavItem, SectionNavItemDescription, SectionNavList, SectionNavSub } from './section-nav.js';
 export { Timeline, TimelineItem } from './timeline.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'recharts';
 import '@tanstack/react-table';

package/dist/page-header.d.ts

@@ -1,12 +1,12 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 
-declare function PageHeader({ className, children, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function PageHeaderAvatar({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function PageHeaderContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function PageHeaderTitle({ className, ...props }: React.ComponentProps<'h1'>): react_jsx_runtime.JSX.Element;
-declare function PageHeaderDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
-declare function PageHeaderMeta({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function PageHeaderActions({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function PageHeaderTabs({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function PageHeader({ className, children, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function PageHeaderAvatar({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function PageHeaderContent({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function PageHeaderTitle({ className, ...props }: React.ComponentProps<'h1'>): React$1.JSX.Element;
+declare function PageHeaderDescription({ className, ...props }: React.ComponentProps<'p'>): React$1.JSX.Element;
+declare function PageHeaderMeta({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function PageHeaderActions({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function PageHeaderTabs({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
 
 export { PageHeader, PageHeaderActions, PageHeaderAvatar, PageHeaderContent, PageHeaderDescription, PageHeaderMeta, PageHeaderTabs, PageHeaderTitle };

package/dist/relative-time.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface RelativeTimeProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement>, 'dateTime' | 'title'> {
@@ -27,7 +26,7 @@ interface RelativeTimeProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElemen
  *
  * @see https://design.upbound.io/components/date-and-time
  */
-declare function RelativeTime({ date, variant, title, className, ...props }: RelativeTimeProps): react_jsx_runtime.JSX.Element;
+declare function RelativeTime({ date, variant, title, className, ...props }: RelativeTimeProps): React.JSX.Element;
 interface AbsoluteTimestampProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement>, 'dateTime'> {
     /** The timestamp to display. */
     date: Date | string | number;
@@ -40,7 +39,7 @@ interface AbsoluteTimestampProps extends Omit<React.TimeHTMLAttributes<HTMLTimeE
  * Formats a date as an absolute timestamp following the Content Principles.
  * Use for deadlines, certificate expiry, audit logs, and date-only displays.
  */
-declare function AbsoluteTimestamp({ date, variant, end, className, ...props }: AbsoluteTimestampProps): react_jsx_runtime.JSX.Element;
+declare function AbsoluteTimestamp({ date, variant, end, className, ...props }: AbsoluteTimestampProps): React.JSX.Element;
 interface ElapsedTimeProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement>, 'dateTime'> {
     /** Total elapsed seconds. Ignored if startedAt is provided. */
     seconds?: number;
@@ -55,6 +54,6 @@ interface ElapsedTimeProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement
  * Formats a duration as elapsed time following the Content Principles.
  * Use for reconciliation loops, build jobs, health checks, and running operations.
  */
-declare function ElapsedTime({ seconds: secondsProp, variant, live, startedAt, className, ...props }: ElapsedTimeProps): react_jsx_runtime.JSX.Element;
+declare function ElapsedTime({ seconds: secondsProp, variant, live, startedAt, className, ...props }: ElapsedTimeProps): React.JSX.Element;
 
 export { AbsoluteTimestamp, type AbsoluteTimestampProps, ElapsedTime, type ElapsedTimeProps, RelativeTime, type RelativeTimeProps };

package/dist/section-header.d.ts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 
-declare function SectionHeader({ className, children, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function SectionHeaderContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function SectionHeaderTitle({ className, ...props }: React.ComponentProps<'h2'>): react_jsx_runtime.JSX.Element;
-declare function SectionHeaderDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
-declare function SectionHeaderMeta({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function SectionHeaderActions({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function SectionHeaderTabs({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function SectionHeader({ className, children, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function SectionHeaderContent({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function SectionHeaderTitle({ className, ...props }: React.ComponentProps<'h2'>): React$1.JSX.Element;
+declare function SectionHeaderDescription({ className, ...props }: React.ComponentProps<'p'>): React$1.JSX.Element;
+declare function SectionHeaderMeta({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function SectionHeaderActions({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
+declare function SectionHeaderTabs({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
 
 export { SectionHeader, SectionHeaderActions, SectionHeaderContent, SectionHeaderDescription, SectionHeaderMeta, SectionHeaderTabs, SectionHeaderTitle };

package/dist/section-nav.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 /**
@@ -30,10 +29,10 @@ import * as React from 'react';
  *     <Link href="/settings">Account</Link>
  *   </SectionNavItem>
  */
-declare function SectionNav({ className, ...props }: React.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
-declare function SectionNavList({ className, ...props }: React.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
-declare function SectionNavGroup({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function SectionNavGroupLabel({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function SectionNav({ className, ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
+declare function SectionNavList({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+declare function SectionNavGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SectionNavGroupLabel({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 interface SectionNavItemProps extends React.ComponentProps<'a'> {
     /**
      * Marks the item as the current page. Applies active styling and sets
@@ -43,8 +42,8 @@ interface SectionNavItemProps extends React.ComponentProps<'a'> {
     isActive?: boolean;
     asChild?: boolean;
 }
-declare function SectionNavItem({ className, isActive, asChild, children, ...props }: SectionNavItemProps): react_jsx_runtime.JSX.Element;
-declare function SectionNavItemDescription({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
-declare function SectionNavSub({ className, ...props }: React.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
+declare function SectionNavItem({ className, isActive, asChild, children, ...props }: SectionNavItemProps): React.JSX.Element;
+declare function SectionNavItemDescription({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function SectionNavSub({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
 
 export { SectionNav, SectionNavGroup, SectionNavGroupLabel, SectionNavItem, SectionNavItemDescription, SectionNavList, SectionNavSub };

package/dist/timeline.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { ItemGroup, Item } from '@upbound/monarch-core';
 
-declare function Timeline({ className, ...props }: React.ComponentProps<typeof ItemGroup>): react_jsx_runtime.JSX.Element;
-declare function TimelineItem({ className, children, ...props }: React.ComponentProps<typeof Item>): react_jsx_runtime.JSX.Element;
+declare function Timeline({ className, ...props }: React.ComponentProps<typeof ItemGroup>): React.JSX.Element;
+declare function TimelineItem({ className, children, ...props }: React.ComponentProps<typeof Item>): React.JSX.Element;
 
 export { Timeline, TimelineItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@upbound/monarch-blocks",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Upbound's design system — composed components.",
   "license": "MIT",
   "repository": {
@@ -39,25 +39,25 @@
     "access": "public"
   },
   "peerDependencies": {
-    "react": "^18.3.0 || ^19.0.0",
+    "react": "^19.2.8",
     "react-dom": "^18.3.0 || ^19.0.0",
     "tailwindcss": "^4.0.0"
   },
   "dependencies": {
-    "@upbound/monarch-core": "^0.4.0",
-    "recharts": "^3.8.0",
+    "@upbound/monarch-core": "^0.5.0",
     "@tanstack/react-table": "^8.21.3",
+    "clsx": "^2.1.1",
     "radix-ui": "^1.4.3",
     "react-day-picker": "^10.0.1",
-    "clsx": "^2.1.1",
+    "recharts": "^3.8.0",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
-    "tsup": "^8.5.1",
+    "@babel/preset-env": "^8.0.2",
+    "@types/node": "^20.19.37",
+    "babel-jest": "^30.5.1",
     "glob": "^13.0.6",
     "ts-jest": "^29.4.12",
-    "babel-jest": "^30.5.1",
-    "@babel/preset-env": "^8.0.2",
-    "@types/node": "^20.19.37"
+    "tsup": "^8.5.1"
   }
 }