@webority/mobile-ui 0.0.0-stage → 0.0.33

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { TextProps as RNTextProps, Text as RNTextRef, StyleProp, TextStyle } from 'react-native';
+import type { FontWeightKey } from '../../theme/index.js';
+import type { TypographyScale } from '../../theme/types.js';
+export type TextVariant = 'display' | 'h1' | 'h2' | 'h3' | 'title' | 'body' | 'bodySmall' | 'caption' | 'label' | 'overline';
+export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'disabled' | 'link' | 'success' | 'warning' | 'error' | 'info';
+export interface TextProps extends Omit<RNTextProps, 'style'> {
+    variant?: TextVariant;
+    /** Text role token, semantic tone, or a raw colour string. Defaults per variant. */
+    color?: TextColor | (string & {});
+    /** Override the variant's weight. */
+    weight?: FontWeightKey;
+    /** Override the variant's size — a typography token or a pixel number. */
+    size?: keyof TypographyScale['fontSize'] | number;
+    align?: TextStyle['textAlign'];
+    italic?: boolean;
+    underline?: boolean;
+    children?: React.ReactNode;
+    style?: StyleProp<TextStyle>;
+}
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<RNTextRef>>;
+export { Text };
+export default Text;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1,3 @@
+export type { TextColor, TextProps, TextVariant } from './Text.js';
+export { Text } from './Text.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,62 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils.js';
+import type { FieldBaseSize, FieldBaseVariant } from '../FieldBase/index.js';
+export type TimeFormat = '12h' | '24h';
+export type Period = 'AM' | 'PM';
+export type MinuteStep = 1 | 5 | 15 | 30;
+export interface TimeValue {
+    hour: number;
+    minute: number;
+}
+/**
+ * TimePicker supports two modes:
+ *
+ * 1. Controlled-modal mode — pass `visible`, `onChange`, `onClose`. The
+ *    component renders only the modal sheet and the caller owns open/close
+ *    state plus its own trigger UI.
+ * 2. Trigger mode — omit `visible`. The component renders a PickerTrigger
+ *    field (label / value / placeholder / chevron / clear / helper / error)
+ *    and manages its own modal open state. `onChange` is still called on
+ *    confirm.
+ */
+export interface TimePickerProps {
+    /** Controlled-modal visibility. When omitted, the component enters trigger mode. */
+    visible?: boolean;
+    value?: TimeValue | null;
+    onChange?: (time: TimeValue) => void;
+    onClose?: () => void;
+    format?: TimeFormat;
+    minuteStep?: MinuteStep;
+    title?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+    /** Outer container style applied to the bottom sheet. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style override for the title text container. */
+    headerLabelStyle?: StyleProp<ViewStyle>;
+    /** Style override for the cancel/confirm footer buttons. */
+    footerButtonStyle?: StyleProp<ViewStyle>;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    size?: FieldBaseSize;
+    variant?: FieldBaseVariant;
+    clearable?: boolean;
+    onClear?: () => void;
+    /** Override the trigger field's value formatting. Defaults to `format`-aware h:mm/HH:mm. */
+    formatValue?: (time: TimeValue) => string;
+    /** Style passed through to the PickerTrigger field row. */
+    triggerStyle?: StyleProp<ViewStyle>;
+    /** Haptic feedback for interactions. Pass false to disable; pass a HapticType to override the default. */
+    haptic?: HapticType | false;
+}
+declare const TimePicker: React.FC<TimePickerProps>;
+export { TimePicker };
+export default TimePicker;
+//# sourceMappingURL=TimePicker.d.ts.map

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

