@ahrowe/ui 0.34.0 → 0.36.0

package/dist/types/common/themeProvider/themeProvider.d.ts

@@ -1,5 +1,5 @@
 import { default as React, Component } from 'react';
-import { Theme } from './theme.types';
+import { Theme } from './theme.types.js';
 interface Props {
     children: React.ReactNode;
     themes?: Theme[];

package/dist/types/common/tilt/index.d.ts

@@ -1,4 +1,4 @@
-export { default } from './tilt';
-export * from './tilt.types';
-export { defaultTiltEasing } from './tiltMath';
-export type { TiltAxisLock } from './tiltMath';
+export { default } from './tilt.js';
+export * from './tilt.types.js';
+export { defaultTiltEasing } from './tiltMath.js';
+export type { TiltAxisLock } from './tiltMath.js';

package/dist/types/common/tilt/tilt.d.ts

@@ -1,3 +1,3 @@
-import { TiltHandle, TiltProps } from './tilt.types';
-declare const Tilt: import('react').ForwardRefExoticComponent<TiltProps & import('react').RefAttributes<TiltHandle>>;
+import { TiltProps } from './tilt.types.js';
+declare function Tilt(props: TiltProps): import("react").JSX.Element;
 export default Tilt;

package/dist/types/common/tilt/tilt.types.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties, ReactNode } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { TiltAxisLock } from './tiltMath';
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { TiltAxisLock } from './tiltMath.js';
 export type TiltTrackingMode = 'self' | 'group';
 export type TiltSlots = 'root' | 'perspective' | 'surface';
 export interface TiltHandle {
@@ -31,6 +31,8 @@ export interface TiltProps extends HtmlProps {
     disabled?: boolean;
     /** Fires on every applied tilt update. */
     onTiltChange?: (rotateX: number, rotateY: number) => void;
+    /** Imperative handle for driving the tilt directly. */
+    ref?: Ref<TiltHandle>;
     className?: string;
     style?: CSSProperties;
     classNames?: SlotClassNames<TiltSlots>;

package/dist/types/common/tiltGroup/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './tiltGroup';
-export { useTiltGroup, TiltGroupContext } from './tiltGroup';
-export * from './tiltGroup.types';
+export { default } from './tiltGroup.js';
+export { useTiltGroup, TiltGroupContext } from './tiltGroup.js';
+export * from './tiltGroup.types.js';

package/dist/types/common/tiltGroup/tiltGroup.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { TiltGroupContextValue, TiltGroupProps } from './tiltGroup.types';
+import { TiltGroupContextValue, TiltGroupProps } from './tiltGroup.types.js';
 export declare const TiltGroupContext: import('react').Context<TiltGroupContextValue | null>;
 export declare function useTiltGroup(): TiltGroupContextValue | null;
 declare function TiltGroup({ children, className, style, ...rest }: TiltGroupProps): ReactElement;

package/dist/types/common/tiltGroup/tiltGroup.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { HtmlProps } from '../types/slots.types';
+import { HtmlProps } from '../types/slots.types.js';
 export interface TiltGroupContextValue {
     /** Last known pointer position, in coordinates relative to the group container's top-left corner. `null` once the pointer has left. */
     pointer: {

package/dist/types/common/timeInput/components/clockDial/clockDial.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { ClockDialProps } from './clockDial.types';
+import { ClockDialProps } from './clockDial.types.js';
 export default function ClockDial({ time, mode, use24Hour, minuteStep, onChange, onCommit, classNames, styles: slotStyles, }: ClockDialProps): React.JSX.Element;

package/dist/types/common/timeInput/components/clockDial/clockDial.types.d.ts

@@ -1,6 +1,6 @@
-import { TimeValue } from '../../timeFunctions';
-import { SlotClassNames, SlotStyles } from '../../../types/slots.types';
-import { TimeInputSlots } from '../../timeInput.types';
+import { TimeValue } from '../../timeFunctions.js';
+import { SlotClassNames, SlotStyles } from '../../../types/slots.types.js';
+import { TimeInputSlots } from '../../timeInput.types.js';
 export type ClockMode = 'hours' | 'minutes';
 export interface ClockDialProps {
     time: TimeValue;

package/dist/types/common/timeInput/components/clockDial/index.d.ts

@@ -1 +1 @@
-export { default } from './clockDial';
+export { default } from './clockDial.js';

package/dist/types/common/timeInput/index.d.ts

@@ -1 +1 @@
-export { default } from './timeInput';
+export { default } from './timeInput.js';

package/dist/types/common/timeInput/timeInput.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { TimeInputProps } from './timeInput.types';
+import { TimeInputProps } from './timeInput.types.js';
 export default function TimeInput({ value, selected, onChange, onSelect, formValidator, isInline, isModal, noInput, noHeader, showClearButton, showNowButton, minuteStep, use24Hour, minTime, maxTime, label, isValid, errorMessage, isRequired, disabled, className, style, classNames, styles: slotStyles, ...rest }: TimeInputProps): React.JSX.Element;

package/dist/types/common/timeInput/timeInput.types.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { FormValidator } from '../../services/formValidation';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { FormValidator } from '../../services/formValidation/index.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type TimeInputSlots = 'root' | 'clock' | 'clockHeader' | 'headerSegment' | 'meridiem' | 'clockFace' | 'clockHand' | 'clockNumber' | 'footer';
 export interface TimeInputProps extends Omit<HtmlProps, 'onChange' | 'onSelect'> {
     /** Current time as a "HH:MM" (24-hour) string. */

package/dist/types/common/timeline/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './timeline';
-export * from './timeline.types';
+export { default } from './timeline.js';
+export * from './timeline.types.js';

package/dist/types/common/timeline/timeline.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { TimelineProps } from './timeline.types';
+import { TimelineProps } from './timeline.types.js';
 export default function Timeline({ items, alignment, className, style, classNames, styles: slotStyles, ...rest }: TimelineProps): React.JSX.Element;

package/dist/types/common/timeline/timeline.types.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { IconContent } from '../types/icon.types';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { IconContent } from '../types/icon.types.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 /** Layout of entries relative to the connecting line. */
 export declare enum TimelineAlignment {
     /** Line and markers on the left, content to the right (the default). */

package/dist/types/common/timer/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './timer';
-export * from './timer.types';
+export { default } from './timer.js';
+export * from './timer.types.js';

package/dist/types/common/timer/timer.d.ts

@@ -1,3 +1,3 @@
-import { TimerHandle, TimerProps } from './timer.types';
-declare const Timer: import('react').ForwardRefExoticComponent<TimerProps & import('react').RefAttributes<TimerHandle>>;
+import { TimerProps } from './timer.types.js';
+declare function Timer(props: TimerProps): import("react").JSX.Element;
 export default Timer;

package/dist/types/common/timer/timer.types.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type TimerSlots = 'root' | 'ringWrapper' | 'ringSvg' | 'ringTrack' | 'ringProgress' | 'ripples' | 'ripple' | 'display' | 'time' | 'label' | 'controls' | 'addButton' | 'removeButton' | 'pauseButton' | 'cancelButton';
 export type TimerStatus = 'idle' | 'running' | 'paused' | 'completed' | 'cancelled';
 export interface TimerHandle {
@@ -68,7 +68,7 @@ export interface TimerProps extends HtmlProps {
     label?: ReactNode;
     /** Format the MM:SS (or H:MM:SS) readout. Defaults to a built-in formatter. */
     formatTime?: (remainingMs: number) => ReactNode;
-    /** Diameter of the ring, any CSS length. Sets `--timer-size`. @default '160px' */
+    /** Diameter of the ring, any CSS length. Sets `--timer-size`, which defaults to `10em`, 160px at a 16px base. */
     size?: string;
     /** Ring stroke width in px. Sets `--timer-stroke-width`. @default 10 */
     strokeWidth?: number;
@@ -99,6 +99,8 @@ export interface TimerProps extends HtmlProps {
     notificationTitle?: string;
     /** Notification body when `notifyOnComplete` is set. Falls back to `label` when it's a string. */
     notificationBody?: string;
+    /** Imperative handle for starting, pausing and resetting the timer. */
+    ref?: Ref<TimerHandle>;
     className?: string;
     style?: CSSProperties;
     classNames?: SlotClassNames<TimerSlots>;

package/dist/types/common/toast/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './toastProvider';
-export { showToast } from './toastService';
-export type { ToastProviderProps, ToastContextConfig, ToastOptions, ToastType, ToastPosition, ToastSlots, } from './toast.types';
+export { default } from './toastProvider.js';
+export { showToast } from './toastService.js';
+export type { ToastProviderProps, ToastContextConfig, ToastOptions, ToastType, ToastPosition, ToastSlots, } from './toast.types.js';

package/dist/types/common/toast/toast.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ToastItem, ToastLabels } from './toast.types';
+import { ToastItem, ToastLabels } from './toast.types.js';
 interface ToastProps {
     item: ToastItem;
     isBottom: boolean;

package/dist/types/common/toast/toast.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SlotClassNames, SlotStyles } from '../types/slots.types';
+import { SlotClassNames, SlotStyles } from '../types/slots.types.js';
 export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 export type ToastType = 'default' | 'info' | 'success' | 'error' | 'warn';
 export type ToastSlots = 'root' | 'icon' | 'content' | 'closeButton' | 'progressBar';

package/dist/types/common/toast/toastProvider.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { ToastContextConfig } from './toast.types';
+import { ToastContextConfig } from './toast.types.js';
 interface ToastProviderProps extends ToastContextConfig {
     children: ReactNode;
 }

package/dist/types/common/toast/toastService.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ToastOptions } from './toast.types';
+import { ToastOptions } from './toast.types.js';
 type ShowToastFn = (content: ReactNode, options?: ToastOptions) => void;
 export declare function _registerToastHandler(fn: ShowToastFn): void;
 export declare function _unregisterToastHandler(): void;

package/dist/types/common/tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './tooltip';
-export * from './tooltip.types';
+export { default } from './tooltip.js';
+export * from './tooltip.types.js';

package/dist/types/common/tooltip/tooltip.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { TooltipProps } from './tooltip.types';
-export default function Tooltip({ variant, message, isVisible, tooltipPosition, onClick }: TooltipProps): React.JSX.Element | null;
+import { TooltipProps } from './tooltip.types.js';
+export default function Tooltip({ variant, message, isVisible, tooltipPosition, onClick, labels, }: TooltipProps): React.JSX.Element | null;

package/dist/types/common/tooltip/tooltip.types.d.ts

@@ -1,5 +1,10 @@
 import { default as React } from 'react';
 export type TooltipVariant = 'info' | 'details' | 'error';
+/** Text Tooltip renders of its own, for translating it. */
+export interface TooltipLabels {
+    /** Accessible name of the `?` icon the `details` variant renders (default `More information`). */
+    details?: string;
+}
 export interface TooltipProps {
     variant: TooltipVariant;
     message?: React.ReactNode;
@@ -7,4 +12,6 @@ export interface TooltipProps {
     iconPosition?: string;
     tooltipPosition?: string;
     onClick?: () => void;
+    /** Overrides the text Tooltip renders of its own. Merged per key. */
+    labels?: TooltipLabels;
 }

package/dist/types/common/tree/flattenTree.d.ts

@@ -1,3 +1,3 @@
-import { FlatTreeNode, TreeNode, TreeValue } from './tree.types';
+import { FlatTreeNode, TreeNode, TreeValue } from './tree.types.js';
 /** The visible nodes in render order. Flat, not nested, deliberately: see docs/Tree.md. */
 export declare function flattenTree(nodes: TreeNode[], expandedKeys: TreeValue[], level?: number, parentKey?: TreeValue | null): FlatTreeNode[];

package/dist/types/common/tree/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './tree';
-export { flattenTree } from './flattenTree';
-export * from './tree.types';
+export { default } from './tree.js';
+export { flattenTree } from './flattenTree.js';
+export * from './tree.types.js';

package/dist/types/common/tree/tree.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { TreeProps } from './tree.types';
+import { TreeProps } from './tree.types.js';
 declare function Tree(props: TreeProps): ReactElement;
 export default Tree;

package/dist/types/common/tree/tree.types.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { IconContent } from '../types/icon.types';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { IconContent } from '../types/icon.types.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type TreeValue = string | number;
 export interface TreeNode {
     key: TreeValue;

package/dist/types/common/types/actions.types.d.ts

@@ -1,4 +1,4 @@
-import { IconContent } from './icon.types';
+import { IconContent } from './icon.types.js';
 /** A single icon-triggered action, rendered as an `ActionIcon` */
 export interface IconAction {
     title?: string;

package/dist/types/common/types/baseProps.types.d.ts

@@ -15,6 +15,12 @@ type DataAttributes = {
  * matching React type instead and add `DataProps` for the `data-*` half — `Button` does this
  * with `React.ButtonHTMLAttributes<HTMLButtonElement>`.
  *
+ * `ref` is deliberately *not* here. `Ref<E>` is invariant, so a shared `Ref<HTMLElement>` is not
+ * assignable to the `<div>` it would be spread onto, and narrowing the default to `HTMLDivElement`
+ * re-types every event handler with it — which breaks `Dropdown` and `SplitButton`, whose `onClick`
+ * is typed for the `<button>` they hand it to. A component that accepts a ref declares it itself,
+ * next to its other props, typed for the element it actually lands on.
+ *
  * A component prop that collides with a native one of the same name must `Omit` the native one.
  */
 export type HtmlProps<E extends HTMLElement = HTMLElement> = React.HTMLAttributes<E> & DataAttributes;

package/dist/types/common/types/slots.types.d.ts

@@ -1,4 +1,4 @@
 import { CSSProperties } from 'react';
 export type SlotClassNames<Keys extends string> = Partial<Record<Keys, string>>;
 export type SlotStyles<Keys extends string> = Partial<Record<Keys, CSSProperties>>;
-export type { HtmlProps, DataProps } from './baseProps.types';
+export type { HtmlProps, DataProps } from './baseProps.types.js';

package/dist/types/common/utils/interactiveTarget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Whether a click landed on a control of its own inside `container`, rather than on the container.
+ *
+ * `container` itself never counts, or one carrying `role="button"` would exclude every click it is
+ * meant to answer. `role="group"` is absent for the same reason: it marks a wrapper, not a control.
+ */
+export declare function isInteractiveTarget(target: EventTarget | null, container: Element | null): boolean;

package/dist/types/common/utils/listNavigation.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Where the highlight goes next in a list the arrow keys move through.
+ *
+ * Shared so the library's listboxes agree on it. They did not: Dropdown wrapped and skipped
+ * disabled options, MultiSelect wrapped but stopped on them, and InputDropdown clamped at both
+ * ends and cleared the highlight when ArrowUp reached the top. Moving between two fields in the
+ * same form behaved differently for no reason a user could see.
+ *
+ * Only the arithmetic is shared. Which key means what, and what selecting does, stays with each
+ * component, because those genuinely differ.
+ */
+/** `null` is "nothing highlighted": the state a freshly opened list starts in. */
+export type ActiveIndex = number | null;
+export interface ListNavigationOptions {
+    /** Options that cannot be highlighted, by index. */
+    isDisabled?: (index: number) => boolean;
+    /**
+     * Whether moving past an end comes back round. `false` stops on the last selectable option,
+     * for a list whose first entry is the text the user is still typing.
+     */
+    wrap?: boolean;
+}
+/**
+ * The next selectable index in `step` direction, or `null` when the list has nothing to
+ * highlight. From `null` a forward step enters at the top and a backward step at the bottom,
+ * which is what both a native `<select>` and the ARIA combobox pattern do.
+ */
+export declare function nextIndex(from: ActiveIndex, step: 1 | -1, length: number, { isDisabled, wrap }?: ListNavigationOptions): ActiveIndex;
+/** The first or last selectable index, for Home and End. */
+export declare function edgeIndex(edge: 'first' | 'last', length: number, options?: ListNavigationOptions): ActiveIndex;
+/**
+ * Scrolls `option` into view inside `list`, moving nothing else on the page.
+ *
+ * The arrow keys move a highlight, not the focus — the focus stays on the combobox, because that
+ * is what `aria-activedescendant` points from. So the browser never scrolls the option into view
+ * by itself, and a list taller than its panel would highlight rows the user cannot see.
+ *
+ * Measured with `getBoundingClientRect` rather than `offsetTop`, which is relative to the nearest
+ * positioned ancestor and so silently wrong whenever that is not the scrolling element itself.
+ * `scrollIntoView` would be shorter but is free to scroll every ancestor, including the page
+ * behind the panel.
+ *
+ * Rectangles are what the screen shows, and `scrollTop` is in layout pixels, so the two disagree
+ * whenever an ancestor carries a scale — which every one of these lists does, because the Popover
+ * panel holding them animates in from a smaller size. Measured mid-animation, a list 260 layout
+ * pixels tall reports a rectangle of 182, and scrolling by the raw difference moved 30% short
+ * every step. `offsetHeight` against the rectangle's height recovers the factor.
+ */
+export declare function scrollOptionIntoView(list: HTMLElement | null | undefined, option: Element | null | undefined): void;

package/dist/types/common/utils/mergeRefs.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'react';
+/**
+ * Fans one element out to several refs, for a component that needs the node itself *and*
+ * hands it to the consumer through a `ref` prop.
+ *
+ * The returned callback is a new function on every render, so React detaches and reattaches
+ * it each time (null, then the node). Every ref here is therefore written twice per render,
+ * which is fine for storing a node and wrong for anything with a side effect. Call it inline
+ * rather than memoising: a memo would have to list the refs it closes over, and a consumer
+ * passing an inline callback ref changes that identity every render anyway.
+ */
+export declare function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): (node: T | null) => void;

package/dist/types/common/utils/renderIcon.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { IconContent } from '../types/icon.types';
+import { IconContent } from '../types/icon.types.js';
 interface RenderIconOptions {
     /** Class applied to the rendered icon (or to the wrapper span for a custom element). */
     className?: string;

package/dist/types/common/virtualList/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './virtualList';
-export * from './virtualList.types';
+export { default } from './virtualList.js';
+export * from './virtualList.types.js';

package/dist/types/common/virtualList/useColumnResize.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { VirtualListColumn } from './virtualList.types';
+import { VirtualListColumn } from './virtualList.types.js';
 interface UseColumnResizeArgs<T> {
     columns?: VirtualListColumn<T>[];
     /**

package/dist/types/common/virtualList/useColumns.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { VirtualListColumn } from './virtualList.types';
+import { VirtualListColumn } from './virtualList.types.js';
 interface UseColumnsArgs<T> {
     columns?: VirtualListColumn<T>[];
     items: T[];

package/dist/types/common/virtualList/useRowDrag.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TreeDropPosition, TreeDropTarget } from './virtualList.types';
+import { TreeDropPosition, TreeDropTarget } from './virtualList.types.js';
 interface UseRowDragArgs {
     reorderable: boolean;
     treeReorder: boolean;

package/dist/types/common/virtualList/useRowNavigation.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { VirtualListScrollOptions } from './virtualList.types';
+import { VirtualListScrollOptions } from './virtualList.types.js';
 interface UseRowNavigationArgs {
     enabled: boolean;
     rowCount: number;

package/dist/types/common/virtualList/useSorting.d.ts

@@ -1,4 +1,4 @@
-import { VirtualListColumn, VirtualListSort } from './virtualList.types';
+import { VirtualListColumn, VirtualListSort } from './virtualList.types.js';
 interface UseSortingArgs<T> {
     items: T[];
     columns?: VirtualListColumn<T>[];

package/dist/types/common/virtualList/useVirtualWindow.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { VirtualListHandle } from './virtualList.types';
+import { VirtualListHandle } from './virtualList.types.js';
 interface UseVirtualWindowArgs<T> {
     items: T[];
     /** Stable key per row (already derived by the caller). */

package/dist/types/common/virtualList/virtualList.d.ts

@@ -1,7 +1,5 @@
 import { default as React } from 'react';
-import { VirtualListProps, VirtualListHandle } from './virtualList.types';
-export { buildOffsets, findStartIndex, getVisibleRange, resolveReorderTarget, resolveTreeDropTarget, lastDescendantIndex, buildColumnTemplate, compareSortValues, isColumnSortable, isEmptySortValue, nextSort, sortItems, } from './virtualList.utils';
-declare const VirtualList: <T>(props: VirtualListProps<T> & {
-    ref?: React.Ref<VirtualListHandle>;
-}) => React.ReactElement | null;
+import { VirtualListProps } from './virtualList.types.js';
+export { buildOffsets, findStartIndex, getVisibleRange, resolveReorderTarget, resolveTreeDropTarget, lastDescendantIndex, buildColumnTemplate, compareSortValues, isColumnSortable, isEmptySortValue, nextSort, sortItems, } from './virtualList.utils.js';
+declare function VirtualList<T>({ ref, items, renderRow, ariaRoles, columns, height, estimatedRowHeight, overscan, rowGap, rowPadding, selectedKey, getItemKey, onRowClick, keyboardNavigation, visibleColumnKeys, onVisibleColumnsChange, persistColumnsKey, resizableColumns, columnWidths, onColumnWidthsChange, labels, sort, defaultSort, onSortChange, showColumnToggle, onLoadMore, loadMoreThreshold, isLoading, multiSelect, selectedKeys, onSelectionChange, reorderable, onReorder, longPressDelay, treeReorder, getItemDepth, isGroup, onTreeDrop, treeIndentPx, dragHandle, showDivider, rowHover, className, style, classNames, styles: slotStyles, ...rest }: VirtualListProps<T>): React.JSX.Element;
 export default VirtualList;

package/dist/types/common/virtualList/virtualList.types.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type ColumnWidthFixed = {
     type: 'fixed';
     px: number;
@@ -308,6 +308,8 @@ export interface VirtualListProps<T> extends HtmlProps {
      * and touch. Render a handle in your row, e.g. `<span data-drag-handle>⠿</span>`.
      */
     dragHandle?: boolean;
+    /** Imperative handle for scrolling and for recalculating column layout. */
+    ref?: Ref<VirtualListHandle>;
     className?: string;
     style?: CSSProperties;
     classNames?: SlotClassNames<VirtualListSlots>;

package/dist/types/common/virtualList/virtualList.utils.d.ts

@@ -1,4 +1,4 @@
-import { ColumnWidthSpec, SortValue, VirtualListColumn, VirtualListSort } from './virtualList.types';
+import { ColumnWidthSpec, SortValue, VirtualListColumn, VirtualListSort } from './virtualList.types.js';
 export declare function buildOffsets(keys: (string | number)[], heightsMap: Map<string | number, number>, estimatedRowHeight: number, rowGap?: number): {
     offsets: number[];
     totalHeight: number;

package/dist/types/common/virtualList/virtualListHeader.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { UseColumnsResult } from './useColumns';
-import { UseColumnResizeResult } from './useColumnResize';
-import { SlotClassNames, SlotStyles } from '../types/slots.types';
-import { VirtualListColumn, VirtualListLabels, VirtualListSlots, VirtualListSort } from './virtualList.types';
+import { UseColumnsResult } from './useColumns.js';
+import { UseColumnResizeResult } from './useColumnResize.js';
+import { SlotClassNames, SlotStyles } from '../types/slots.types.js';
+import { VirtualListColumn, VirtualListLabels, VirtualListSlots, VirtualListSort } from './virtualList.types.js';
 interface VirtualListHeaderProps<T> {
     headerRef: React.RefObject<HTMLDivElement | null>;
     /** Every column, including hidden ones: the toggle menu lists them all. */

package/dist/types/common/virtualList/virtualRow.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TreeDropPosition } from './virtualList.types';
+import { TreeDropPosition } from './virtualList.types.js';
 export interface VirtualRowProps {
     index: number;
     /** Referenced by the list's `aria-activedescendant` while this row is active. */

package/dist/types/common/wizard/index.d.ts

@@ -1 +1 @@
-export { default } from './wizard';
+export { default } from './wizard.js';

package/dist/types/common/wizard/wizard.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { WizardProps } from './wizard.types';
+import { WizardProps } from './wizard.types.js';
 export default function Wizard({ currentStep, stepCount, renderStep, className, style, classNames, styles: slotStyles, ...rest }: WizardProps): React.JSX.Element;

package/dist/types/common/wizard/wizard.types.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type WizardSlots = 'root' | 'container' | 'step' | 'stepContent';
 export interface WizardProps extends HtmlProps {
     currentStep?: number;