@ahrowe/ui 0.34.0 → 0.36.0

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { FormValidator } from '../../services/formValidation';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { FormValidator } from '../../services/formValidation/index.js';
 export type IconPickerSlots = 'root' | 'label' | 'itemContainer' | 'item';
 export interface IconPickerItem {
     id: string;

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

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

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

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

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

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

package/dist/types/common/infiniteBlock/useInfiniteScroll.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare function useInfiniteScroll(containerRef: React.RefObject<HTMLDivElement | null>, onScroll: () => Promise<void>, disabled: boolean): {
+    isLoading: boolean;
+    sentinelRef: React.RefObject<HTMLDivElement | null>;
+};

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { FormValidator } from '../../services/formValidation';
-import { SlotClassNames, SlotStyles, DataProps } from '../types/slots.types';
+import { FormValidator } from '../../services/formValidation/index.js';
+import { SlotClassNames, SlotStyles, DataProps } from '../types/slots.types.js';
 export declare enum InputType {
     Edit = "edit",
     Phone = "phone",
@@ -71,6 +71,11 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     multiline?: boolean;
     rows?: number;
     autoResize?: boolean;
+    /**
+     * Ref to the rendered `<input>` (or `<textarea>` when `multiline`). Not forwarded to a
+     * `customInput`, which owns its own ref.
+     */
+    ref?: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
     classNames?: SlotClassNames<InputSlots>;
     styles?: SlotStyles<InputSlots>;
     /** Overrides the text Input renders of its own. Merged per key. */

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { FormValidator } from '../../services/formValidation';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { FormValidator } from '../../services/formValidation/index.js';
 export type InputDropdownSlots = 'root' | 'dropdown' | 'item';
 export interface InputDropdownItem {
     label?: string;

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

@@ -1,2 +1,2 @@
-import { default as InteractableDiv } from './interactableDiv';
+import { default as InteractableDiv } from './interactableDiv.js';
 export default InteractableDiv;

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

@@ -1,7 +1,8 @@
-import { default as React } from 'react';
-import { DataProps } from '../types/baseProps.types';
+import { default as React, ReactElement } from 'react';
+import { DataProps } from '../types/baseProps.types.js';
 interface Properties extends DataProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex'> {
     tabIndex?: number | null;
+    ref?: React.Ref<HTMLDivElement>;
 }
-declare const InteractableDiv: React.ForwardRefExoticComponent<Properties & React.RefAttributes<HTMLDivElement>>;
+declare function InteractableDiv({ className, children, onClick, onKeyDown, tabIndex, ref, ...props }: Properties): ReactElement;
 export default InteractableDiv;

package/dist/types/common/kanbanBoard/KanbanBoard.d.ts

@@ -1,3 +1,3 @@
-import { KanbanBoardProps } from './kanbanBoard.types';
+import { KanbanBoardProps } from './kanbanBoard.types.js';
 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/common/kanbanBoard/KanbanColumn.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { KanbanColumnProps } from './kanbanBoard.types';
+import { KanbanColumnProps } from './kanbanBoard.types.js';
 interface KanbanColumnInternalProps<T> extends KanbanColumnProps {
     itemIds: string[];
     items: Record<string, T>;

package/dist/types/common/kanbanBoard/KanbanItem.d.ts

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

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

@@ -1,3 +1,3 @@
-export { default } from './KanbanBoard';
-export { default as KanbanColumn } from './KanbanColumn';
-export * from './kanbanBoard.types';
+export { default } from './KanbanBoard.js';
+export { default as KanbanColumn } from './KanbanColumn.js';
+export * from './kanbanBoard.types.js';

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export interface KanbanColumnDef {
     id: string;
     title: string;

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

@@ -1,5 +1,5 @@
 import { Announcements, ClientRect, CollisionDetection, KeyboardCoordinateGetter } from '@dnd-kit/core';
-import { KanbanColumnDef } from './kanbanBoard.types';
+import { KanbanColumnDef } from './kanbanBoard.types.js';
 export declare function columnsEqual(a: KanbanColumnDef[], b: KanbanColumnDef[]): boolean;
 export declare function findColumnForItem(columns: KanbanColumnDef[], itemId: string): number;
 /** Whether a drag's `active`/`over` participant is a whole column (vs. a card) — see `reorderableColumns`. */

package/dist/types/common/klipyPicker/components/gifPreview/gifPreview.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
-import { GifPreviewProps } from './gifPreview.types';
+import { GifPreviewProps } from './gifPreview.types.js';
 export default function GifPreview({ className, previewItems, onSelect, onLoadAdditional, }: GifPreviewProps): ReactElement;

package/dist/types/common/klipyPicker/components/gifPreview/gifPreview.types.d.ts

@@ -1,4 +1,4 @@
-import { KlipyResult } from '../../../../services/klipy';
+import { KlipyResult } from '../../../../services/klipy.js';
 export interface GifPreviewProps {
     className?: string;
     previewItems?: KlipyResult[];

package/dist/types/common/klipyPicker/components/gifPreview/index.d.ts

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

package/dist/types/common/klipyPicker/components/gifView/gifView.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
-import { GifViewProps } from './gifView.types';
+import { GifViewProps } from './gifView.types.js';
 export default function GifView({ className, src }: GifViewProps): ReactElement;

package/dist/types/common/klipyPicker/components/gifView/index.d.ts

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

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

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

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

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
-import { KlipyPickerProps } from './klipyPicker.types';
+import { KlipyPickerProps } from './klipyPicker.types.js';
 export default function KlipyPicker({ className, token, isModal, onSelect, selected, labels, }: KlipyPickerProps): ReactElement;

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

@@ -1,4 +1,4 @@
-import { KlipyResult } from '../../services/klipy';
+import { KlipyResult } from '../../services/klipy.js';
 /** Text KlipyPicker renders of its own, for translating it. */
 export interface KlipyPickerLabels {
     /** Floating label on the search field. */

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

@@ -1,2 +1,2 @@
-export { default as IconLoading } from './iconLoading';
-export { default as SpinnerLoading } from './spinnerLoading';
+export { default as IconLoading } from './iconLoading/index.js';
+export { default as SpinnerLoading } from './spinnerLoading/index.js';

package/dist/types/common/loading/spinnerLoading/index.d.ts

@@ -1,2 +1,2 @@
-import { default as SpinnerLoading } from './spinnerLoading';
+import { default as SpinnerLoading } from './spinnerLoading.js';
 export default SpinnerLoading;

package/dist/types/common/loading/spinnerLoading/spinnerLoading.d.ts

@@ -3,9 +3,4 @@ interface Properties {
     className?: string | undefined;
 }
 declare function SpinnerLoading({ className }: Properties): ReactElement;
-declare namespace SpinnerLoading {
-    var defaultProps: {
-        className: undefined;
-    };
-}
 export default SpinnerLoading;

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

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

package/dist/types/common/maskedInput/mask.d.ts

@@ -0,0 +1,48 @@
+/**
+ * A fixed-width digit mask: `99:99`, `99.99.9999`.
+ *
+ * Fixed means every character keeps its position. Clearing a digit in the middle leaves a hole
+ * rather than pulling the rest left, which is what a date or a time wants: deleting the month
+ * out of `11.11.2025` must not turn the year into the month.
+ *
+ * `9` marks a slot that takes a digit. Every other character is a literal the caret steps over
+ * and the user cannot type into.
+ */
+export interface MaskSelection {
+    start: number;
+    end: number;
+}
+export interface MaskState {
+    value: string;
+    selection: MaskSelection | null;
+}
+/** The mask indices that take a digit, in order. */
+export declare function slotIndices(mask: string): number[];
+/** The mask with every slot empty: `__.__.____`. */
+export declare function emptyMask(mask: string, placeholder: string): string;
+/**
+ * Any string as one character per mask index, so slots can be read and written by position.
+ *
+ * Every other function here assumes a value exactly as long as the mask, with literals where the
+ * mask has them. Putting a value through this is what guarantees that, whether it came from a
+ * keystroke, from a consumer's state, or from nothing at all.
+ */
+export declare function toMask(value: string, mask: string, placeholder: string): string;
+/**
+ * Where the caret belongs when the field is entered: the first slot with no digit in it.
+ *
+ * A mask is as wide when empty as when full, so a click lands wherever it likes, and clicking at
+ * the end of `__.__.____` would otherwise leave the caret past every slot with nowhere to put the
+ * next digit.
+ */
+export declare function firstEmptyCaret(value: string, mask: string, placeholder: string): number;
+/**
+ * What the field should show after the browser has changed its raw text, and where the caret
+ * belongs.
+ *
+ * Works from the edit rather than from key events, so a paste, a drag, a replaced selection, an
+ * autofill and a keystroke all arrive the same way.
+ */
+export declare function maskChange(previous: string, raw: string, caret: number, mask: string, placeholder: string): MaskState;
+/** Whether a masked value holds no digits at all, so the field reads as empty. */
+export declare function isBlank(value: string, mask: string): boolean;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { MaskedInputProps } from './maskedInput.types.js';
+/**
+ * A text input under a fixed digit mask, used by `DatePicker` and `TimeInput` through `Input`'s
+ * `customInput`. Internal: consumers reach it through those two.
+ *
+ * Controlled, with one exception. An empty field shows nothing until it is focused, and then shows
+ * the bare mask, so a form full of `__.__.____` does not greet someone who has typed nothing. That
+ * mask is display only and is never reported through `onChange`, or every untouched date field
+ * would submit a value made of underscores.
+ */
+declare function MaskedInput(props: MaskedInputProps): React.JSX.Element;
+export default MaskedInput;

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

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+import { DataProps } from '../types/slots.types.js';
+import { MaskSelection, MaskState } from './mask.js';
+export type { MaskSelection, MaskState };
+/**
+ * What a correction hook is handed. Both states are the value as the mask shapes it, exactly as
+ * long as the mask, with its literals in place.
+ */
+export interface BeforeMaskedStateChangeStates {
+    previousState: MaskState;
+    nextState: MaskState;
+}
+export interface MaskedInputProps extends DataProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue'> {
+    /** The inner `<input>`. `Input` leaves the ref to a `customInput`, so this is the way to it. */
+    ref?: React.Ref<HTMLInputElement>;
+    /** `9` takes a digit, every other character is a literal: `99:99`, `99.99.9999`. */
+    mask: string;
+    /** Shown in a slot with no digit in it yet. Default `_`. */
+    maskPlaceholder?: string;
+    /**
+     * The masked value, e.g. `11.11.2025` or `1_.__.____`. Anything else is coerced to the mask,
+     * reading each slot positionally, so a value from elsewhere cannot leave the field a shape the
+     * next keystroke would be measured against wrongly. `''` means empty, and shows nothing until
+     * the field is focused.
+     */
+    value?: string;
+    /**
+     * Called with the new masked value, or `''` once the last digit is gone. A string rather than an
+     * event, which is what `Input`'s own handler accepts, so there is no synthetic event to forge.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Last word on what the field becomes, for corrections that depend on the value as a whole —
+     * clamping an hour past 23, padding a day typed as `4` to `04`. Returning `nextState` unchanged
+     * accepts the mask's own answer. Called only for a change the user made.
+     */
+    beforeMaskedStateChange?: (states: BeforeMaskedStateChangeStates) => MaskState;
+}

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

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

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { MenuProps } from './menu.types';
+import { MenuProps } from './menu.types.js';
 /**
  * A menu of actions on a trigger of your choosing.
  *

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

@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { IconContent } from '../types/icon.types';
-import { PopoverAlign, PopoverPlacement } from '../popover/popover.types';
-import { Presentation } from '../configProvider/presentation.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { IconContent } from '../types/icon.types.js';
+import { PopoverAlign, PopoverPlacement } from '../popover/popover.types.js';
+import { Presentation } from '../configProvider/presentation.types.js';
 /** One thing the menu can do. */
 export interface MenuAction {
     /** Stable id, also what `onAction` reports. */

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { Presentation } from '../configProvider/presentation.types';
-export type ModalSlots = 'container' | 'backdrop' | 'modal' | 'header' | 'title' | 'closeButton' | 'body';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { Presentation } from '../configProvider/presentation.types.js';
+export type ModalSlots = 'container' | 'backdrop' | 'modal' | 'header' | 'title' | 'closeButton' | 'body' | 'footer';
 /** Text Modal renders of its own, for translating it. */
 export interface ModalLabels {
     /** Close button, read out by screen readers. */
@@ -15,6 +15,9 @@ export interface ModalProps extends HtmlProps<HTMLDivElement> {
     /** Applied to the modal panel itself */
     className?: string;
     style?: CSSProperties;
+    /** Pinned below the scrolling body, so action buttons stay visible however long the content
+     * is. Nothing is rendered when omitted. */
+    footer?: React.ReactNode;
     hideHeader?: boolean;
     /** Close on Escape while this is the topmost overlay. Default `true`. */
     closeOnEscape?: boolean;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
-import { FormValidator } from '../../services/formValidation';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { Presentation } from '../configProvider/presentation.types';
+import { FormValidator } from '../../services/formValidation/index.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { Presentation } from '../configProvider/presentation.types.js';
 export type MultiSelectValue = string | number;
 export interface MultiSelectItem {
     key: MultiSelectValue;

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

@@ -1,3 +1,3 @@
-import { default as NumberInput } from './numberInput';
-export type { NumberInputProps, NumberInputArrowsLayout } from './numberInput.types';
+import { default as NumberInput } from './numberInput.js';
+export type { NumberInputProps, NumberInputArrowsLayout } from './numberInput.types.js';
 export default NumberInput;

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { NumberInputProps } from './numberInput.types';
-export type { NumberInputProps, NumberInputArrowsLayout } from './numberInput.types';
+import { NumberInputProps } from './numberInput.types.js';
+export type { NumberInputProps, NumberInputArrowsLayout } from './numberInput.types.js';
 declare function NumberInput(props: NumberInputProps): ReactElement;
 export default NumberInput;

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { NumericFormatProps } from 'react-number-format';
-import { FormValidator } from '../../services/formValidation';
-import { SlotClassNames, SlotStyles } from '../types/slots.types';
+import { FormValidator } from '../../services/formValidation/index.js';
+import { SlotClassNames, SlotStyles } from '../types/slots.types.js';
 /**
  * How the stepper buttons are laid out.
  *
@@ -67,6 +67,8 @@ export interface NumberInputProps extends Omit<NumericFormatProps, 'onValueChang
     onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     /** Overrides the text NumberInput renders of its own. Merged per key. */
     labels?: NumberInputLabels;
+    /** Ref to the inner `<input>`, for focusing the field. */
+    ref?: React.Ref<HTMLInputElement>;
     /** Classes for the inner elements. See `NumberInputSlots`. */
     classNames?: SlotClassNames<NumberInputSlots>;
     /** Inline styles for the inner elements. See `NumberInputSlots`. */

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types.js';
 export interface Option {
     label: ReactElement | string;
     key: string;

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

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

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

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

package/dist/types/common/otpInput/otpInput.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 OtpInputSlots = 'root' | 'label' | 'inputs' | 'input' | 'separator';
 export declare enum OtpInputCharset {
     /** Digits only (0-9). Shows a numeric mobile keyboard. */
@@ -51,6 +51,8 @@ export interface OtpInputProps extends Omit<HtmlProps, 'onChange'> {
     autoFocus?: boolean;
     className?: string;
     style?: React.CSSProperties;
+    /** Ref to the root element. */
+    ref?: React.Ref<HTMLDivElement>;
     classNames?: SlotClassNames<OtpInputSlots>;
     styles?: SlotStyles<OtpInputSlots>;
     /** Overrides the text OtpInput renders of its own. Merged per key. */

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

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

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

@@ -1,2 +1,2 @@
-import { OverscrollProps } from './overscroll.types';
+import { OverscrollProps } from './overscroll.types.js';
 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

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

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

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

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

@@ -1,6 +1,6 @@
 import { CSSProperties } 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 PaginationSlots = 'root' | 'item' | 'control' | 'ellipsis';
 /** Text Pagination renders of its own, for translating it. */
 export interface PaginationLabels {

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

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

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

@@ -1,7 +1,7 @@
-import { PlanCanvasProps } from './planCanvas.types';
+import { PlanCanvasProps } from './planCanvas.types.js';
 /**
  * The ref lands on the `<svg>` itself, which is what a consumer wants for measuring or
  * screenshotting. Both the drawer and the viewer expose it as `getSvgElement()`.
  */
-declare const PlanCanvas: import('react').ForwardRefExoticComponent<PlanCanvasProps & import('react').RefAttributes<SVGSVGElement>>;
+declare function PlanCanvas(props: PlanCanvasProps): import("react").JSX.Element;
 export default PlanCanvas;

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

@@ -1,6 +1,6 @@
-import { CSSProperties, ReactNode } from 'react';
-import { DerivedRoom, PlanFloor, PlanRoom, PlanSelection, PlanView } from '../floorPlan';
-import { SlotClassNames, SlotStyles } from '../types/slots.types';
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { DerivedRoom, PlanFloor, PlanRoom, PlanSelection, PlanView } from '../floorPlan/index.js';
+import { SlotClassNames, SlotStyles } from '../types/slots.types.js';
 export type PlanCanvasSlots = 'canvas' | 'grid' | 'underlay' | 'rooms' | 'roomFill' | 'roomLabel' | 'walls' | 'wallBody' | 'openings' | 'opening' | 'overlay';
 export interface PlanCanvasProps {
     floor: PlanFloor;
@@ -55,6 +55,8 @@ export interface PlanCanvasProps {
         height: number;
     };
     'aria-label'?: string;
+    /** Ref to the rendered `<svg>` root. */
+    ref?: Ref<SVGSVGElement>;
     className?: string;
     style?: CSSProperties;
     classNames?: SlotClassNames<PlanCanvasSlots>;

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

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

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

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