@@ -0,0 +1,3 @@
+export type { MinuteStep, Period, TimeFormat, TimePickerProps, TimeValue } from './TimePicker.js';
+export { default, TimePicker } from './TimePicker.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,62 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/**
+ * The status vocabulary is shared with the web library's AppTimeline so a
+ * sign-off history reads identically on both surfaces.
+ *
+ *   upcoming  — not started yet        (muted disc)
+ *   current   — in progress now        (warning)
+ *   done      — completed              (success)
+ *   onHold    — blocked / waiting      (info)
+ *   rejected  — declined / failed      (error)
+ *   cancelled — aborted                (muted)
+ *   skipped   — intentionally bypassed (muted)
+ *
+ * Every dot sits inside a soft halo of its own colour (the accent at 16
+ * percent), the web timeline's glow. The halo is a layout wrapper, not a
+ * platform shadow: a shadow cannot be coloured on Android and sits outside
+ * layout, while a wrapper keeps the connector spacing exact.
+ */
+export type TimelineStatus = 'upcoming' | 'current' | 'done' | 'onHold' | 'rejected' | 'cancelled' | 'skipped';
+export type TimelineVariant = 'feed' | 'progress';
+/** Same two names as the web library's AppTimeline; orthogonal to `variant`. */
+export type TimelineOrientation = 'vertical' | 'horizontal';
+export interface TimelineItem {
+    title: string;
+    description?: string;
+    /** Rendered under the title — a timestamp, an actor, a metadata line. */
+    meta?: string;
+    /** `progress` variant: drives the dot colour. Defaults to 'done' in a feed. */
+    status?: TimelineStatus;
+    /**
+     * Overrides the dot's colour; the halo follows it. For a stage the design
+     * paints in a colour no status produces, such as a brand-blue active dot.
+     */
+    color?: string;
+    /** Replaces the dot and its halo entirely, centred in the dot's slot. */
+    icon?: React.ReactNode;
+    /** Arbitrary content below the text block. */
+    children?: React.ReactNode;
+    key?: string;
+}
+export interface TimelineProps {
+    items: ReadonlyArray<TimelineItem>;
+    /** 'feed' is an audit trail; 'progress' is a status tracker. */
+    variant?: TimelineVariant;
+    /**
+     * `vertical` (default) stacks entries top to bottom beside a rail;
+     * `horizontal` gives each entry an equal column with the dot above its
+     * centred text and a connector running from one halo's edge to the next.
+     */
+    orientation?: TimelineOrientation;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * A chronological activity feed OR a status-progress tracker. Stepper covers a
+ * linear "which step am I on" flow; this covers "what has happened to this
+ * record", where entries carry their own status and can end in a terminal one.
+ */
+export declare const Timeline: React.FC<TimelineProps>;
+export default Timeline;
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1,3 @@
+export type { TimelineItem, TimelineOrientation, TimelineProps, TimelineStatus, TimelineVariant } from './Timeline.js';
+export { default, Timeline } from './Timeline.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils.js';
+export type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+export type ToastPosition = 'top' | 'bottom';
+export interface ToastAction {
+    label: string;
+    onPress: () => void;
+}
+export interface ToastOptions {
+    message: string;
+    description?: string;
+    variant?: ToastVariant;
+    position?: ToastPosition;
+    duration?: number;
+    action?: ToastAction;
+    haptic?: HapticType | false;
+    icon?: React.ReactNode;
+    /** Style applied to the toast container (override radius, padding, shadow per-toast). */
+    style?: StyleProp<ViewStyle>;
+    /** Alias of `style`. Applied to the toast container (merged additively). */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the toast message Text. */
+    textStyle?: StyleProp<TextStyle>;
+    /** Style applied to the leading icon circle wrapper. */
+    iconCircleStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the message Text (alias-ish of `textStyle` but kept distinct for slot symmetry). */
+    messageStyle?: StyleProp<TextStyle>;
+    /** Style applied to the trailing action Pressable. */
+    actionButtonStyle?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+export interface ToastItem extends ToastOptions {
+    id: string;
+}
+export interface ToastProps {
+    toast: ToastItem;
+    index: number;
+    onDismiss: (id: string) => void;
+}
+declare const Toast: React.FC<ToastProps>;
+export { Toast };
+export default Toast;
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ToastOptions, ToastPosition } from './Toast.js';
+export interface ToastApi {
+    show: (opts: ToastOptions) => string;
+    hide: (id: string) => void;
+    hideAll: () => void;
+}
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    maxVisible?: number;
+    topOffset?: number;
+    bottomOffset?: number;
+}
+export declare const ToastProvider: React.FC<ToastProviderProps>;
+export declare const useToast: () => ToastApi;
+interface ToastGlobal {
+    show: (opts: ToastOptions) => 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;
+    info: (message: string, opts?: Omit<ToastOptions, 'message' | 'variant'>) => string;
+    hideAll: () => void;
+}
+export declare const toast: ToastGlobal;
+export type { ToastPosition };
+//# sourceMappingURL=ToastProvider.d.ts.map

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

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

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right' | 'auto';
+export type TooltipTrigger = 'longPress' | 'press' | 'manual';
+export interface TooltipProps {
+    content: string | React.ReactNode;
+    children: React.ReactElement;
+    placement?: TooltipPlacement;
+    trigger?: TooltipTrigger;
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    hideOnContentPress?: boolean;
+    maxWidth?: number;
+    showArrow?: boolean;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    /** Alias of `style`. Applied to the outer animated tooltip wrapper (merged additively). */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style override applied to the arrow caret View. */
+    arrowStyle?: StyleProp<ViewStyle>;
+    /** Style override applied to the message Text (only when `content` is a string). */
+    messageStyle?: StyleProp<TextStyle>;
+    testID?: string;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export { Tooltip };
+export default Tooltip;
+//# sourceMappingURL=Tooltip.d.ts.map

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

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

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

@@ -0,0 +1,59 @@
+import type React from 'react';
+import type { View as RNView } from 'react-native';
+import type { HapticType } from '../../utils/hapticUtils.js';
+export interface TourStep {
+    /**
+     * The view the step highlights, measured when the step opens. Give it
+     * `collapsable={false}` so Android keeps it in the native tree. A step whose
+     * view is not mounted or not on screen is skipped.
+     */
+    target: React.RefObject<RNView | null>;
+    title?: string;
+    description: string;
+}
+/**
+ * Where the app remembers that a person has seen a tour: one record per tour
+ * id for the signed-in person, so one server record can serve the web tour too.
+ */
+export interface TourSeenStore {
+    isSeen: (tourId: string) => Promise<boolean>;
+    markSeen: (tourId: string) => Promise<void>;
+}
+/**
+ * - `finished`: the person stepped past the last step. Marked seen.
+ * - `skipped`: Skip, or Android back. Marked seen.
+ * - `alreadySeen`: the seen store says this tour was seen, so nothing showed.
+ * - `noTargets`: no step's view was on screen, so nothing showed. Not marked seen.
+ */
+export type TourCloseReason = 'finished' | 'skipped' | 'alreadySeen' | 'noTargets';
+export interface TourLabels {
+    back?: string;
+    next?: string;
+    skip?: string;
+    done?: string;
+}
+export interface TourProps {
+    /** Names the tour in the seen store. */
+    tourId: string;
+    steps: TourStep[];
+    /** Set true to run the tour; set it back to false from `onClose`. */
+    visible: boolean;
+    onClose: (reason: TourCloseReason) => void;
+    /** Consulted before showing and written when the tour finishes or is skipped. */
+    seenStore?: TourSeenStore;
+    labels?: TourLabels;
+    haptic?: HapticType | false;
+    testID?: string;
+}
+/**
+ * Walks through product steps one highlighted view at a time: the screen is
+ * dimmed except around the step's view, with a card holding the step text and
+ * Back, Next and Skip. Built on `Modal`; the card sits on the side of the view
+ * with more room, as `Tooltip` places its bubble, using the same tooltip gap and
+ * screen-padding tokens. Motion comes from `theme.motion`, which collapses under
+ * the OS Reduce Motion setting.
+ */
+declare const Tour: React.FC<TourProps>;
+export { Tour };
+export default Tour;
+//# sourceMappingURL=Tour.d.ts.map

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

@@ -0,0 +1,3 @@
+export type { TourCloseReason, TourLabels, TourProps, TourSeenStore, TourStep } from './Tour.js';
+export { default, Tour } from './Tour.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,47 @@
+/**
+ * ZoomableImage — a standalone pinch-to-zoom / pan / double-tap-to-zoom
+ * wrapper for a single piece of content (typically one `<Image>`).
+ *
+ * Reuses the same Reanimated 3 gesture composition `ImageGallery`'s internal
+ * lightbox slide uses (pinch clamped and rubber-banded at its limits, pan
+ * gated to only engage once zoomed in, double-tap toggling between baseline
+ * and `doubleTapScale`), stripped of the carousel-slide concerns that
+ * component needs and this one does not — there is no `index`/`total`/
+ * `active` because a standalone image is always the one being viewed.
+ *
+ * USAGE:
+ *
+ * <ZoomableImage>
+ *   <Image source={{ uri }} style={styles.image} resizeMode="contain" />
+ * </ZoomableImage>
+ *
+ * Takes `children` rather than a `source`/`uri` prop: every real consumer of
+ * this pattern in the fleet wraps an already-authenticated image component
+ * (headers, caching, its own loading state) rather than a bare `<Image>`, so
+ * a `source` prop would force re-implementing that per app. Wrapping keeps
+ * this component ignorant of how the image is fetched.
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { HapticType } from '../../utils/index.js';
+export interface ZoomableImageProps {
+    /** The content to pinch-zoom, pan, and double-tap-zoom — typically a single `<Image>`. */
+    children: React.ReactNode;
+    /** Upper bound on pinch and double-tap zoom. Default 4. */
+    maxScale?: number;
+    /** Lower bound on pinch zoom — the resting scale a pinch springs back to. Default 1. */
+    minScale?: number;
+    /** Scale a double tap zooms to; a second double tap returns to baseline. Default 2. */
+    doubleTapScale?: number;
+    /** Blocks pinch/pan/double-tap and smoothly resets any active zoom back to baseline. Default false. */
+    disabled?: boolean;
+    /** Haptic feedback on double-tap-to-zoom. Pass false to disable; pass a HapticType to override. */
+    haptic?: HapticType | false;
+    /** Style for the outer wrapping view. */
+    style?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export declare const ZoomableImage: React.FC<ZoomableImageProps>;
+export default ZoomableImage;
+//# sourceMappingURL=ZoomableImage.d.ts.map

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

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

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

@@ -0,0 +1,153 @@
+export type { AccordionGroupProps, AccordionProps, AccordionVariant } from './Accordion/index.js';
+export { Accordion, AccordionGroup } from './Accordion/index.js';
+export type { AmountSliderProps, AmountSliderUnits } from './AmountSlider/index.js';
+export { AmountSlider } from './AmountSlider/index.js';
+export type { AnimatePresenceProps, PresencePreset } from './AnimatePresence/index.js';
+export { AnimatePresence } from './AnimatePresence/index.js';
+export type { AppBarAction, AppBarProps, AppBarVariant } from './AppBar/index.js';
+export { AppBar } from './AppBar/index.js';
+export type { AsyncBlockProps } from './AsyncBlock/index.js';
+export { AsyncBlock } from './AsyncBlock/index.js';
+export type { AuthedImageCacheMeta, AuthedImageProps } from './AuthedImage/index.js';
+export { AuthedImage, authedImageCacheStats, clearAuthedImageCache, getAuthedImageCacheLimit, setAuthedImageCacheLimit } from './AuthedImage/index.js';
+export type { AutocompleteProps } from './Autocomplete/index.js';
+export { Autocomplete } from './Autocomplete/index.js';
+export type { AvatarGroupOverflowVariant, AvatarGroupProps, AvatarGroupSpacing, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarStatus, AvatarTone } from './Avatar/index.js';
+export { Avatar, AvatarGroup } from './Avatar/index.js';
+export type { BadgeAnchor, BadgeProps, BadgeTone, BadgeVariant } from './Badge/index.js';
+export { Badge } from './Badge/index.js';
+export type { BannerAction, BannerProps, 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 { BottomNavigation } from './BottomNavigation/index.js';
+export type { BottomSheetContextValue, BottomSheetProps, BottomSheetRef } from './BottomSheet/index.js';
+export { BottomSheet, useBottomSheet } 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';
+export { Button } from './Button/index.js';
+export type { CardElevation, CardPadding, CardProps, CardRadius, CardVariant } from './Card/index.js';
+export { Card } from './Card/index.js';
+export type { CarouselProps, CarouselRef, PaginationStyle } from './Carousel/index.js';
+export { Carousel } from './Carousel/index.js';
+export type { CheckboxProps, CheckboxSize, CheckboxTone } from './Checkbox/index.js';
+export { Checkbox } from './Checkbox/index.js';
+export type { ChipProps, ChipSize, ChipTone, ChipVariant } from './Chip/index.js';
+export { Chip } from './Chip/index.js';
+export type { ChoiceGroupDirection, ChoiceGroupIndicatorPosition, ChoiceGroupProps, ChoiceGroupSize, ChoiceGroupVariant, ChoiceOption, ChoiceOptionState } from './ChoiceGroup/index.js';
+export { ChoiceGroup } from './ChoiceGroup/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 { DescriptionItem, DescriptionsProps, DescriptionsSize } from './Descriptions/index.js';
+export { Descriptions } from './Descriptions/index.js';
+export type { DialogAction, DialogProps, DialogVariant } from './Dialog/index.js';
+export { Dialog } from './Dialog/index.js';
+export type { DividerOrientation, DividerProps, DividerSpacing } from './Divider/index.js';
+export { Divider } from './Divider/index.js';
+export type { DrawerProps, DrawerRef, DrawerSide } from './Drawer/index.js';
+export { Drawer } from './Drawer/index.js';
+export type { EmptyStateAction, EmptyStateProps, EmptyStateSize } from './EmptyState/index.js';
+export { EmptyState } from './EmptyState/index.js';
+export type { ErrorBoundaryInfo, ErrorBoundaryProps } from './ErrorBoundary/index.js';
+export { ErrorBoundary, useErrorHandler, withErrorBoundary } from './ErrorBoundary/index.js';
+export type { FilePickerFile, FilePickerFileState, FilePickerFileStatus, FilePickerLabels, FilePickerProps, FilePickerRef, FilePickerSource, FilePickerTriggerState, FilePickerVariant, PickedFileInput } from './FilePicker/index.js';
+export { FilePicker, formatFileSize } from './FilePicker/index.js';
+export type { FileViewerProps, FileViewerSource } from './FileViewer/index.js';
+export { FileViewer } from './FileViewer/index.js';
+export type { FloatingActionButtonGroupAction, FloatingActionButtonGroupProps, FloatingActionButtonPosition, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonTone } from './FloatingActionButton/index.js';
+export { FloatingActionButton, FloatingActionButtonGroup } from './FloatingActionButton/index.js';
+export type { ForceUpdateDialogProps } from './ForceUpdateDialog/index.js';
+export { ForceUpdateDialog } from './ForceUpdateDialog/index.js';
+export type { FormFieldLayout, FormFieldProps } from './FormField/index.js';
+export { FormField } from './FormField/index.js';
+export type { IconButtonProps, IconButtonShape, IconButtonSize, IconButtonTone, IconButtonVariant } from './IconButton/index.js';
+export { IconButton } from './IconButton/index.js';
+export type { GalleryImage, ImageGalleryProps } from './ImageGallery/index.js';
+export { ImageGallery } from './ImageGallery/index.js';
+export type { InlineSelectProps, InlineSelectSize } from './InlineSelect/index.js';
+export { InlineSelect } from './InlineSelect/index.js';
+export type { InputAction, InputProps, InputSize, InputSlotIcon, InputSlotState, InputVariant } from './Input/index.js';
+export { Input } from './Input/index.js';
+export type { KeyboardAwareScrollViewProps } from './KeyboardAwareScrollView/index.js';
+export { KeyboardAwareScrollView } from './KeyboardAwareScrollView/index.js';
+export type { KeyboardToolbarProps } from './KeyboardToolbar/index.js';
+export { KeyboardToolbar } from './KeyboardToolbar/index.js';
+export type { ListItemProps, ListItemSize } from './ListItem/index.js';
+export { ListItem } from './ListItem/index.js';
+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 { ModalPresentation, ModalProps } from './Modal/index.js';
+export { MODAL_DISMISS_GRACE_MS, Modal } from './Modal/index.js';
+export type { NumberInputProps, NumberInputRef, NumberInputSize, NumberInputVariant } from './NumberInput/index.js';
+export { NumberInput } from './NumberInput/index.js';
+export type { OTPInputProps, OTPInputRef, OTPInputSize } from './OTPInput/index.js';
+export { OTPInput } from './OTPInput/index.js';
+export type { CallingCode, PhoneNumberInputLabelMode, PhoneNumberInputProps, PhoneNumberInputRef, PhoneNumberValidation, PhoneNumberValue } from './PhoneNumberInput/index.js';
+export { DEFAULT_CALLING_CODES, formatE164, PhoneNumberInput } from './PhoneNumberInput/index.js';
+export type { PickerTriggerProps, PickerTriggerSize, PickerTriggerVariant } from './PickerTrigger/index.js';
+export { PickerTrigger } from './PickerTrigger/index.js';
+export type { ProfileCompletionAvatarTone, ProfileCompletionProps, ProfileCompletionRingVariant } from './ProfileCompletion/index.js';
+export { ProfileCompletion } from './ProfileCompletion/index.js';
+export type { ProfilePickerLabels, ProfilePickerLayout, ProfilePickerProps, ProfilePickerShape, ProfilePickerSize, ProfilePickerTone, ProfilePickerVariant } from './ProfilePicker/index.js';
+export { ProfilePicker } from './ProfilePicker/index.js';
+export type { ProgressBarProps, ProgressBarSegment, ProgressBarTone } from './ProgressBar/index.js';
+export { ProgressBar } from './ProgressBar/index.js';
+export type { ProgressRingProps, ProgressRingTone } from './ProgressRing/index.js';
+export { ProgressRing } from './ProgressRing/index.js';
+export type { RadioDotProps, RadioGroupProps, RadioProps, RadioSize, RadioTone, RadioValue } from './Radio/index.js';
+export { Radio, RadioDot, RadioGroup } from './Radio/index.js';
+export type { RatingProps, RatingSize, RatingTone } from './Rating/index.js';
+export { Rating } from './Rating/index.js';
+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 { 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 { 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';
+export { Slider } from './Slider/index.js';
+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 { SpinnerProps, SpinnerSize, SpinnerVariant } from './Spinner/index.js';
+export { Spinner } from './Spinner/index.js';
+export type { StatusBadgeProps, StatusBadgeSize, StatusBadgeTone, StatusBadgeVariant } from './StatusBadge/index.js';
+export { StatusBadge } from './StatusBadge/index.js';
+export type { StepperPressMode, StepperProps, StepperStep, StepperTone, StepperVariant } from './Stepper/index.js';
+export { Stepper } from './Stepper/index.js';
+export type { SwipeableAction, SwipeableProps, SwipeableTone } from './Swipeable/index.js';
+export { Swipeable } from './Swipeable/index.js';
+export type { SwitchProps, SwitchSize, SwitchTone } from './Switch/index.js';
+export { Switch } from './Switch/index.js';
+export type { TabItem, TabItemIcon, TabItemIconState, TabsAlign, TabsProps, TabsRadius, TabsSize, TabsVariant } from './Tabs/index.js';
+export { Tabs } from './Tabs/index.js';
+export type { TagInputProps } from './TagInput/index.js';
+export { TagInput } from './TagInput/index.js';
+export type { TextColor, TextProps, TextVariant } from './Text/index.js';
+export { Text } from './Text/index.js';
+export type { TimelineItem, TimelineOrientation, TimelineProps, TimelineStatus, TimelineVariant } from './Timeline/index.js';
+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, ToastOptions, ToastPosition, ToastProps, ToastProviderProps, ToastVariant } from './Toast/index.js';
+export { Toast, ToastProvider, toast, useToast } from './Toast/index.js';
+export type { TooltipPlacement, TooltipProps, TooltipTrigger } 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 { ZoomableImageProps } from './ZoomableImage/index.js';
+export { ZoomableImage } from './ZoomableImage/index.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/form/FormContext.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { FormApi, FormValues } from './types.js';
+export interface FormProps<Values extends FormValues = FormValues> {
+    /** The object returned by {@link useForm}. */
+    form: FormApi<Values>;
+    children: React.ReactNode;
+}
+/**
+ * Provides a {@link useForm} instance to descendants so `<FormField name>`,
+ * {@link useField} and {@link useFieldArray} can bind by name.
+ *
+ * Generic in `Values`, and it has to be. `FormApi` is invariant in `Values`
+ * because `setValues` accepts a `(prev: Values) => Values`, so a
+ * `FormApi<MyValues>` is not assignable to a `FormApi<FormValues>`. While the
+ * prop was declared at the base type, `useForm<MyValues>()` could not be handed
+ * to `<Form>` by ANY consumer, which is most of the reason to type a form at
+ * all. Untyped callers are unaffected: `Values` defaults to `FormValues`.
+ */
+export declare const Form: {
+    <Values extends FormValues = FormValues>({ form, children }: FormProps<Values>): React.ReactElement;
+    displayName: string;
+};
+/** Read the surrounding form. Throws if there is no `<Form>` ancestor. */
+export declare function useFormContext<Values extends FormValues = FormValues>(): FormApi<Values>;
+/** Read the surrounding form, or null when there is no `<Form>` ancestor. */
+export declare function useOptionalFormContext(): FormApi<FormValues> | null;
+//# sourceMappingURL=FormContext.d.ts.map

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

@@ -0,0 +1,12 @@
+export type { FormProps } from './FormContext.js';
+export { Form, useFormContext, useOptionalFormContext } from './FormContext.js';
+export { deletePath, getPath, setPath } from './path.js';
+import * as rules from './rules.js';
+export type { FieldInputProps, FieldRules, FieldState, FocusableNode, FormApi, FormConfig, FormErrors, FormTouched, FormValidateFn, FormValues, SubmitHelpers, ValidateOn, ValidationResult, ValidationRule, ValidationSchema } from './types.js';
+export type { FieldArrayApi } from './useField.js';
+export { useField, useFieldArray } from './useField.js';
+export { useForm } from './useForm.js';
+export type { FormCompletion, UseFormCompletionOptions } from './useFormCompletion.js';
+export { isFieldFilled, useFormCompletion } from './useFormCompletion.js';
+export { rules };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/form/path.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Immutable get/set/delete for dot- and bracket-notation field paths
+ * ("address.city", "phones[0]", "items[2].qty"). Lets a single flat `name`
+ * string address nested values and array items, so the form engine can treat
+ * every field uniformly regardless of how deep it lives in the value tree.
+ */
+export declare const getPath: (obj: unknown, path: string) => unknown;
+export declare const setPath: <T>(obj: T, path: string, value: unknown) => T;
+export declare const deletePath: <T>(obj: T, path: string) => T;
+//# sourceMappingURL=path.d.ts.map