@ahrowe/ui 0.27.0 → 0.29.0

package/dist/types/{package/common → common}/animatedIcon/animatedIcon.d.ts

@@ -1,3 +1,3 @@
 import { AnimatedIconProps } from './animatedIcon.types';
-declare function AnimatedIcon({ icon, duration, spin, className, style, onClick, onMouseEnter, onMouseLeave, classNames, styles: slotStyles, ...rest }: AnimatedIconProps): import("react/jsx-runtime").JSX.Element;
+declare function AnimatedIcon({ icon, duration, spin, className, style, onClick, onMouseEnter, onMouseLeave, classNames, styles: slotStyles, ...rest }: AnimatedIconProps): import("react").JSX.Element;
 export default AnimatedIcon;

package/dist/types/common/card/Card.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CardProps } from './card.types';
+declare function Card(props: CardProps): React.JSX.Element;
+export default Card;

package/dist/types/{package/common → common}/card/CardActions.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CardActionsProps } from './card.types';
-declare function CardActions({ className, actions, children }: CardActionsProps): import("react/jsx-runtime").JSX.Element;
+declare function CardActions({ className, actions, children }: CardActionsProps): React.JSX.Element;
 export default CardActions;

package/dist/types/common/card/CardContent.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CardContentProps } from './card.types';
+declare function CardContent({ children }: CardContentProps): React.JSX.Element;
+export default CardContent;

package/dist/types/{package/common → common}/card/CardHeader.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { CardHeaderProps } from './card.types';
-declare function CardHeader({ className, title, subTitle, thumbnail, actions, }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, title, subTitle, thumbnail, actions, }: CardHeaderProps): React.JSX.Element;
 export default CardHeader;

package/dist/types/common/card/CardMedia.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CardMediaProps } from './card.types';
+declare function CardMedia({ src, alt }: CardMediaProps): React.JSX.Element;
+export default CardMedia;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CarouselProps } from './carousel.types';
+declare function Carousel(props: CarouselProps): React.JSX.Element;
+export default Carousel;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ChipProps } from './chip.types';
+declare function Chip(props: ChipProps): React.JSX.Element;
+export default Chip;

package/dist/types/{package/common → common}/configProvider/configProvider.d.ts

@@ -9,5 +9,5 @@ export declare const ConfigContext: React.Context<ComponentDefaults | null>;
  * consumer who missed one would get sheets in half their app.
  */
 export declare const PresentationContext: React.Context<Presentation | undefined>;
