@ahrowe/ui 0.28.0 → 0.29.1

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

@@ -1,2 +1,2 @@
 import { ActionButtonsProps } from './actionButtons.types';
-export default function ActionButtons(props: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
+export default function ActionButtons(props: ActionButtonsProps): import("react").JSX.Element;

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}/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

@@ -24,4 +24,4 @@ export interface UseFloatingPositionArgs {
  * `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/{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}/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/{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/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}/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/theme.types.d.ts

@@ -128,6 +128,36 @@ export interface ThemeVariables {
     '--option-picker-padding'?: string;
     /** Track (unfilled) background colour. Falls back to --background-accent. */
     '--progress-bar-track-color'?: string;
+    /** Canvas behind the plan. Falls back to --background. */
+    '--plan-canvas-background'?: string;
+    /** Grid lines, drawn at low opacity. Falls back to --text-color. */
+    '--plan-grid-color'?: string;
+    /** The storey below, traced under the current one. Falls back to --text-dark. */
+    '--plan-underlay-color'?: string;
+    /** Room floor. Falls back to --background-accent. */
+    '--plan-room-fill'?: string;
+    /** Room floor under the pointer. Falls back to --background-accent-light. */
+    '--plan-room-fill-hover'?: string;
+    /** Edge of the walls bounding a selected room. Falls back to --primary-color. */
+    '--plan-room-edge-selected'?: string;
+    /** Body of those same walls. Falls back to --primary-lighter. */
+    '--plan-room-edge-selected-fill'?: string;
+    /** Wall body. Falls back to --text-color mixed 58% into the canvas. */
+    '--plan-wall-fill'?: string;
+    /** Wall edge, its caps and the jamb faces. Falls back to --text-color mixed 38% in. */
+    '--plan-wall-outline'?: string;
+    /** Wall corner treatment, any `stroke-linejoin` value. Falls back to `round`. */
+    '--plan-wall-join'?: string;
+    /** How far a mitred corner may run, when --plan-wall-join is `miter`. Falls back to `4`. */
+    '--plan-wall-miter-limit'?: string;
+    /** Door leaf and swing arc. Falls back to --text-dark. */
+    '--plan-door-color'?: string;
+    /** Window pane line. Falls back to --info-color. */
+    '--plan-window-color'?: string;
+    /** RoomDrawer's snap construction lines. Falls back to --info-color. */
+    '--plan-guide-color'?: string;
+    /** RoomDrawer's ruler. Falls back to --primary-color. */
+    '--plan-measure-color'?: string;
     [key: string]: string | undefined;
 }
 export interface Theme {

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;

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

@@ -1,8 +1,8 @@
+import { default as React, ReactNode } from 'react';
 import { ToastContextConfig } from './toast.types';
-import { ReactNode } from 'react';
 interface ToastProviderProps extends ToastContextConfig {
     children: ReactNode;
 }
-declare function ToastProvider({ children, position, duration, showRemainingTime, showCloseButton, allowStacking, pauseOnHover, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function ToastProvider({ children, position, duration, showRemainingTime, showCloseButton, allowStacking, pauseOnHover, }: ToastProviderProps): React.JSX.Element;
 export default ToastProvider;
 export type { ToastProviderProps };

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

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

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+/**
+ * Whether a keydown is a click-equivalent activation of the element the handler sits on.
+ *
+ * The target check is the important half: keydown bubbles, so without it a Space typed into a
+ * nested input activates the container and, once the container calls `preventDefault()`, never
+ * reaches the input at all.
+ */
+export declare function isSelfActivation(event: React.KeyboardEvent): boolean;

package/dist/types/{package/common → common}/virtualList/virtualRow.d.ts

@@ -45,5 +45,5 @@ export interface VirtualRowProps {
  * grid (table mode), registering itself with the shared ResizeObserver and
  * carrying all the drag / drop-indicator wiring the parent assigns it.
  */
-declare function VirtualRow({ index, top, padding, columnTemplate, isSelected, showDivider, hover, onClick, observer, ariaRowIndex, ariaPosInSet, ariaSetSize, rowRole, reorderable, mouseDragEnabled, draggable, isDragging, reserveToggleGutter, onMouseDown, onMouseOver, onMouseLeave, onDragStart, onDragOver, onDragEnd, onDrop, onTouchStart, dropPosition, dropIndentPx, dropIndicatorClassName, dropIndicatorStyle, rowClassName, rowStyle, children, }: VirtualRowProps): import("react/jsx-runtime").JSX.Element;
+declare function VirtualRow({ index, top, padding, columnTemplate, isSelected, showDivider, hover, onClick, observer, ariaRowIndex, ariaPosInSet, ariaSetSize, rowRole, reorderable, mouseDragEnabled, draggable, isDragging, reserveToggleGutter, onMouseDown, onMouseOver, onMouseLeave, onDragStart, onDragOver, onDragEnd, onDrop, onTouchStart, dropPosition, dropIndentPx, dropIndicatorClassName, dropIndicatorStyle, rowClassName, rowStyle, children, }: VirtualRowProps): React.JSX.Element;
 export default VirtualRow;

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

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

package/dist/types/{package/services → services}/formValidation/index.d.ts

@@ -2,4 +2,4 @@ export { default as FormValidatorGroup } from './FormValidatorGroupWithForm';
 export { default as ValidatableComponent } from './validatableComponent';
 export { useFormValidatorGroup } from './useFormValidatorGroup';
 export { FormValidator, Validators, useFormValidator } from '@ahrowe/form-validation';
-export type { ValidationError, ValidatorFunction, ErrorParser, FormValidatorGroupOptions, InferGroupValues, MergedValues } from '@ahrowe/form-validation';
+export type { ValidationError, ValidatorFunction, ErrorParser, FormValidatorGroupOptions, InferGroupValues, MergedValues, } from '@ahrowe/form-validation';

package/docs/Flip.md

@@ -67,7 +67,7 @@ import { Tilt, Flip } from '@ahrowe/ui';
 
 **Motion:** the flip always animates over `flipDuration`, whether triggered by a click, a controlled prop change, or the ref API. Under `prefers-reduced-motion: reduce`, it flips instantly instead. `onFlipEnd` fires once the flip settles on its new face — after the transition completes normally, or synchronously under reduced motion, since no transition runs to wait for.
 
-**Keyboard accessibility:** when `flipOnClick` is set, the root gets `role="button"`, `tabIndex={0}`, and `aria-pressed` reflecting the current flip state, and Enter/Space both toggle the flip the same way a click does. None of this is applied when `flipOnClick` is `false`, since the element isn't interactive.
+**Keyboard accessibility:** when `flipOnClick` is set, the root gets `role="button"`, `tabIndex={0}`, and `aria-pressed` reflecting the current flip state, and Enter/Space both toggle the flip the same way a click does, as long as the key was pressed on the root itself so a nested input or button keeps its own keys. None of this is applied when `flipOnClick` is `false`, since the element isn't interactive.
 
 **Key props:**
 

package/docs/RoomDrawer.md

@@ -323,26 +323,34 @@ ref.current?.loadJson(await file.text());
 
 ## Theming
 
-All colours come from theme variables. These control the plan itself, and each falls back to a general theme colour when unset:
+All colours come from theme variables. These control the plan itself, and each falls back to a general theme colour when unset. They are declared on `ThemeVariables`, so a `Theme` gets them with autocomplete:
 
 | Variable | Falls back to |
 |----------|---------------|
 | `--plan-canvas-background` | `var(--background)` |
 | `--plan-grid-color` | `var(--text-color)` at low opacity |
+| `--plan-underlay-color` | `var(--text-dark)` at low opacity |
 | `--plan-room-fill` | `var(--background-accent)` |
 | `--plan-room-fill-hover` | `var(--background-accent-light)` |
 | `--plan-room-edge-selected` / `--plan-room-edge-selected-fill` | `var(--primary-color)` / `var(--primary-lighter)` |
-| `--plan-wall-fill` | `var(--text-dark)` |
-| `--plan-wall-outline` | `var(--text-color)` |
+| `--plan-wall-fill` | `var(--text-color)` mixed 58% into the canvas |
+| `--plan-wall-outline` | `var(--text-color)` mixed 38% into the canvas |
+| `--plan-wall-join` | `round` (see below) |
 | `--plan-wall-miter-limit` | `4` (see below) |
 | `--plan-door-color` | `var(--text-dark)` |
 | `--plan-window-color` | `var(--info-color)` |
+| `--plan-guide-color` | `var(--info-color)` |
+| `--plan-measure-color` | `var(--primary-color)` |
 
-**`--plan-wall-miter-limit`** is how sharp a corner may get before it is cut flat rather than run to a point. A mitred join extends to `1 / sin(angle / 2)` times the wall thickness, so it grows without bound as the angle closes: at 10 degrees that is eleven times the wall's own thickness, which reads as a spike fired out of the corner. The default of `4` keeps a true mitred point down to about 29 degrees and caps it at twice the wall's own thickness; sharper than that the corner is cut flat instead. Acute rooms bottom out around 45 degrees in practice and anything under 30 is not a room, so the corners that keep their point are the ones a building actually has. Raise it if you are drawing something genuinely needle-shaped and want the point kept. It governs the corners at a junction too, on the rare occasion one needs filling: where three or more walls meet, the corners between them are normally closed already, except when every wall at the node points into the same half-plane.
+**Walls are drawn as mass, not as ink.** Both wall tones are mixed towards the canvas rather than set to the text colour, so a wall reads as a solid body sitting on the floor and its edge as a soft rim rather than a drafted hairline. The pair must stay two distinct values: the outline pass is only visible where the fill pass does not cover it. The jamb faces at an opening take the *body* tone, since at a doorway they are the only thing standing in for the wall.
+
+**`--plan-wall-join`** is the corner treatment, `round` by default: the outer corners of the building come out softened, and an acute corner cannot throw a mitre spike out of the junction at all. Set it to `miter` for the drafting corner, and `--plan-wall-miter-limit` then governs how far that spike may run. The selection highlight always uses whichever join the walls use, because it is drawn over the same geometry and a different join would leave crescents of wall showing round the corners.
+
+**`--plan-wall-miter-limit`** applies when `--plan-wall-join` is `miter`. It is how sharp a corner may get before it is cut flat rather than run to a point. A mitred join extends to `1 / sin(angle / 2)` times the wall thickness, so it grows without bound as the angle closes: at 10 degrees that is eleven times the wall's own thickness, which reads as a spike fired out of the corner. The default of `4` keeps a true mitred point down to about 29 degrees and caps it at twice the wall's own thickness; sharper than that the corner is cut flat instead. Acute rooms bottom out around 45 degrees in practice and anything under 30 is not a room, so the corners that keep their point are the ones a building actually has. Raise it if you are drawing something genuinely needle-shaped and want the point kept. It governs the corners at a junction too, on the rare occasion one needs filling: where three or more walls meet, the corners between them are normally closed already, except when every wall at the node points into the same half-plane.
 
 **Hover tints the room's floor; selection colours the walls that bound it.** They answer different questions, so they get different channels and can be read at the same time without being confused. Hover is fleeting and asks *which room is under the pointer*, where a faint fill is instant and unambiguous — a wall is not, being shared between the rooms on either side of it. Selection is state you then work inside, where a wash over the room would bury its doors and its label.
 
-The selection highlight is built from **the same geometry as the walls themselves** and drawn in the same two passes, so it inherits their mitred corners and their gaps at openings: a door in the boundary stays a doorway rather than being painted over, and the wall keeps a crisp edge instead of turning into a flat slab. Where two selected rooms share a wall it is drawn once, so it never comes out twice as strong as its neighbours. The room fill carries `data-state="selected" | "hovered"` if you want to style either state further.
+The selection highlight is built from **the same geometry as the walls themselves** and drawn in the same two passes, so it inherits their corners and their gaps at openings: a door in the boundary stays a doorway rather than being painted over, and the wall keeps a crisp edge instead of turning into a flat slab. Where two selected rooms share a wall it is drawn once, so it never comes out twice as strong as its neighbours. The room fill carries `data-state="selected" | "hovered"` if you want to style either state further.
 
 ## Accessibility
 

package/docs/RoomViewer.md

@@ -54,6 +54,10 @@ A plan holds a stack of storeys and the viewer shows one at a time, with a tab p
 
 Drag to pan, wheel or pinch to zoom, and the controls in the corner zoom and fit. The plan fits itself to the viewport on mount, and refits when the floor or the canvas size changes — **until the viewer pans or zooms**, after which the view is theirs and the component stops moving it. `pannable={false}` freezes it.
 
+## Theming the plan
+
+Walls are drawn as mass rather than as ink: the body is `var(--text-color)` mixed 58% into the canvas, its edge the same colour at 38%, and the corners are rounded. Override with `--plan-wall-fill`, `--plan-wall-outline` and `--plan-wall-join: miter`. The full list of plan variables is in [RoomDrawer.md](RoomDrawer.md#theming), and both components read the same ones.
+
 ## Key props
 
 | Prop | Type | Description |

package/docs/Slider.md

@@ -66,10 +66,13 @@ const [value, setValue] = useState(40);
 
 | Prop | Type | Description |
 |------|------|-------------|
-| `value` | `number` | Controlled value (omit for uncontrolled) |
-| `defaultValue` | `number` | Initial value when uncontrolled (default `min`) |
-| `onChange` | `(value: number) => void` | Fires on every change |
-| `onChangeEnd` | `(value: number) => void` | Fires once the value is committed |
+| `range` | `boolean` | Two thumbs, working in `[from, to]` pairs |
+| `minRange` | `number` | Smallest gap the thumbs may be pushed to (range mode, default `0`) |
+| `thumbLabels` | `[string, string]` | Accessible name per thumb (range mode, default `'From'`/`'To'`) |
+| `value` | `number \| [number, number]` | Controlled value (omit for uncontrolled) |
+| `defaultValue` | `number \| [number, number]` | Initial value when uncontrolled (default `min`, or `[min, max]` in range mode) |
+| `onChange` | `(value: number \| [number, number]) => void` | Fires on every change, matching the mode |
+| `onChangeEnd` | `(value: number \| [number, number]) => void` | Fires once the value is committed |
 | `min` | `number` | Minimum (default `0`) |
 | `max` | `number` | Maximum (default `100`) |
 | `step` | `number` | Snap increment (default `1`) |
@@ -92,4 +95,31 @@ const [value, setValue] = useState(40);
 | `--slider-thumb-size` | `18px` (also settable per instance via `size`) |
 | `--slider-track-height` | `6px` |
 
+**Range mode:** set `range` for two thumbs and `[from, to]` pairs.
+
+```tsx
+const [price, setPrice] = useState<[number, number]>([20, 80]);
+<Slider range value={price} onChange={setPrice} min={0} max={200} />
+
+// Hold the ends apart, and name each thumb for screen readers
+<Slider range defaultValue={[20, 80]} minRange={10} thumbLabels={['Cheapest', 'Dearest']} />
+```
+
+`range` is a discriminated prop, not a widening of `value`: with `range` the value is a
+`[number, number]` and `onChange` receives one, without it both stay `number`. An existing
+`onChange={(value: number) => …}` therefore keeps compiling untouched.
+
+A thumb never crosses its neighbour. Push one past the other and it stops on it, or on `minRange`
+short of it, which the neighbour wins over the step: a thumb lands exactly on its neighbour rather
+than overshooting to the next step. The fill covers the span between the thumbs instead of running
+from the minimum.
+
+Note `range` the prop (two thumbs) and `range` the slot (the filled part of the track) are
+different things that happen to share a word. The slot means the same in both modes.
+
+**Accessibility:** a single-thumb slider is itself `role="slider"`. A range slider is a
+`role="group"` named by `aria-label`, containing one `role="slider"` per thumb, each with its own
+`aria-valuenow` and each bounded by its neighbour rather than by `min`/`max`, so assistive tech
+announces the limit the thumb actually has. Both thumbs are tabbable and take the same keys.
+
 **Slots:** `root` `track` `range` `thumb` `mark` `markLabel` `value`