@ahrowe/ui 0.35.0 → 0.36.0

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

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,5 @@
 import { RefObject } from 'react';
-import { PopoverPlacement, PopoverAlign } from './popover.types';
+import { PopoverPlacement, PopoverAlign } from './popover.types.js';
 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;

package/dist/types/common/rating/rating.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 RatingSlots = 'root' | 'item' | 'iconEmpty' | 'iconFilled';
 export interface RatingProps extends Omit<HtmlProps, 'onChange'> {
     value?: number;

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

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

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

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

package/dist/types/common/revealLens/revealLens.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 type RevealLensShape = 'circle' | 'custom';
 export type RevealLensSlots = 'root' | 'background' | 'overlay';
 export interface RevealLensProps extends HtmlProps {

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

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

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { RippleProps, RippleHandle } from './ripple.types';
+import { RippleProps, RippleHandle } from './ripple.types.js';
 export type { RippleProps, RippleHandle };
 declare function Ripple({ disabled, children, className, style, overflowHidden, rippleAnimationLength, rippleBackground, manualOnly, ref, ...rest }: RippleProps): React.JSX.Element;
 export default Ripple;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { HtmlProps } from '../types/slots.types';
+import { HtmlProps } from '../types/slots.types.js';
 export interface RippleProps extends HtmlProps {
     disabled?: boolean;
     children?: React.ReactNode;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode, Ref } from 'react';
-import { FloorPlan, OpeningKind, PlanParseResult, PlanPoint, PlanRoom, PlanSelection, PlanView } from '../floorPlan';
-import { IconContent } from '../types/icon.types';
-import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
+import { FloorPlan, OpeningKind, PlanParseResult, PlanPoint, PlanRoom, PlanSelection, PlanView } from '../floorPlan/index.js';
+import { IconContent } from '../types/icon.types.js';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types.js';
 /**
  * The drawing tools.
  *

package/dist/types/common/roomDrawer/usePlanHistory.d.ts

@@ -1,5 +1,5 @@
-import { FloorPlan } from '../floorPlan';
-import { RoomDrawerChangeReason } from './roomDrawer.types';
+import { FloorPlan } from '../floorPlan/index.js';
+import { RoomDrawerChangeReason } from './roomDrawer.types.js';
 export interface PlanHistory {
     present: FloorPlan;
     canUndo: boolean;

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

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

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

@@ -1,4 +1,4 @@
-import { RoomViewerProps } from './roomViewer.types';
+import { RoomViewerProps } from './roomViewer.types.js';
 /**
  * Read-only view of a floor plan.
  *

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode, Ref } from 'react';
-import { DerivedRoom, FloorPlan, PlanRoom, PlanView } from '../floorPlan';
-import { IconContent } from '../types/icon.types';
-import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
+import { DerivedRoom, FloorPlan, PlanRoom, PlanView } from '../floorPlan/index.js';
+import { IconContent } from '../types/icon.types.js';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types.js';
 export type RoomViewerSlots = 'root' | 'floorBar' | 'floorTab' | 'canvasWrapper' | 'canvas' | 'grid' | 'rooms' | 'roomFill' | 'roomLabel' | 'walls' | 'wallBody' | 'openings' | 'opening' | 'viewControls' | 'viewButton' | 'empty';
 export interface RoomViewerLabels {
     /** Accessible name for the floor strip. */