-declare function ConfigProvider({ children, defaultProps, presentation }: ConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function ConfigProvider({ children, defaultProps, presentation }: ConfigProviderProps): React.JSX.Element;
 export default ConfigProvider;

package/dist/types/{package/common → common}/configProvider/configProvider.types.d.ts

@@ -29,6 +29,9 @@ import { FlipProps } from '../flip/flip.types';
 import { OptionPickerProps } from '../optionPicker/optionPicker.types';
 import { TimerProps } from '../timer/timer.types';
 import { OtpInputProps } from '../otpInput/otpInput.types';
+import { MultiSelectProps } from '../multiSelect/multiSelect.types';
+import { PaginationProps } from '../pagination/pagination.types';
+import { TreeProps } from '../tree/tree.types';
 import { RoomDrawerProps } from '../roomDrawer/roomDrawer.types';
 import { RoomViewerProps } from '../roomViewer/roomViewer.types';
 import { FloatingMenuProps, Presentation } from '../floatingMenu/floatingMenu.types';
@@ -79,6 +82,9 @@ export interface ComponentDefaults {
     OptionPicker?: Partial<OptionPickerProps>;
     Timer?: Partial<TimerProps>;
     OtpInput?: Partial<OtpInputProps>;
+    MultiSelect?: Partial<MultiSelectProps>;
+    Pagination?: Partial<PaginationProps>;
+    Tree?: Partial<TreeProps>;
     RoomDrawer?: Partial<RoomDrawerProps>;
     RoomViewer?: Partial<RoomViewerProps>;
     FloatingMenu?: Partial<FloatingMenuProps>;

package/dist/types/{package/common → common}/datePicker/components/datePickerMonth/datePickerMonth.d.ts

@@ -10,5 +10,5 @@ interface DatePickerMonthProps {
     /** Called to shift the displayed month by ±1 when arrow navigation runs past its edge. */
     onNavigateMonth?: (delta: 1 | -1) => void;
 }
-export default function DatePickerMonth({ className, month, year, onSelect, selectionStart, selectionEnd, minDate, maxDate, onNavigateMonth, }: DatePickerMonthProps): import("react/jsx-runtime").JSX.Element;
+export default function DatePickerMonth({ className, month, year, onSelect, selectionStart, selectionEnd, minDate, maxDate, onNavigateMonth, }: DatePickerMonthProps): import("react").JSX.Element;
 export {};

package/dist/types/{package/common → common}/datePicker/datePicker.d.ts

@@ -21,4 +21,4 @@ export interface DatePickerProps {
     startDate?: Date;
     endDate?: Date;
 }
-export default function DatePicker(props: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export default function DatePicker(props: DatePickerProps): React.JSX.Element;

package/dist/types/{package/common → common}/drawer/drawer.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { DrawerProps } from './drawer.types';
-declare function Drawer({ className, isOpen, closedWidth, openedWidth, children, }: DrawerProps): ReactElement;
+declare function Drawer({ className, isOpen, closedWidth, openedWidth, children }: DrawerProps): ReactElement;
 export default Drawer;

package/dist/types/{package/common → common}/dropZone/dropZone.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { DropZoneProps } from './dropZone.types';
-declare function DropZone({ children, acceptedTypes, returnType, openPickerOnClick, multiple, maxFiles, maxSize, enablePaste, allowDirectories, capture, disabled, unstyled, showFileNames, files, onFilesChanged, onReject, onStatusChanged, className, style, classNames, styles: slotStyles, ...rest }: DropZoneProps): import("react/jsx-runtime").JSX.Element;
+declare function DropZone({ children, acceptedTypes, returnType, openPickerOnClick, multiple, maxFiles, maxSize, enablePaste, allowDirectories, capture, disabled, unstyled, showFileNames, files, onFilesChanged, onReject, onStatusChanged, className, style, classNames, styles: slotStyles, ...rest }: DropZoneProps): React.JSX.Element;
 export default DropZone;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DropdownProps } from './dropdown.types';
+declare function Dropdown(props: DropdownProps): React.JSX.Element;
+export default Dropdown;

package/dist/types/{package/common → common}/fab/components/fabBase/fabBase.d.ts

@@ -1,3 +1,3 @@
 import { FabBaseProps } from './fabBase.types';
-declare function FabBase({ children, size, className, styleType, onClick, }: FabBaseProps): import("react/jsx-runtime").JSX.Element;
+declare function FabBase({ children, size, className, styleType, onClick, }: FabBaseProps): import("react").JSX.Element;
 export default FabBase;

package/dist/types/{package/common → common}/fab/fab.d.ts

@@ -1,3 +1,3 @@
 import { FabProps } from './fab.types';
-declare function Fab({ children, size, menuEntries, onMenuEntryClicked, onClick, closeMenuOnEntryClicked, ...rest }: FabProps): import("react/jsx-runtime").JSX.Element;
+declare function Fab({ children, size, menuEntries, onMenuEntryClicked, onClick, closeMenuOnEntryClicked, ...rest }: FabProps): import("react").JSX.Element;
 export default Fab;

package/dist/types/{package/common → common}/floatingMenu/floatingMenu.d.ts

@@ -1,3 +1,3 @@
 import { FloatingMenuProps } from './floatingMenu.types';
-declare function FloatingMenu(props: FloatingMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function FloatingMenu(props: FloatingMenuProps): import("react").JSX.Element;
 export default FloatingMenu;

package/dist/types/{package/common → common}/floatingMenu/useFloatingPosition.d.ts

@@ -13,17 +13,15 @@ export interface UseFloatingPositionArgs {
     placement?: 'top' | 'bottom';
 }
 /**
- * Keeps a portaled, `position: fixed` popup anchored to a trigger element: tracks the
- * trigger across scroll/resize on every real scrolling ancestor, flips above the trigger
- * when there's no room below, and hides (not closes) the popup when the trigger itself
+ * Keeps a portaled, `position: fixed` popup anchored to a trigger element: flips above the
+ * trigger when there's no room below, and hides (not closes) the popup when the trigger itself
  * scrolls behind a clipping ancestor — matching Floating UI's autoUpdate + hide middleware.
  * It also shifts the popup horizontally to stay within the viewport: `align`/RTL-style CSS
  * only positions the panel relative to the anchor's own box and has no awareness of where
  * that box actually sits on screen, so a trigger near a screen edge would otherwise let the
  * panel overflow it with no correction.
  *
- * Position/visibility are written straight to the DOM via refs, not through React state:
- * going through setState -> re-render -> commit adds a round-trip that lags behind the
- * browser's own scroll painting by at least a frame.
+ * `useAnchorTracking` supplies the lifecycle around this: mount wait, ancestor resolution, and
+ * re-running on scroll, viewport resize and panel size changes.
  */
-export declare function useFloatingPosition({ isOpen, triggerRef, anchorRef, panelRef, flipClassName, placement }: UseFloatingPositionArgs): void;
+export declare function useFloatingPosition({ isOpen, triggerRef, anchorRef, panelRef, flipClassName, placement, }: UseFloatingPositionArgs): void;

package/dist/types/common/hooks/useAnchorTracking.d.ts

@@ -0,0 +1,40 @@
+import { RefObject } from 'react';
+export interface UseAnchorTrackingArgs {
+    isOpen: boolean;
+    /** The element the popup is anchored to. Its scrollable ancestors are what get tracked. */
+    triggerRef: RefObject<HTMLElement | null>;
+    /**
+     * Every element the positioning maths needs. Tracking starts only once all of them, plus the
+     * trigger, are mounted. Read fresh on each setup, so an inline array literal is fine.
+     */
+    elementRefs: RefObject<HTMLElement | null>[];
+    /**
+     * Positions the popup. Called once on setup and then on every scroll, resize and tracked size
+     * change. Reads the caller's own refs for everything beyond the two arguments.
+     */
+    update: (trigger: HTMLElement, ancestors: HTMLElement[]) => void;
+    /**
+     * Elements whose own size changes must re-run `update`: a popup whose content changes size
+     * while open (a filtered list shrinking, an async list loading in) otherwise keeps coordinates
+     * computed for its old height and ends up detached from the trigger. Re-read on every update,
+     * since a panel can mount a commit later than the element it hangs off.
+     */
+    resizeRefs?: RefObject<HTMLElement | null>[];
+    /** Hands the popup's elements back as they were found. Runs when tracking stops. */
+    teardown?: () => void;
+    /** Values that must restart tracking, and so re-run `update`, when they change. */
+    deps?: readonly unknown[];
+}
+/**
+ * The lifecycle half of anchoring a portaled, `position: fixed` popup to a trigger: waits for the
+ * elements to mount, resolves the trigger's scrolling ancestors once, and re-runs the caller's
+ * positioning on every scroll, viewport resize and tracked size change until it closes.
+ *
+ * Callers supply only the geometry (`update`) and the inline styles to clear again (`teardown`);
+ * `useFloatingPosition` and `usePopoverPosition` are both built on this.
+ *
+ * Position is deliberately written straight to the DOM by the caller rather than through React
+ * state: going through setState -> re-render -> commit adds a round-trip that lags behind the
+ * browser's own scroll painting by at least a frame.
+ */
+export declare function useAnchorTracking({ isOpen, triggerRef, elementRefs, update, resizeRefs, teardown, deps, }: UseAnchorTrackingArgs): void;

package/dist/types/{package/common → common}/hooks/useOverlay.d.ts

@@ -23,4 +23,4 @@ export interface UseOverlayArgs {
  * The scroll lock is reference-counted for the same reason: the page stays locked until the last
  * overlay closes, and the body's original inline styles are restored rather than cleared.
  */
-export declare function useOverlay({ isActive, containerRef, onEscape, trapFocus, lockScroll, }: UseOverlayArgs): void;
+export declare function useOverlay({ isActive, containerRef, onEscape, trapFocus, lockScroll }: UseOverlayArgs): void;

package/dist/types/{package/common → common}/iconPicker/iconPicker.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { IconPickerProps } from './iconPicker.types';
-export default function IconPicker({ data, selectedId, label, onChange, formValidator, isRequired: _isRequired, className, style, classNames, styles: slotStyles, ...rest }: IconPickerProps): import("react/jsx-runtime").JSX.Element;
+export default function IconPicker({ data, selectedId, label, onChange, formValidator, isRequired: _isRequired, className, style, classNames, styles: slotStyles, ...rest }: IconPickerProps): React.JSX.Element;

package/dist/types/{package/common → common}/idleManager/idleManager.d.ts

@@ -1,3 +1,3 @@
 import { IdleManagerProps } from './idleManager.types';
-declare function IdleManager({ children, idleAfterSeconds, renderCondition, }: IdleManagerProps): import("react/jsx-runtime").JSX.Element;
+declare function IdleManager({ children, idleAfterSeconds, renderCondition }: IdleManagerProps): import("react").JSX.Element;
 export default IdleManager;

package/dist/types/{package/common → common}/infiniteBlock/infiniteBlock.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { InfiniteBlockProps } from './infiniteBlock.types';
-declare function InfiniteBlock({ children, onScroll, className, isDataLoading, setHighlightedIndex, }: InfiniteBlockProps): import("react/jsx-runtime").JSX.Element;
+declare function InfiniteBlock({ children, onScroll, className, isDataLoading, setHighlightedIndex, }: InfiniteBlockProps): React.JSX.Element;
 export default InfiniteBlock;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { InputProps } from './input.types';
+declare function Input(props: InputProps): React.JSX.Element;
+export default Input;

package/dist/types/{package/common → common}/inputDropdown/inputDropdown.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { InputDropdownProps } from './inputDropdown.types';
-export default function InputDropdown(props: InputDropdownProps): import("react/jsx-runtime").JSX.Element;
+export default function InputDropdown(props: InputDropdownProps): React.JSX.Element;

package/dist/types/{package/common → common}/inputDropdown/inputDropdown.types.d.ts

@@ -19,6 +19,12 @@ export interface InputDropdownProps extends Omit<HtmlProps, 'onSelect'> {
      * instead of only when an item is picked from the list.
      */
     allowCustomValue?: boolean;
+    /**
+     * Maximum number of filtered items rendered in the list. Matches beyond this
+     * are dropped (the user narrows by typing, not by scrolling). `0` renders all
+     * matches. Default `100`.
+     */
+    maxItems?: number;
     onSelect?: (value: string) => void;
     onChange?: (value: unknown) => void;
     placeholder?: string;

package/dist/types/{package/common → common}/kanbanBoard/KanbanBoard.d.ts

@@ -1,3 +1,3 @@
 import { KanbanBoardProps } from './kanbanBoard.types';
-declare function KanbanBoard<T = unknown>({ columns, items, renderItem, onChange, dragHandle, getItemLabel, getItemDisabled, renderEmptyColumn, renderColumnActions, reorderableColumns, collapseEmptyColumns, columnMaxHeight, onLoadMore, loadMoreThreshold, className, style, classNames, styles: slotStyles, ...rest }: KanbanBoardProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function KanbanBoard<T = unknown>({ columns, items, renderItem, onChange, dragHandle, getItemLabel, getItemDisabled, renderEmptyColumn, renderColumnActions, reorderableColumns, collapseEmptyColumns, columnMaxHeight, onLoadMore, loadMoreThreshold, className, style, classNames, styles: slotStyles, ...rest }: KanbanBoardProps<T>): import("react").JSX.Element;
 export default KanbanBoard;

package/dist/types/{package/common → common}/kanbanBoard/KanbanColumn.d.ts

@@ -41,5 +41,5 @@ interface KanbanColumnInternalProps<T> extends KanbanColumnProps {
     /** Scroll distance from the bottom that triggers `onLoadMore` — see `KanbanBoardProps.loadMoreThreshold`. */
     loadMoreThreshold?: number;
 }
-declare function KanbanColumn<T>({ id, title, itemIds, items, renderItem, dragHandle, preserveSizeWhileEmpty, collapseEmptyColumns, maxItems, disabled, getItemDisabled, emptyPlaceholder, actions, reorderable, activeIsColumn, columnMaxHeight, hasMore, onLoadMore, loadMoreThreshold, className, style, classNames, styles: slotStyles, ...rest }: KanbanColumnInternalProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function KanbanColumn<T>({ id, title, itemIds, items, renderItem, dragHandle, preserveSizeWhileEmpty, collapseEmptyColumns, maxItems, disabled, getItemDisabled, emptyPlaceholder, actions, reorderable, activeIsColumn, columnMaxHeight, hasMore, onLoadMore, loadMoreThreshold, className, style, classNames, styles: slotStyles, ...rest }: KanbanColumnInternalProps<T>): import("react").JSX.Element;
 export default KanbanColumn;

package/dist/types/{package/common → common}/kanbanBoard/KanbanItem.d.ts

@@ -1,3 +1,3 @@
 import { KanbanItemProps } from './kanbanBoard.types';
-declare function KanbanItem({ id, dragHandle, disabled, preventAsDropTarget, children }: KanbanItemProps): import("react/jsx-runtime").JSX.Element;
+declare function KanbanItem({ id, dragHandle, disabled, preventAsDropTarget, children }: KanbanItemProps): import("react").JSX.Element;
 export default KanbanItem;

package/dist/types/{package/common → common}/loading/iconLoading/iconLoading.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 declare function IconLoading({ className }: {
     className?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export default IconLoading;

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

@@ -0,0 +1,3 @@
+import { ModalProps } from './modal.types';
+declare function Modal(props: ModalProps): import("react").JSX.Element | null;
+export default Modal;

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

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

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

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { MultiSelectProps } from './multiSelect.types';
+declare function MultiSelect(props: MultiSelectProps): ReactElement;
+export default MultiSelect;

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

@@ -0,0 +1,62 @@
+import { CSSProperties } from 'react';
+import { FormValidator } from '../../services/formValidation';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { Presentation } from '../floatingMenu/floatingMenu.types';
+export type MultiSelectValue = string | number;
+export interface MultiSelectItem {
+    key: MultiSelectValue;
+    /** Visible text. A string, not a `ReactNode`, because it also renders inside a `Chip`. */
+    label: string;
+    /** Disable just this option. */
+    disabled?: boolean;
+}
+export type MultiSelectSlots = 'root' | 'label' | 'fieldset' | 'control' | 'values' | 'chip' | 'placeholder' | 'clearButton' | 'icon' | 'panel' | 'search' | 'options' | 'option' | 'optionCheck' | 'optionLabel' | 'empty';
+export interface MultiSelectProps extends Omit<HtmlProps<HTMLDivElement>, 'onChange' | 'value' | 'defaultValue'> {
+    /** The selectable options. */
+    items: MultiSelectItem[];
+    /** Controlled selection. Omit for uncontrolled. */
+    value?: MultiSelectValue[];
+    /** Initial selection when uncontrolled (default `[]`). */
+    defaultValue?: MultiSelectValue[];
+    /** Fires with the full new selection, in the order the items were picked. */
+    onChange?: (value: MultiSelectValue[]) => void;
+    /** Field label. Rests inside the control and floats up into the border notch, like `Input`. */
+    label?: string;
+    /** Keep the label floating even when the field is empty and unfocused (default `false`). */
+    alwaysFloatLabel?: boolean;
+    /** Shown while nothing is selected. With a `label`, only once the label has floated clear. */
+    placeholder?: string;
+    /** Show a search box in the panel that filters the options (default `false`). */
+    searchable?: boolean;
+    /**
+     * Let the user add a value that isn't in `items` by typing it and picking the "add" row that
+     * appears. Implies `searchable`, since the search box is where the value is typed. The new
+     * value becomes its own key, so `onChange` reports it as a plain string.
+     */
+    allowCustomValues?: boolean;
+    /** Label for the row that adds a typed value (default `Add "…"`). */
+    createLabel?: (value: string) => string;
+    /** Placeholder for the search box (default `'Search…'`). */
+    searchPlaceholder?: string;
+    /** Text shown in the panel when no option matches (default `'No matches'`). */
+    emptyLabel?: string;
+    /** Cap the number of selections. Unselected options disable once the cap is reached. */
+    maxSelected?: number;
+    /** Show a button that clears the whole selection (default `true`). */
+    clearable?: boolean;
+    disabled?: boolean;
+    /** Show the selection but allow no changes, without the dimming `disabled` applies. */
+    readOnly?: boolean;
+    /** Where the panel opens: anchored to the control, as a bottom sheet, or a sheet only on a
+     * small touch screen. Forwarded to `Popover`. */
+    presentation?: Presentation;
+    formValidator?: FormValidator | null;
+    /** Manual error message shown in a tooltip (used when there's no `formValidator`). */
+    errorMessage?: string;
+    /** Manual valid state when not using a `formValidator` (default `true`). */
+    isValid?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    classNames?: SlotClassNames<MultiSelectSlots>;
+    styles?: SlotStyles<MultiSelectSlots>;
+}

package/dist/types/{package/common → common}/overscroll/overscroll.d.ts

@@ -1,2 +1,2 @@
 import { OverscrollProps } from './overscroll.types';
-export default function Overscroll({ children, overscrollContent, overscrollContentDesktop, centerHeader, min, max, start, unit, mobileOnly, onScrollChange, scrollDisabled, }: OverscrollProps): import("react/jsx-runtime").JSX.Element;
+export default function Overscroll({ children, overscrollContent, overscrollContentDesktop, centerHeader, min, max, start, unit, mobileOnly, onScrollChange, scrollDisabled, }: OverscrollProps): import("react").JSX.Element;

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

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

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

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { PaginationProps } from './pagination.types';
+declare function Pagination(props: PaginationProps): ReactElement | null;
+export default Pagination;

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

@@ -0,0 +1,30 @@
+import { CSSProperties } from 'react';
+import { IconContent } from '../types/icon.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+export type PaginationSlots = 'root' | 'item' | 'control' | 'ellipsis';
+export interface PaginationProps extends Omit<HtmlProps<HTMLElement>, 'onChange'> {
+    /** Total number of pages. Nothing renders below `1`. */
+    total: number;
+    /** Controlled current page, 1-based (omit for uncontrolled). */
+    page?: number;
+    /** Initial page when uncontrolled (default `1`). */
+    defaultPage?: number;
+    onChange?: (page: number) => void;
+    /** Pages shown either side of the current one (default `1`). */
+    siblings?: number;
+    /** Pages always shown at the start and end (default `1`). */
+    boundaries?: number;
+    /** Show the previous/next controls (default `true`). */
+    showControls?: boolean;
+    /** Show first/last jump controls outside the previous/next ones (default `false`). */
+    showEdges?: boolean;
+    disabled?: boolean;
+    previousIcon?: IconContent;
+    nextIcon?: IconContent;
+    firstIcon?: IconContent;
+    lastIcon?: IconContent;
+    className?: string;
+    style?: CSSProperties;
+    classNames?: SlotClassNames<PaginationSlots>;
+    styles?: SlotStyles<PaginationSlots>;
+}

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

@@ -0,0 +1,3 @@
+import { PopoverProps } from './popover.types';
+declare function Popover(props: PopoverProps): import("react").JSX.Element;
+export default Popover;

package/dist/types/{package/common → common}/popover/usePopoverPosition.d.ts

@@ -17,7 +17,9 @@ export interface UsePopoverPositionArgs {
  * Positions a portaled, `position: fixed` popover on any of the four sides of its trigger with
  * start/center/end cross-axis alignment. Flips to the opposite side when the preferred one has no
  * room, shifts back on-screen along the cross axis, points the arrow at the trigger centre, and
- * hides (not closes) the panel once the trigger scrolls behind a clipping ancestor. Position is
- * written straight to the DOM via refs — going through setState lags the browser's scroll paint.
+ * hides (not closes) the panel once the trigger scrolls behind a clipping ancestor.
+ *
+ * `useAnchorTracking` supplies the lifecycle around this: mount wait, ancestor resolution, and
+ * re-running on scroll, viewport resize and panel size changes.
  */
 export declare function usePopoverPosition({ isOpen, placement, align, offset, triggerRef, floatingRef, panelRef, arrowRef, }: UsePopoverPositionArgs): void;

package/dist/types/{package/common → common}/scrollbarProvider/scrollbarProvider.d.ts

@@ -3,5 +3,5 @@ interface Properties {
     className?: string | undefined;
     children?: React.ReactNode | undefined;
 }
-declare function ScrollbarProvider({ className, children, }: Properties): ReactElement;
+declare function ScrollbarProvider({ className, children }: Properties): ReactElement;
 export default ScrollbarProvider;

package/dist/types/{package/common → common}/sheetBackdrop/sheetBackdrop.d.ts

@@ -12,5 +12,5 @@ import { SheetBackdropProps } from './sheetBackdrop.types';
  * not be enough: React listens at its own root container, so a native handler on `document` or
  * `window` still runs afterwards.
  */
-declare function SheetBackdrop({ onClose, className, style }: SheetBackdropProps): import("react/jsx-runtime").JSX.Element;
+declare function SheetBackdrop({ onClose, className, style }: SheetBackdropProps): import("react").JSX.Element;
 export default SheetBackdrop;

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

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { SliderProps } from './slider.types';
+export default function Slider(props: SliderProps): ReactElement;

package/dist/types/{package/common → common}/slider/slider.types.d.ts

@@ -7,15 +7,7 @@ export interface SliderMark {
     label?: ReactNode;
 }
 export type SliderSlots = 'root' | 'track' | 'range' | 'thumb' | 'mark' | 'markLabel' | 'value';
-export interface SliderProps extends Omit<HtmlProps, 'onChange'> {
-    /** Controlled value. Omit for uncontrolled. */
-    value?: number;
-    /** Initial value when uncontrolled (default `min`). */
-    defaultValue?: number;
-    /** Fires on every value change (drag, keyboard, click). */
-    onChange?: (value: number) => void;
-    /** Fires once when the value is committed: pointer release or a keyboard step. */
-    onChangeEnd?: (value: number) => void;
+interface SliderBaseProps extends Omit<HtmlProps, 'onChange' | 'defaultValue'> {
     /** Minimum value (default `0`). */
     min?: number;
     /** Maximum value (default `100`). */
@@ -34,10 +26,43 @@ export interface SliderProps extends Omit<HtmlProps, 'onChange'> {
     size?: string;
     /** Tab index of the thumb (default `0`). */
     tabIndex?: number;
-    /** Accessible label for the slider. */
+    /** Accessible label for the slider. In range mode it names the group. */
     'aria-label'?: string;
     className?: string;
     style?: CSSProperties;
     classNames?: SlotClassNames<SliderSlots>;
     styles?: SlotStyles<SliderSlots>;
 }
+export interface SingleSliderProps extends SliderBaseProps {
+    range?: false;
+    /** Controlled value. Omit for uncontrolled. */
+    value?: number;
+    /** Initial value when uncontrolled (default `min`). */
+    defaultValue?: number;
+    /** Fires on every value change (drag, keyboard, click). */
+    onChange?: (value: number) => void;
+    /** Fires once when the value is committed: pointer release or a keyboard step. */
+    onChangeEnd?: (value: number) => void;
+}
+export interface RangeSliderProps extends SliderBaseProps {
+    /** Render two thumbs and work in `[from, to]` pairs. */
+    range: true;
+    /** Controlled pair. Omit for uncontrolled. */
+    value?: [number, number];
+    /** Initial pair when uncontrolled (default `[min, max]`). */
+    defaultValue?: [number, number];
+    /** Fires on every change, always with both ends in order. */
+    onChange?: (value: [number, number]) => void;
+    /** Fires once when a thumb is released or stepped with the keyboard. */
+    onChangeEnd?: (value: [number, number]) => void;
+    /** Smallest gap the two thumbs may be pushed to (default `0`). */
+    minRange?: number;
+    /** Accessible label for each thumb, in order. Falls back to `'From'` and `'To'`. */
+    thumbLabels?: [string, string];
+}
+/**
+ * Discriminated on `range` rather than widening `value`, so an existing
+ * `onChange={(v: number) => …}` keeps compiling.
+ */
+export type SliderProps = SingleSliderProps | RangeSliderProps;
+export {};

package/dist/types/{package/common → common}/splitButton/splitButton.d.ts

@@ -1,3 +1,3 @@
 import { SplitButtonProps } from './splitButton.types';
-declare function SplitButton(props: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function SplitButton(props: SplitButtonProps): import("react").JSX.Element;
 export default SplitButton;

package/dist/types/{package/common → common}/stepper/stepper.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { StepperProps } from './stepper.types';
-export default function Stepper({ steps, currentStep, alignment, onStepClicked, nonLinear, hideLabels, styleType, collapse, labelPlacement, className, style, classNames, styles: slotStyles, ...rest }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export default function Stepper({ steps, currentStep, alignment, onStepClicked, nonLinear, hideLabels, styleType, collapse, labelPlacement, className, style, classNames, styles: slotStyles, ...rest }: StepperProps): React.JSX.Element;

package/dist/types/{package/common → common}/sticky/sticky.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { StickyProps } from './sticky.types';
-export default function Sticky({ children, offsetTop, offsetElement, stickToScrollParent, zIndex, disabled, onStuckChange, className, style, classNames, styles: slotStyles, ...rest }: StickyProps): import("react/jsx-runtime").JSX.Element;
+export default function Sticky({ children, offsetTop, offsetElement, stickToScrollParent, zIndex, disabled, onStuckChange, className, style, classNames, styles: slotStyles, ...rest }: StickyProps): React.JSX.Element;

package/dist/types/{package/common → common}/tabHeader/tabHeader.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { TabHeaderProps } from './tabHeader.types';
-declare function TabHeader({ tabs, currentTab, onChange, className, style, classNames, styles: slotStyles, ...rest }: TabHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function TabHeader({ tabs, currentTab, onChange, className, style, classNames, styles: slotStyles, ...rest }: TabHeaderProps): React.JSX.Element;
 export default TabHeader;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TextareaProps } from './textarea.types';
+export default function Textarea(props: TextareaProps): React.JSX.Element;

package/dist/types/{package/common → common}/themeProvider/themeProvider.d.ts

@@ -33,6 +33,6 @@ declare class ThemeProvider extends Component<Props, State> {
      */
     private resolveChain;
     private applyTheme;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ThemeProvider;

package/dist/types/{package/common → common}/timeInput/components/clockDial/clockDial.d.ts

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

package/dist/types/{package/common → common}/timeInput/timeInput.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { TimeInputProps } from './timeInput.types';
-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): import("react/jsx-runtime").JSX.Element;
+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/{package/common → common}/timeline/timeline.d.ts

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

package/dist/types/{package/common → 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 type { ToastProviderProps, ToastContextConfig, ToastOptions, ToastType, ToastPosition, ToastSlots, } from './toast.types';

package/dist/types/{package/common → common}/toast/toast.d.ts

@@ -1,8 +1,9 @@
+import { default as React } from 'react';
 import { ToastItem } from './toast.types';
 interface ToastProps {
     item: ToastItem;
     isBottom: boolean;
     onDismiss: (id: string) => void;
 }
-declare function Toast({ item, isBottom, onDismiss }: ToastProps): import("react/jsx-runtime").JSX.Element;
+declare function Toast({ item, isBottom, onDismiss }: ToastProps): React.JSX.Element;
 export default Toast;