@ahrowe/ui 0.34.0 → 0.36.0

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 const Ripple: React.ForwardRefExoticComponent<RippleProps & React.RefAttributes<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;
@@ -9,6 +9,7 @@ export interface RippleProps extends HtmlProps {
     rippleAnimationLength?: number;
     rippleBackground?: string;
     manualOnly?: boolean;
+    ref?: React.Ref<RippleHandle>;
 }
 export interface RippleHandle {
     addRipple: () => void;

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 { RoomDrawerHandle, RoomDrawerProps } from './roomDrawer.types';
-declare const RoomDrawer: import('react').ForwardRefExoticComponent<RoomDrawerProps & import('react').RefAttributes<RoomDrawerHandle>>;
+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 } 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 { CSSProperties, ReactNode, Ref } from 'react';
+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.
  *
@@ -299,6 +299,8 @@ export interface RoomDrawerProps extends Omit<HtmlProps<HTMLDivElement>, 'onChan
     labels?: RoomDrawerLabels;
     icons?: RoomDrawerIcons;
     'aria-label'?: string;
+    /** Imperative handle for driving the editor. */
+    ref?: Ref<RoomDrawerHandle>;
     className?: string;
     style?: CSSProperties;
     classNames?: SlotClassNames<RoomDrawerSlots>;

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 { RoomViewerHandle, RoomViewerProps } from './roomViewer.types';
+import { RoomViewerProps } from './roomViewer.types.js';
 /**
  * Read-only view of a floor plan.
  *
@@ -6,5 +6,5 @@ import { RoomViewerHandle, RoomViewerProps } from './roomViewer.types';
  * two cannot drift apart. Selection and hover are React state rather than classes pushed
  * onto DOM nodes, which is what lets them be controlled from outside.
  */
-declare const RoomViewer: import('react').ForwardRefExoticComponent<RoomViewerProps & import('react').RefAttributes<RoomViewerHandle>>;
+declare function RoomViewer(props: RoomViewerProps): import("react").JSX.Element;
 export default RoomViewer;

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

@@ -1,7 +1,7 @@
-import { CSSProperties, ReactNode } from 'react';
-import { DerivedRoom, FloorPlan, PlanRoom, PlanView } from '../floorPlan';
-import { IconContent } from '../types/icon.types';
-import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
+import { CSSProperties, ReactNode, Ref } from 'react';
+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. */
@@ -82,6 +82,8 @@ export interface RoomViewerProps extends Omit<HtmlProps<HTMLDivElement>, 'onSele
     emptyState?: ReactNode;
     labels?: RoomViewerLabels;
     icons?: RoomViewerIcons;
+    /** Imperative handle for driving the viewport. */
+    ref?: Ref<RoomViewerHandle>;
     className?: string;
     style?: CSSProperties;
     classNames?: SlotClassNames<RoomViewerSlots>;

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';
-export default function SearchInput({ value, onChange, onDebounce, placeholder, label, debounceMs, totalAmount, showAmount, className, width, style, classNames, styles: slotStyles, labels, ...rest }: SearchInputProps): ReactElement;
+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,4 +1,5 @@
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { default as React } from 'react';
+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 {
@@ -22,4 +23,6 @@ export interface SearchInputProps extends Omit<HtmlProps, 'onChange'> {
     styles?: SlotStyles<SearchInputSlots>;
     /** Overrides the text SearchInput renders of its own. Merged per key. */
     labels?: SearchInputLabels;
+    /** Ref to the inner `<input>`, for focusing the field. */
+    ref?: React.Ref<HTMLInputElement>;
 }

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';
+import { StickyProps } from './sticky.types.js';
 export default function Sticky({ children, offsetTop, offsetElement, stickToScrollParent, 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;

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 } from 'react';
-import { FormValidator } from '../../services/formValidation';
-import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';
+import { CSSProperties, ReactNode, Ref } from 'react';
+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;
@@ -14,6 +14,8 @@ export interface SwitchProps extends Omit<HtmlProps, 'onToggle'> {
     tabIndex?: number;
     formValidator?: FormValidator | null;
     children?: ReactNode;
+    /** Ref to the root element. */
+    ref?: Ref<HTMLDivElement>;
     classNames?: SlotClassNames<SwitchSlots>;
     styles?: SlotStyles<SwitchSlots>;
 }

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,3 +1,4 @@
-export { default } from './themeProvider';
-export { defaultTheme } from './defaultTheme';
-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

@@ -0,0 +1,13 @@
+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
+ * to the palette or the type scale reaches both themes at once.
+ *
+ * ```tsx
+ * <ThemeProvider themes={[defaultTheme, lightTheme]} activeThemeId='light'>
+ * ```
+ *
+ * `--primary-color` is deliberately untouched: it is the brand, and it reads on both.
+ */
+export declare const lightTheme: Theme;

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