@ahrowe/ui 0.35.0 → 0.37.0

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,5 +1,5 @@
 import { default as React, ReactElement } from 'react';
-import { DataProps } from '../types/baseProps.types';
+import { DataProps } from '../types/baseProps.types.js';
 interface Properties extends DataProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex'> {
     tabIndex?: number | null;
     ref?: React.Ref<HTMLDivElement>;

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 @@
-export { default as IconLoading } from './iconLoading';
-export { default as SpinnerLoading } from './spinnerLoading';
+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/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,3 @@
-export { default } from './menu';
-export * from './menu.types';
+export { default } from './menu.js';
+export { menuHotkeys } from './menuHotkeys.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. */
@@ -10,10 +10,16 @@ export interface MenuAction {
     label: ReactNode;
     icon?: IconContent;
     /**
-     * Keyboard hint on the trailing edge, e.g. `⌘K`. Display only: binding the
-     * shortcut is yours, since only you know what else is listening.
+     * A keyboard shortcut for this action, in `useHotkeys` spelling: `'mod+k'`,
+     * `'shift+f2'`, `'delete'`. Shown on the trailing edge written for the
+     * platform: `⌘K` on an Apple one, `Ctrl+K` elsewhere.
+     *
+     * The menu draws it and nothing more. Binding is yours, because only the app
+     * knows what else is listening and whether the shortcut should work at all
+     * times or only while the menu is open. `menuHotkeys` turns these entries
+     * into a `useHotkeys` map, so the one spelling covers both ends.
      */
-    shortcut?: ReactNode;
+    shortcut?: string;
     disabled?: boolean;
     /** Renders in the destructive colour. For deleting, discarding, revoking. */
     danger?: boolean;

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

@@ -0,0 +1,20 @@
+import { HotkeyMap } from '../hooks/useHotkeys.js';
+import { MenuEntry } from './menu.types.js';
+/**
+ * The bindings for a menu's `shortcut` entries, to hand to `useHotkeys` yourself.
+ *
+ * The menu draws a shortcut but never listens for one, because only the app knows what else is
+ * listening: binding it here as well as in an app's own keymap would run the action twice, and
+ * whether a shortcut should work at all times or only while the menu is open is the app's
+ * question, not the menu's. Calling this keeps the answer in one spelling, so the hint the menu
+ * draws cannot drift from what actually fires.
+ *
+ * ```tsx
+ * useHotkeys(menuHotkeys(items, run));                      // whenever the page is up
+ * useHotkeys(menuHotkeys(items, run), { enabled: isOpen }); // only while the menu is open
+ * ```
+ *
+ * Runs each entry the way clicking it does: its own `onClick`, then `onAction`. A `disabled`
+ * entry, and an entry with no `shortcut`, is left out.
+ */
+export declare function menuHotkeys(items: MenuEntry[], onAction?: (id: string) => void): HotkeyMap;

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.
  *

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. */

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,4 +1,4 @@
-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()`.

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode, Ref } from 'react';
-import { DerivedRoom, PlanFloor, PlanRoom, PlanSelection, PlanView } from '../floorPlan';
-import { SlotClassNames, SlotStyles } from '../types/slots.types';
+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;

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;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { Presentation } from '../configProvider/presentation.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { Presentation } from '../configProvider/presentation.types.js';
 /** Preferred side of the trigger the panel opens on. Flips to the opposite side when there's no room. */
 export declare enum PopoverPlacement {
     Top = "top",

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

@@ -1,5 +1,6 @@
 import { RefObject } from 'react';
-import { PopoverPlacement, PopoverAlign } from './popover.types';
+import { PopoverPlacement, PopoverAlign } from './popover.types.js';
+export declare function supportsAnchoring(): boolean;
 export interface UsePopoverPositionArgs {
     isOpen: boolean;
     placement: PopoverPlacement;

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

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

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ProgressBarProps } from './progressBar.types';
+import { ProgressBarProps } from './progressBar.types.js';
 export declare function getContrastColor(hexColor: string): string;
 declare function ProgressBar({ className, total, progress, style, classNames, styles: slotStyles, ...rest }: ProgressBarProps): ReactElement;
 export default ProgressBar;

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

@@ -1,4 +1,4 @@
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export interface Progress {
     amount: number;
     label?: string;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } 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 RadioValue = string | number;
 export declare enum RadioGroupOrientation {
     Vertical = "vertical",
@@ -29,7 +29,7 @@ export interface RadioGroupProps extends Omit<HtmlProps, 'onChange'> {
     orientation?: RadioGroupOrientation;
     /** Disable the whole group. */
     disabled?: boolean;
-    /** Diameter of the radio circle (default `'18px'`). */
+    /** Diameter of the radio circle. Defaults to `1.125em` of `--default-font-size`, 18px at a 16px base. */
     size?: string;
     /** Tab index of the active (roving) option. */
     tabIndex?: number;

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

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

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

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