@webority/mobile-ui 0.9.1 → 0.11.0

package/lib/typescript/module/components/Spinner/Spinner.d.ts

@@ -1,13 +1,19 @@
 import type React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 export type SpinnerSize = 'sm' | 'md' | 'lg';
-export type SpinnerVariant = 'circular' | 'dots';
+export type SpinnerVariant = 'circular' | 'dots' | 'contained';
 export interface SpinnerProps {
     size?: SpinnerSize;
     color?: string;
     message?: string;
+    /** Ignored by `variant="contained"`, which fills its own parent instead. */
     overlay?: boolean;
     backdropColor?: string;
+    /**
+     * `'contained'` draws the indicator on a tinted round container and fills
+     * the card or section it sits in (no backdrop, no elevation), so one slow
+     * section can load without a full-screen spinner. Library default: `'circular'`.
+     */
     variant?: SpinnerVariant;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;

package/lib/typescript/module/components/StatTile/StatTile.d.ts

@@ -3,6 +3,19 @@ import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import type { IconVariant } from '../AppIcon/AppIcon.js';
 import type { SlotIcon } from '../AppIcon/slotIcon.js';
 import type { IconBadgeTone } from '../IconBadge/index.js';
+export interface StatTileTrend {
+    /**
+     * The change. A number is a percentage (12.4 for 12.4%) and is drawn without its own sign,
+     * because `direction` carries it; a string ("12 more") is drawn as given.
+     */
+    value: number | string;
+    /** Which way the figure moved. `'flat'` draws a dash and no sign. */
+    direction: 'up' | 'down' | 'flat';
+    /** Which direction is good news. Colours the change green or red. Default `'up'`. */
+    goodWhen?: 'up' | 'down';
+    /** What the change is measured against, written in full: "vs last month". */
+    period?: string;
+}
 export interface StatTileProps {
     /** What the figure measures, drawn small above it. */
     label: string;
@@ -16,11 +29,21 @@ export interface StatTileProps {
     tone?: IconBadgeTone;
     /** A small line under the figure (a period, a delta). */
     caption?: ReactNode;
+    /**
+     * How the figure changed. Drawn under the figure as an arrow, a sign and the change, so the
+     * direction never rests on colour alone: "+12.4% vs last month".
+     */
+    trend?: StatTileTrend;
+    /** A small chart under the tile's text, usually a `Sparkline`. */
+    sparkline?: ReactNode;
     /** Makes the tile pressable, with the button role. */
     onPress?: () => void;
     /** Draws a placeholder of the same footprint while the figure loads. */
     loading?: boolean;
-    /** Announced instead of the label and figure. Defaults to `"label, value"` for a text figure. */
+    /**
+     * Announced instead of the label and figure. Defaults to `"label, value"` for a text figure,
+     * with the change after it ("up 12.4% vs last month") when there is a `trend`.
+     */
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     testID?: string;

package/lib/typescript/module/components/StatTile/index.d.ts

@@ -1,3 +1,3 @@
-export type { StatTileProps } from './StatTile.js';
+export type { StatTileProps, StatTileTrend } from './StatTile.js';
 export { default, StatTile } from './StatTile.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Switch/Switch.d.ts

@@ -12,10 +12,17 @@ export interface SwitchProps extends Omit<PressableProps, 'style' | 'children' |
     disabled?: boolean;
     size?: SwitchSize;
     tone?: SwitchTone;
-    label?: string;
-    /** Secondary line under the label. */
-    description?: string;
-    /** Error line under the label (and description). */
+    /**
+     * A string, or a node for a symbol with a subscript. A node label needs an
+     * explicit `accessibilityLabel` (the switch's screen-reader name).
+     */
+    label?: ReactNode;
+    /** Secondary line under the label. A string or a node; a node description adds nothing to the accessibility hint. */
+    description?: ReactNode;
+    /**
+     * Error line under the label (and description); also outlines the off track in the error colour.
+     * A string or a node; `true` shows the error state without a message.
+     */
     error?: ReactNode;
     /**
      * Lines the label (and the description) may take before truncating with an

package/lib/typescript/module/components/TagInput/TagInput.d.ts

@@ -10,6 +10,10 @@ export interface TagInputProps {
     placeholder?: string;
     label?: string;
     helperText?: string;
+    /**
+     * A string or a node puts the field in the error state and shows it below in place of the
+     * helper; `true` shows the error state without a message.
+     */
     error?: ReactNode;
     required?: boolean;
     disabled?: boolean;

package/lib/typescript/module/components/Toast/Toast.d.ts

@@ -29,10 +29,30 @@ export interface ToastOptions {
     /** Style applied to the trailing action Pressable. */
     actionButtonStyle?: StyleProp<ViewStyle>;
     testID?: string;
+    /**
+     * A toast shown with the same key replaces the one on screen. A pending
+     * `toast.undo` commit of the replaced toast runs first.
+     */
+    key?: string;
+    /**
+     * Draws a thin bar along the bottom edge that empties over the duration. It is
+     * drawn full and still under reduced motion, and not drawn when the toast does
+     * not time out.
+     */
+    countdown?: boolean;
 }
 export interface ToastItem extends ToastOptions {
     id: string;
 }
+/** What the provider shares with every toast it draws. */
+export interface ToastRuntime {
+    /** A screen reader is on (always false on web, where it cannot be detected). */
+    screenReaderOn: boolean;
+    /** The time left for a toast that was on screen before it moved to another host. */
+    readRemaining: (id: string) => number | undefined;
+    /** Stores the time left when a running toast unmounts, so its next host resumes it. */
+    writeRemaining: (id: string, remainingMs: number) => void;
+}
 export interface ToastProps {
     toast: ToastItem;
     index: number;
@@ -43,6 +63,7 @@ export interface ToastProps {
      * keeps its remaining time. Defaults to the moment this component mounts.
      */
     shownAt?: number;
+    runtime?: ToastRuntime;
 }
 declare const Toast: React.FC<ToastProps>;
 export { Toast };

package/lib/typescript/module/components/Toast/ToastProvider.d.ts

@@ -1,8 +1,28 @@
 import type React from 'react';
 import type { HapticType } from '../../utils/hapticUtils.js';
 import type { ToastOptions, ToastPosition, ToastVariant } from './Toast.js';
+export interface ToastUndoOptions extends Omit<ToastOptions, 'message' | 'variant' | 'action' | 'countdown' | 'duration'> {
+    /** Runs when Undo is pressed. The toast closes and `onCommit` never runs. */
+    onUndo: () => void;
+    /**
+     * Runs once when the toast ends any other way: it times out, is swiped away,
+     * is hidden, is pushed out by newer toasts, is replaced by a toast with the
+     * same `key`, or the provider unmounts. Do the irreversible part here.
+     */
+    onCommit?: () => void;
+    /** Label of the action button. Default `Undo`. */
+    undoLabel?: string;
+    /**
+     * How long Undo stays, in ms. Default `6000`, never shorter than `6000`; `0`
+     * keeps it until dismissed. With a screen reader on the toast waits to be
+     * dismissed whatever this is, so keep the item recoverable some other way.
+     */
+    duration?: number;
+}
 export interface ToastApi {
     show: (opts: ToastOptions) => string;
+    /** A toast with an Undo action and a countdown bar; see `ToastUndoOptions`. */
+    undo: (message: string, opts: ToastUndoOptions) => string;
     hide: (id: string) => void;
     hideAll: () => void;
 }
@@ -38,6 +58,7 @@ export declare const ToastHost: React.FC;
 export declare const useToast: () => ToastApi;
 interface ToastGlobal {
     show: (opts: ToastOptions) => string;
+    undo: (message: string, opts: ToastUndoOptions) => string;
     success: (message: string, opts?: Omit<ToastOptions, 'message' | 'variant'>) => string;
     error: (message: string, opts?: Omit<ToastOptions, 'message' | 'variant'>) => string;
     warning: (message: string, opts?: Omit<ToastOptions, 'message' | 'variant'>) => string;

package/lib/typescript/module/components/Toast/index.d.ts

@@ -1,5 +1,5 @@
 export type { ToastAction, ToastItem, ToastOptions, ToastPosition, ToastProps, ToastVariant } from './Toast.js';
 export { default, Toast } from './Toast.js';
-export type { ToastApi, ToastHaptics, ToastProviderProps } from './ToastProvider.js';
+export type { ToastApi, ToastHaptics, ToastProviderProps, ToastUndoOptions } from './ToastProvider.js';
 export { ToastHost, ToastProvider, toast, useToast } from './ToastProvider.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Tooltip/RichTooltipBody.d.ts

@@ -0,0 +1,27 @@
+import type React from 'react';
+import type { Text as RNText, View as RNView, StyleProp, TextStyle } from 'react-native';
+/** The one text button of a rich tooltip. */
+export interface TooltipAction {
+    label: string;
+    onPress: () => void;
+    accessibilityLabel?: string;
+}
+interface RichTooltipBodyProps {
+    title?: string;
+    content: string | React.ReactNode;
+    action?: TooltipAction;
+    onAction: () => void;
+    /** Takes screen reader focus on open: the title, or the text when there is none. */
+    focusRef: React.Ref<RNText>;
+    /** Takes keyboard focus on open on the web. */
+    actionRef: React.Ref<RNView>;
+    messageStyle?: StyleProp<TextStyle>;
+}
+/**
+ * The card of `variant="rich"`: a light surface with a title, the content and
+ * one action. Not a child of the close area, so every part is reachable by a
+ * screen reader on its own.
+ */
+export declare const RichTooltipBody: React.FC<RichTooltipBodyProps>;
+export {};
+//# sourceMappingURL=RichTooltipBody.d.ts.map

package/lib/typescript/module/components/Tooltip/Tooltip.d.ts

@@ -1,11 +1,33 @@
 import React from 'react';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { TooltipAction } from './RichTooltipBody.js';
+export type { TooltipAction } from './RichTooltipBody.js';
 export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right' | 'auto';
 export type TooltipTrigger = 'longPress' | 'press' | 'manual';
+/**
+ * `plain` is a short dark hint. `rich` is a light card with a `title`, the
+ * `content` and one `action`, the Material rich tooltip: it opens on press by
+ * default, stays until a tap outside, Back, Escape or its action, moves
+ * screen reader focus into itself and back to the trigger on close, and sits
+ * only above or below its trigger. Anything with inputs, a list or more than
+ * one action belongs in a BottomSheet.
+ */
+export type TooltipVariant = 'plain' | 'rich';
 export interface TooltipProps {
     content: string | React.ReactNode;
     children: React.ReactElement;
+    /** Default `'plain'`. */
+    variant?: TooltipVariant;
+    /** Rich only: one line over the content. */
+    title?: string;
+    /** Rich only: one text button. It runs after the tooltip has closed. */
+    action?: TooltipAction;
+    /** `left` and `right` read as `auto` on a rich tooltip. */
     placement?: TooltipPlacement;
+    /**
+     * Default `'longPress'`, or `'press'` for a rich tooltip. A long press is
+     * never attached to a child with its own `contextMenu`: the menu wins.
+     */
     trigger?: TooltipTrigger;
     visible?: boolean;
     onVisibleChange?: (visible: boolean) => void;
@@ -20,6 +42,8 @@ export interface TooltipProps {
     arrowStyle?: StyleProp<ViewStyle>;
     /** Style override applied to the message Text (only when `content` is a string). */
     messageStyle?: StyleProp<TextStyle>;
+    /** Accessible name of the tap-outside area. Default `'Close tooltip'`. */
+    closeLabel?: string;
     testID?: string;
 }
 declare const Tooltip: React.FC<TooltipProps>;

package/lib/typescript/module/components/Tooltip/index.d.ts

@@ -1,3 +1,3 @@
-export type { TooltipPlacement, TooltipProps, TooltipTrigger } from './Tooltip.js';
+export type { TooltipAction, TooltipPlacement, TooltipProps, TooltipTrigger, TooltipVariant } from './Tooltip.js';
 export { default, Tooltip } from './Tooltip.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Tooltip/tooltipPosition.d.ts

@@ -0,0 +1,35 @@
+import type { LayoutRectangle } from 'react-native';
+import type { PlacementViewport } from '../../utils/placement.js';
+export type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
+export interface TooltipPosition {
+    top: number;
+    left: number;
+    placement: TooltipSide;
+    /** Distance of the arrow tip along the edge that faces the trigger. */
+    arrowOffset: number;
+}
+export interface TooltipLayout {
+    /** The trigger in window coordinates; null until measured. */
+    anchor: LayoutRectangle | null;
+    /** The bubble's measured size; zeros until its first layout. */
+    size: {
+        width: number;
+        height: number;
+    };
+    placement: TooltipSide | 'auto';
+    /** A rich tooltip only goes above or below its trigger. */
+    rich: boolean;
+    viewport: PlacementViewport;
+    maxWidth: number;
+    gap: number;
+    /** Least distance from each safe edge. */
+    padding: number;
+    arrowCornerPadding: number;
+}
+/**
+ * Where a tooltip bubble sits. Above and below go through the shared
+ * placement engine (the one Menu uses), so both flip and clamp alike; left
+ * and right stay a tooltip's own.
+ */
+export declare const resolveTooltipPosition: (layout: TooltipLayout) => TooltipPosition;
+//# sourceMappingURL=tooltipPosition.d.ts.map

package/lib/typescript/module/components/TypingIndicator/TypingIndicator.d.ts

@@ -0,0 +1,21 @@
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface TypingIndicatorProps {
+    /** Shown beside the dots and read by screen readers, e.g. "Shannon is typing". */
+    label?: string;
+    /** Screen-reader name when there is no visible `label`. Default 'Typing'. */
+    accessibilityLabel?: string;
+    /** Draw the dots inside a `theirs` bubble. Default true. */
+    bubble?: boolean;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * Three pulsing dots, with an optional line such as "Shannon is typing", for
+ * the bottom of a `MessageList` (its `typing` slot). The pulse runs on the UI
+ * thread and stops under Reduce Motion. It is not announced: a person hears
+ * the reply when it arrives.
+ */
+export declare const TypingIndicator: React.FC<TypingIndicatorProps>;
+export default TypingIndicator;
+//# sourceMappingURL=TypingIndicator.d.ts.map

package/lib/typescript/module/components/TypingIndicator/index.d.ts

@@ -0,0 +1,3 @@
+export type { TypingIndicatorProps } from './TypingIndicator.js';
+export { default, TypingIndicator } from './TypingIndicator.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/WheelPicker/Wheel.d.ts

@@ -0,0 +1,34 @@
+import type React from 'react';
+import type { Theme } from '../../theme/types.js';
+import type { HapticType } from '../../utils/hapticUtils.js';
+export interface WheelItem {
+    value: string | number;
+    /** Text drawn in the row. */
+    label: string;
+    /** What a screen reader says for this value, such as "2 hours". Defaults to `label`. */
+    accessibilityLabel?: string;
+}
+export declare const WHEEL_VISIBLE_ITEMS = 5;
+export declare const WHEEL_CENTER_OFFSET: number;
+interface WheelProps {
+    label: string;
+    items: ReadonlyArray<WheelItem>;
+    selectedIndex: number;
+    onIndexChange: (index: number) => void;
+    itemHeight: number;
+    width?: number;
+    theme: Theme;
+    haptic?: HapticType | false;
+    disabled?: boolean;
+    reducedMotion: boolean;
+    testID?: string;
+}
+/**
+ * One scrolling column. It commits `onIndexChange` once the column rests on an
+ * item (momentum end on native, a short idle on web, where the browser has no
+ * snap-to-interval or momentum events), when a screen reader adjusts it, or
+ * when a key moves it. The caller owns `selectedIndex`.
+ */
+export declare const Wheel: React.FC<WheelProps>;
+export {};
+//# sourceMappingURL=Wheel.d.ts.map

package/lib/typescript/module/components/WheelPicker/WheelPicker.d.ts

@@ -0,0 +1,73 @@
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils.js';
+import type { WheelItem } from './Wheel.js';
+export type { WheelItem } from './Wheel.js';
+export type WheelDurationStep = 1 | 5 | 15 | 30;
+export interface WheelPickerColumn {
+    /** Passed back to `onChange` in columns mode. */
+    key: string;
+    /** Names the column for a screen reader, such as "Hour". */
+    label: string;
+    items: ReadonlyArray<WheelItem>;
+    /** The selected item's `value`. A value that is not in `items` shows the first item. */
+    value: string | number;
+    /** Fixed width in points. Default 64 in columns mode; the list mode column fills the row. */
+    width?: number;
+    /** Text drawn after the column, such as ":" between hours and minutes. */
+    separator?: string;
+    /** Small unit label drawn beside the selected row, such as "min". */
+    unit?: string;
+    /** Empty space after the column (and its unit or separator), in points. */
+    gapAfter?: number;
+    testID?: string;
+}
+interface WheelPickerBaseProps {
+    /** Tick at each detent. `false` is silent; a `HapticType` replaces the default `denseTick`. */
+    haptic?: HapticType | false;
+    /** Locks scrolling and screen reader adjustment and dims the wheels. */
+    disabled?: boolean;
+    testID?: string;
+    /** Style of the row that holds the wheels. */
+    style?: StyleProp<ViewStyle>;
+}
+/** Several wheels side by side, each with its own items. */
+export interface WheelPickerColumnsProps extends WheelPickerBaseProps {
+    mode?: 'columns';
+    columns: ReadonlyArray<WheelPickerColumn>;
+    /** Fired with the column's `key` and the picked item's `value` once a wheel rests. */
+    onChange?: (key: string, value: string | number) => void;
+}
+/** One wheel over a short list of choices. */
+export interface WheelPickerListProps extends WheelPickerBaseProps {
+    mode: 'list';
+    items: ReadonlyArray<WheelItem | string | number>;
+    value?: string | number | null;
+    onChange?: (value: string | number) => void;
+    /** Names the wheel for a screen reader. Default "Value". */
+    label?: string;
+    /** Fixed width in points. Default fills the row. */
+    width?: number;
+}
+export interface WheelPickerDurationLabels {
+    hours?: string;
+    minutes?: string;
+    hourUnit?: string;
+    minuteUnit?: string;
+}
+/** Hours and minutes, up to 23 h 59 min, with the value as a whole number of minutes. */
+export interface WheelPickerDurationProps extends WheelPickerBaseProps {
+    mode: 'duration';
+    /** Duration in minutes. Clamped to `maxMinutes` and rounded to `minuteStep`. */
+    value: number;
+    onChange?: (minutes: number) => void;
+    minuteStep?: WheelDurationStep;
+    /** Upper bound in minutes. Default and ceiling 1439 (23 h 59 min). */
+    maxMinutes?: number;
+    labels?: WheelPickerDurationLabels;
+}
+export type WheelPickerProps = WheelPickerColumnsProps | WheelPickerListProps | WheelPickerDurationProps;
+declare const WheelPicker: React.FC<WheelPickerProps>;
+export { WheelPicker };
+export default WheelPicker;
+//# sourceMappingURL=WheelPicker.d.ts.map

package/lib/typescript/module/components/WheelPicker/index.d.ts

@@ -0,0 +1,3 @@
+export type { WheelDurationStep, WheelItem, WheelPickerColumn, WheelPickerColumnsProps, WheelPickerDurationLabels, WheelPickerDurationProps, WheelPickerListProps, WheelPickerProps } from './WheelPicker.js';
+export { default, WheelPicker } from './WheelPicker.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/index.d.ts

@@ -18,10 +18,12 @@ export type { BadgeAnchor, BadgeProps, BadgeTone, BadgeVariant } from './Badge/i
 export { Badge } from './Badge/index.js';
 export type { BannerAction, BannerActionSize, BannerActionTone, BannerActionVariant, BannerProps, BannerRole, BannerVariant } from './Banner/index.js';
 export { Banner } from './Banner/index.js';
-export type { BottomNavigationCenterAction, BottomNavigationElevation, BottomNavigationIndicatorPosition, BottomNavigationIndicatorRadius, BottomNavigationProps, BottomNavigationRadius, BottomNavigationVariant, TabBadge, TabConfig, TabIcon, TabIconProps } from './BottomNavigation/index.js';
+export type { BarChartDatum, BarChartProps, BarChartTone } from './BarChart/index.js';
+export { BarChart } from './BarChart/index.js';
+export type { BottomNavigationAccessoryState, BottomNavigationCenterAction, BottomNavigationElevation, BottomNavigationIndicatorPosition, BottomNavigationIndicatorRadius, BottomNavigationProps, BottomNavigationRadius, BottomNavigationVariant, TabBadge, TabConfig, TabIcon, TabIconProps } from './BottomNavigation/index.js';
 export { BottomNavigation } from './BottomNavigation/index.js';
-export type { BottomSheetContextValue, BottomSheetPresentation, BottomSheetProps, BottomSheetRef } from './BottomSheet/index.js';
-export { BottomSheet, useBottomSheet } from './BottomSheet/index.js';
+export type { BottomSheetContextValue, BottomSheetPresentation, BottomSheetProps, BottomSheetRef, SheetSwap, SheetSwapOptions } from './BottomSheet/index.js';
+export { BottomSheet, useBottomSheet, useSheetSwap } from './BottomSheet/index.js';
 export type { BoxProps, RowProps, SpacerProps, StackProps } from './Box/index.js';
 export { Box, Row, Spacer, Stack } from './Box/index.js';
 export type { ButtonProps, ButtonSize, ButtonTone, ButtonVariant } from './Button/index.js';
@@ -38,12 +40,16 @@ export type { ChipProps, ChipSelectionMode, ChipSize, ChipTone, ChipVariant } fr
 export { Chip } from './Chip/index.js';
 export type { ChoiceGroupDirection, ChoiceGroupIndicatorPosition, ChoiceGroupProps, ChoiceGroupSelectionMode, ChoiceGroupSize, ChoiceGroupVariant, ChoiceOption, ChoiceOptionState } from './ChoiceGroup/index.js';
 export { ChoiceGroup } from './ChoiceGroup/index.js';
+export type { ComposerProps } from './Composer/index.js';
+export { Composer } from './Composer/index.js';
 export type { ConfettiHandle, ConfettiOrigin, ConfettiPhysics, ConfettiPreset, ConfettiProps, ConfettiShape, ConfettiSpeed } from './Confetti/index.js';
 export { Confetti } from './Confetti/index.js';
 export type { DatePickerMode, DatePickerProps } from './DatePicker/index.js';
 export { DatePicker } from './DatePicker/index.js';
 export type { DateRange, DateRangePickerProps } from './DateRangePicker/index.js';
 export { DateRangePicker } from './DateRangePicker/index.js';
+export type { DateSeparatorLabels, DateSeparatorProps } from './DateSeparator/index.js';
+export { DateSeparator, DEFAULT_DATE_SEPARATOR_LABELS, dayLabel } from './DateSeparator/index.js';
 export type { DecimalInputProps, DecimalRules } from './DecimalInput/index.js';
 export { cleanDecimalText, DecimalInput, parseDecimalText } from './DecimalInput/index.js';
 export type { DescriptionItem, DescriptionsProps, DescriptionsSize, DescriptionsVariant } from './Descriptions/index.js';
@@ -88,16 +94,28 @@ export type { LoaderOverlayProps } from './LoaderOverlay/index.js';
 export { LoaderOverlay, loader, useLoader } from './LoaderOverlay/index.js';
 export type { MarkdownProps } from './Markdown/index.js';
 export { Markdown } from './Markdown/index.js';
+export type { ContextMenuConfig, MenuItem, MenuItems, MenuPresentation, MenuProps, MenuUnavailable } from './Menu/index.js';
+export { Menu } from './Menu/index.js';
+export type { MessageAction, MessageBubbleLabels, MessageBubbleProps, MessageGroupPosition, MessageReply, MessageSide, MessageStatus } from './MessageBubble/index.js';
+export { DEFAULT_MESSAGE_BUBBLE_LABELS, MessageBubble } from './MessageBubble/index.js';
+export type { MessageListLabels, MessageListProps, MessageRenderInfo } from './MessageList/index.js';
+export { DEFAULT_MESSAGE_LIST_LABELS, MessageList } from './MessageList/index.js';
 export type { ModalPresentation, ModalProps } from './Modal/index.js';
 export { MODAL_DISMISS_GRACE_MS, Modal } from './Modal/index.js';
 export type { NotationProps, NotationRun, NotationTextRun } from './Notation/index.js';
 export { Notation, parseNotation, sym } from './Notation/index.js';
 export type { NumberInputProps, NumberInputRef, NumberInputSize, NumberInputVariant } from './NumberInput/index.js';
 export { NumberInput } from './NumberInput/index.js';
+export type { OnboardingPage, OnboardingPagerLabels, OnboardingPagerProps } from './OnboardingPager/index.js';
+export { OnboardingPager } from './OnboardingPager/index.js';
 export type { OptionSheetProps, OptionSheetRowState, OptionSheetSection } from './OptionSheet/index.js';
 export { OptionSheet } from './OptionSheet/index.js';
 export type { OTPInputProps, OTPInputRef, OTPInputSize } from './OTPInput/index.js';
 export { OTPInput } from './OTPInput/index.js';
+export type { PaymentResultProps, PaymentResultStatus } from './PaymentResult/index.js';
+export { PaymentResult } from './PaymentResult/index.js';
+export type { PermissionPromptFallback, PermissionPromptProps, PermissionPromptView, UsePermissionPromptOptions, UsePermissionPromptResult } from './PermissionPrompt/index.js';
+export { PermissionPrompt, usePermissionPrompt } from './PermissionPrompt/index.js';
 export type { CallingCode, PhoneNumberInfo, PhoneNumberInputLabelMode, PhoneNumberInputProps, PhoneNumberInputRef, PhoneNumberValidation, PhoneNumberValue } from './PhoneNumberInput/index.js';
 export { ALL_CALLING_CODES, DEFAULT_CALLING_CODES, formatE164, PhoneNumberInput, parseE164 } from './PhoneNumberInput/index.js';
 export type { PickerTriggerProps, PickerTriggerSize, PickerTriggerVariant } from './PickerTrigger/index.js';
@@ -118,14 +136,18 @@ export type { RepeaterProps, RepeaterRenderArgs } from './Repeater/index.js';
 export { Repeater } from './Repeater/index.js';
 export type { BlockMarkdownAction, EditorSelection, EditorState, InlineMarkdownAction, MarkdownAction, RichTextEditorProps } from './RichTextEditor/index.js';
 export { applyMarkdownAction, RichTextEditor } from './RichTextEditor/index.js';
-export type { SearchBarProps, SearchBarSize, SearchBarVariant } from './SearchBar/index.js';
-export { SearchBar } from './SearchBar/index.js';
+export type { ScannerOverlayLabels, ScannerOverlayProps, ScannerOverlayState } from './ScannerOverlay/index.js';
+export { ScannerOverlay } from './ScannerOverlay/index.js';
+export type { SearchBarProps, SearchBarSize, SearchBarVariant, SearchScope, SearchSuggestion, UseRecentSearchesOptions, UseRecentSearchesResult } from './SearchBar/index.js';
+export { SearchBar, useRecentSearches } from './SearchBar/index.js';
 export type { SectionHeaderProps, SectionHeaderVariant } from './SectionHeader/index.js';
 export { SectionHeader } from './SectionHeader/index.js';
 export type { SegmentedControlProps, SegmentedControlRadius, SegmentedControlSize, SegmentedControlTone, SegmentedControlVariant, SegmentIcon, SegmentIconState, SegmentItem, SegmentValue } from './SegmentedControl/index.js';
 export { SegmentedControl } from './SegmentedControl/index.js';
 export type { SelectOption, SelectProps, SelectSize, SelectValue } from './Select/index.js';
 export { Select } from './Select/index.js';
+export type { SignatureMode, SignaturePadLabels, SignaturePadProps, SignaturePadRef, SignaturePoint, SignatureStroke } from './SignaturePad/index.js';
+export { SignaturePad } from './SignaturePad/index.js';
 export type { SkeletonCircleProps, SkeletonClockProviderProps, SkeletonClockValue, SkeletonColors, SkeletonContentProps, SkeletonListProps, SkeletonProps, SkeletonProviderDefaults, SkeletonProviderProps, SkeletonRadius, SkeletonShape, SkeletonSkipProps, SkeletonSpeed, SkeletonStaticOf, SkeletonTextProps, SkeletonVariant, SkeletonWidth } from './Skeleton/index.js';
 export { Skeleton, SkeletonCircle, SkeletonClockProvider, SkeletonContent, SkeletonList, SkeletonProvider, SkeletonSkip, SkeletonText, useReduceMotion, useSkeletonClock, useSkeletonDefaults } from './Skeleton/index.js';
 export type { SliderProps, SliderSize, SliderTone, SliderVariant } from './Slider/index.js';
@@ -134,9 +156,11 @@ export type { SliderFieldProps } from './SliderField/index.js';
 export { SliderField } from './SliderField/index.js';
 export type { SlideToConfirmProps, SlideToConfirmSize, SlideToConfirmTone } from './SlideToConfirm/index.js';
 export { SlideToConfirm } from './SlideToConfirm/index.js';
+export type { SparklineProps, SparklineTone } from './Sparkline/index.js';
+export { Sparkline } from './Sparkline/index.js';
 export type { SpinnerProps, SpinnerSize, SpinnerVariant } from './Spinner/index.js';
 export { Spinner } from './Spinner/index.js';
-export type { StatTileProps } from './StatTile/index.js';
+export type { StatTileProps, StatTileTrend } from './StatTile/index.js';
 export { StatTile } from './StatTile/index.js';
 export type { StatusBadgeProps, StatusBadgeSize, StatusBadgeTone, StatusBadgeVariant } from './StatusBadge/index.js';
 export { StatusBadge } from './StatusBadge/index.js';
@@ -156,12 +180,16 @@ export type { TimelineItem, TimelineOrientation, TimelineProps, TimelineStatus,
 export { Timeline } from './Timeline/index.js';
 export type { MinuteStep, Period, TimeFormat, TimePickerProps, TimeValue } from './TimePicker/index.js';
 export { TimePicker } from './TimePicker/index.js';
-export type { ToastApi, ToastHaptics, ToastOptions, ToastPosition, ToastProps, ToastProviderProps, ToastVariant } from './Toast/index.js';
+export type { ToastApi, ToastHaptics, ToastOptions, ToastPosition, ToastProps, ToastProviderProps, ToastUndoOptions, ToastVariant } from './Toast/index.js';
 export { Toast, ToastHost, ToastProvider, toast, useToast } from './Toast/index.js';
-export type { TooltipPlacement, TooltipProps, TooltipTrigger } from './Tooltip/index.js';
+export type { TooltipAction, TooltipPlacement, TooltipProps, TooltipTrigger, TooltipVariant } from './Tooltip/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export type { TourCloseReason, TourLabels, TourProps, TourSeenStore, TourStep } from './Tour/index.js';
 export { Tour } from './Tour/index.js';
+export type { TypingIndicatorProps } from './TypingIndicator/index.js';
+export { TypingIndicator } from './TypingIndicator/index.js';
+export type { WheelDurationStep, WheelItem, WheelPickerColumn, WheelPickerColumnsProps, WheelPickerDurationLabels, WheelPickerDurationProps, WheelPickerListProps, WheelPickerProps } from './WheelPicker/index.js';
+export { WheelPicker } from './WheelPicker/index.js';
 export type { ZoomableImageProps } from './ZoomableImage/index.js';
 export { ZoomableImage } from './ZoomableImage/index.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/hooks/index.d.ts

@@ -7,6 +7,10 @@ export { FLICK_TOLERANCE, useFlickGuard } from './useFlickGuard.js';
 export type { PressAnimationPreset, UsePressAnimationOptions, UsePressAnimationResult } from './usePressAnimation.js';
 export { PRESS_ANIMATION_PRESETS, usePressAnimation } from './usePressAnimation.js';
 export { useReducedMotion } from './useReducedMotion.js';
+export type { UseRefreshControlLabels, UseRefreshControlOptions, UseRefreshControlResult } from './useRefreshControl.js';
+export { useRefreshControl } from './useRefreshControl.js';
+export type { ScrollDirection, UseScrollDirectionOptions, UseScrollDirectionResult } from './useScrollDirection.js';
+export { useScrollDirection } from './useScrollDirection.js';
 export type { UseToggleResult } from './useToggle.js';
 export { useToggle } from './useToggle.js';
 //# sourceMappingURL=index.d.ts.map