@ahrowe/ui 0.35.0 → 0.37.0

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

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

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

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

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ScrollFadeProps } from './scrollFade.types.js';
+declare function ScrollFade({ children, axis, fadeLength, isAlwaysFaded, className, style, ref, ...rest }: ScrollFadeProps): ReactElement;
+export default ScrollFade;

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

@@ -0,0 +1,20 @@
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { HtmlProps } from '../types/slots.types.js';
+export declare enum ScrollFadeAxis {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}
+export interface ScrollFadeProps extends HtmlProps<HTMLDivElement> {
+    /** The scrolling content. */
+    children?: ReactNode;
+    /** Which way it scrolls. Default `ScrollFadeAxis.Vertical`. */
+    axis?: ScrollFadeAxis;
+    /** How far the fade runs from each edge, any CSS length. Default `24px`. */
+    fadeLength?: string;
+    /** Fade both ends whether or not content is hidden there. Default `false`. */
+    isAlwaysFaded?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    /** The scrolling element itself. */
+    ref?: Ref<HTMLDivElement>;
+}

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

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

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

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

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

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
-import { SearchInputProps } from './searchInput.types';
+import { SearchInputProps } from './searchInput.types.js';
 export default function SearchInput({ value, onChange, onDebounce, placeholder, label, debounceMs, totalAmount, showAmount, className, width, style, classNames, styles: slotStyles, labels, ref, ...rest }: SearchInputProps): ReactElement;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type SearchInputSlots = 'root' | 'input' | 'resultCount';
 /** Text SearchInput renders of its own, for translating it. */
 export interface SearchInputLabels {

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
-import { IconContent } from '../types/icon.types';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { IconAction } from '../types/actions.types';
+import { IconContent } from '../types/icon.types.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { IconAction } from '../types/actions.types.js';
 export declare enum SectionHeaderSize {
     Small = "small",
     Medium = "medium",

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

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

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

@@ -1,4 +1,4 @@
-import { SheetBackdropProps } from './sheetBackdrop.types';
+import { SheetBackdropProps } from './sheetBackdrop.types.js';
 /**
  * The dimmed layer behind a bottom sheet, and the thing that closes it when tapped.
  *

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export declare enum SkeletonVariant {
     Text = "text",
     Circle = "circle",

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

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

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

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

package/dist/types/common/slider/slider.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 SliderMark {
     /** Position of the mark, in the same units as `value`. */
     value: number;
@@ -22,7 +22,7 @@ interface SliderBaseProps extends Omit<HtmlProps, 'onChange' | 'defaultValue'> {
     showValue?: boolean;
     /** Format the value shown in the bubble and announced to assistive tech. */
     formatValue?: (value: number) => ReactNode;
-    /** Thumb diameter, any CSS length (default `'18px'`). Sets `--slider-thumb-size`. */
+    /** Thumb diameter, any CSS length. Sets `--slider-thumb-size`, which defaults to `1.125em` of `--default-font-size`, 18px at a 16px base. */
     size?: string;
     /** Tab index of the thumb (default `0`). */
     tabIndex?: number;

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { PopoverAlign } from '../popover/popover.types';
+import { PopoverAlign } from '../popover/popover.types.js';
 import { CSSProperties, ReactNode } from 'react';
-import { IconContent } from '../types/icon.types';
-import { ButtonStyleType, ButtonSize } from '../button/button.types';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { IconContent } from '../types/icon.types.js';
+import { ButtonStyleType, ButtonSize } from '../button/button.types.js';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export interface SplitButtonAction {
     id: string;
     label: ReactNode;

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

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

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

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { StepperProps } from './stepper.types';
+import { StepperProps } from './stepper.types.js';
 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/common/stepper/stepper.types.d.ts

@@ -1,6 +1,6 @@
 import { default as React } 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';
 /** Layout direction of the stepper. */
 export declare enum StepperAlignment {
     Horizontal = "horizontal",

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

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

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

@@ -1,3 +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): React.JSX.Element;
+import { StickyProps } from './sticky.types.js';
+export default function Sticky({ children, offsetTop, offsetElement, stickToScrollParent, boundary, boundaryInset, zIndex, disabled, onStuckChange, className, style, classNames, styles: slotStyles, ...rest }: StickyProps): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
 export type StickySlots = 'root' | 'placeholder' | 'content';
 export interface StickyProps extends HtmlProps {
     children?: React.ReactNode;
@@ -9,6 +9,21 @@ export interface StickyProps extends HtmlProps {
     offsetElement?: React.RefObject<HTMLElement | null>;
     /** Stick to the top of the nearest scrollable ancestor instead of the browser viewport. Falls back to the viewport if no scrollable ancestor is found. */
     stickToScrollParent?: boolean;
+    /**
+     * Element the content is confined to, normally the one it labels. Once that
+     * element's bottom edge reaches the pinned content, the content is pushed up
+     * with it and scrolls away, instead of staying pinned over whatever follows.
+     * Without it the content pins for as long as the page scrolls.
+     */
+    boundary?: React.RefObject<HTMLElement | null>;
+    /**
+     * How much of the boundary's lower end stays uncovered as the content leaves,
+     * in px. At 0 the content rests on the very bottom edge, which means the last
+     * stretch of the boundary, as tall as the pinned content, spends the whole
+     * exit hidden underneath it. Set it to how much you want to stay in sight:
+     * for a table header, a few rows. Default 0. Ignored without `boundary`.
+     */
+    boundaryInset?: number;
     /** z-index applied to the content while stuck. Default 20. */
     zIndex?: number;
     /** Disable sticking entirely — content stays in normal flow. */

package/dist/types/common/sticky/stickyStack.d.ts

@@ -15,6 +15,11 @@ export interface StickyStackMetrics {
      *  in unrelated scroll panels should never push each other down just because they happen to
      *  share horizontal DOM coordinates. */
     container: HTMLElement | null;
+    /** The element the entry is confined to, or null when nothing confines it.
+     *  Entries sharing one leave together. */
+    boundary: HTMLElement | null;
+    /** Bottom edge of that element (less its inset), in the same coordinate space as `top`. */
+    boundaryBottom: number | null;
 }
 export interface StickyStackEntry {
     node: HTMLElement;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode, Ref } 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 SwitchSlots = 'track' | 'thumb' | 'label';
 export interface SwitchProps extends Omit<HtmlProps, 'onToggle'> {
     label?: string;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { default as React } 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 TabHeaderSlots = 'root' | 'tab' | 'icon' | 'labels' | 'title' | 'subtitle';
 export interface TabHeaderTab {
     id: string;

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

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

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

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

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

@@ -1,2 +1,2 @@
-import { InputProps } from '../input/input.types';
+import { InputProps } from '../input/input.types.js';
 export type TextareaProps = Omit<InputProps, 'multiline' | 'type' | 'min' | 'max'>;

package/dist/types/common/themeProvider/defaultTheme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from './theme.types';
+import { Theme } from './theme.types.js';
 /**
  * Built-in default theme used by ThemeProvider when no `themes` prop is
  * supplied. Provides a complete set of CSS variables so the component

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

@@ -1,4 +1,4 @@
-export { default } from './themeProvider';
-export { defaultTheme } from './defaultTheme';
-export { lightTheme } from './lightTheme';
-export type { Theme, ThemeVariables } from './theme.types';
+export { default } from './themeProvider.js';
+export { defaultTheme } from './defaultTheme.js';
+export { lightTheme } from './lightTheme.js';
+export type { Theme, ThemeVariables } from './theme.types.js';

package/dist/types/common/themeProvider/lightTheme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from './theme.types';
+import { Theme } from './theme.types.js';
 /**
  * The light sibling of {@link defaultTheme}, which is dark. Same brand, inverted surfaces:
  * it declares only what has to flip, and inherits the rest through `baseThemeId`, so a change

package/dist/types/common/themeProvider/theme.types.d.ts

@@ -77,6 +77,34 @@ export interface ThemeVariables {
     '--spacing-xs'?: string;
     /** Avatar corner radius. Falls back to --default-border-radius when unset. */
     '--avatar-radius'?: string;
+    /** Padding around the modal panel's content. Falls back to --spacing-l when unset. */
+    '--modal-padding'?: string;
+    /** Gap between the modal's header, body and footer. Falls back to --spacing-l when unset. */
+    '--modal-gap'?: string;
+    /** How far the modal body bleeds past its own edge so a focus ring isn't clipped by the
+     * scroll container. Falls back to half of --modal-gap when unset. */
+    '--modal-body-bleed'?: string;
+    /** How far the modal body's content fades into the header and footer while there is more to
+     * scroll. Set to 0px to switch the fade off. Falls back to --modal-gap plus --modal-body-bleed. */
+    '--modal-scroll-fade'?: string;
+    /** Widest the modal panel gets. Falls back to the width left once its own padding is kept
+     * clear on both sides. */
+    '--modal-max-width'?: string;
+    /** Tallest the modal panel gets. Falls back to the height left once its own padding is kept
+     * clear above and below. */
+    '--modal-max-height'?: string;
+    /** How far the fade runs from each edge. Falls back to 24px. Modal and Carousel set their own
+     * instead, through --modal-scroll-fade and a value tuned to the dot strip. */
+    '--scroll-fade-length'?: string;
+    /** Widest a bottom sheet gets before it stops growing and centres. Falls back to 560px. */
+    '--sheet-max-width'?: string;
+    /** Tallest a bottom sheet gets, as a ceiling on top of the space actually visible. Falls back
+     * to 70dvh. Modal sets 90dvh on its own panel, so this does not reach a Modal sheet. */
+    '--sheet-max-height'?: string;
+    /** Padding below a sheet's content, clearing a phone's home indicator. Falls back to 8px, or
+     * the device's own safe-area inset where that is larger. Modal sets --modal-padding on its own
+     * panel, so this does not reach a Modal sheet. */
+    '--sheet-safe-padding'?: string;
     /** Default-style button background. Falls back to transparent when unset. */
     '--button-default-background'?: string;
     /** Default-style button text colour. Falls back to --text-color when unset. */

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

@@ -1,5 +1,5 @@
 import { default as React, Component } from 'react';
-import { Theme } from './theme.types';
+import { Theme } from './theme.types.js';
 interface Props {
     children: React.ReactNode;
     themes?: Theme[];

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

@@ -1,4 +1,4 @@
-export { default } from './tilt';
-export * from './tilt.types';
-export { defaultTiltEasing } from './tiltMath';
-export type { TiltAxisLock } from './tiltMath';
+export { default } from './tilt.js';
+export * from './tilt.types.js';
+export { defaultTiltEasing } from './tiltMath.js';
+export type { TiltAxisLock } from './tiltMath.js';

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

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

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode, Ref } from 'react';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
-import { TiltAxisLock } from './tiltMath';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+import { TiltAxisLock } from './tiltMath.js';
 export type TiltTrackingMode = 'self' | 'group';
 export type TiltSlots = 'root' | 'perspective' | 'surface';
 export interface TiltHandle {

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

@@ -1,3 +1,3 @@
-export { default } from './tiltGroup';
-export { useTiltGroup, TiltGroupContext } from './tiltGroup';
-export * from './tiltGroup.types';
+export { default } from './tiltGroup.js';
+export { useTiltGroup, TiltGroupContext } from './tiltGroup.js';
+export * from './tiltGroup.types.js';

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { TiltGroupContextValue, TiltGroupProps } from './tiltGroup.types';
+import { TiltGroupContextValue, TiltGroupProps } from './tiltGroup.types.js';
 export declare const TiltGroupContext: import('react').Context<TiltGroupContextValue | null>;
 export declare function useTiltGroup(): TiltGroupContextValue | null;
 declare function TiltGroup({ children, className, style, ...rest }: TiltGroupProps): ReactElement;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { HtmlProps } from '../types/slots.types';
+import { HtmlProps } from '../types/slots.types.js';
 export interface TiltGroupContextValue {
     /** Last known pointer position, in coordinates relative to the group container's top-left corner. `null` once the pointer has left. */
     pointer: {

package/dist/types/common/timeInput/components/clockDial/clockDial.d.ts

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

package/dist/types/common/timeInput/components/clockDial/clockDial.types.d.ts

@@ -1,6 +1,6 @@
-import { TimeValue } from '../../timeFunctions';
-import { SlotClassNames, SlotStyles } from '../../../types/slots.types';
-import { TimeInputSlots } from '../../timeInput.types';
+import { TimeValue } from '../../timeFunctions.js';
+import { SlotClassNames, SlotStyles } from '../../../types/slots.types.js';
+import { TimeInputSlots } from '../../timeInput.types.js';
 export type ClockMode = 'hours' | 'minutes';
 export interface ClockDialProps {
     time: TimeValue;

package/dist/types/common/timeInput/components/clockDial/index.d.ts

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

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

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

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

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { TimeInputProps } from './timeInput.types';
+import { TimeInputProps } from './timeInput.types.js';
 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/common/timeInput/timeInput.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 TimeInputSlots = 'root' | 'clock' | 'clockHeader' | 'headerSegment' | 'meridiem' | 'clockFace' | 'clockHand' | 'clockNumber' | 'footer';
 export interface TimeInputProps extends Omit<HtmlProps, 'onChange' | 'onSelect'> {
     /** Current time as a "HH:MM" (24-hour) string. */