@webority/mobile-ui 0.9.0 → 0.10.0

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,26 @@ 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 { 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 +134,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 +154,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 +178,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

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

@@ -0,0 +1,75 @@
+import type React from 'react';
+import type { AccessibilityActionEvent, RefreshControlProps } from 'react-native';
+import type { HapticType } from '../utils/hapticUtils.js';
+export type UseRefreshControlLabels = {
+    /** Name of the refresh accessibility action. Default `'Refresh'`. */
+    refresh?: string;
+    /** Spoken when a button or accessibility-action refresh starts. Default `'Refreshing'`. */
+    refreshing?: string;
+    /** Spoken when that refresh ends. Default `'Updated'`. */
+    refreshed?: string;
+};
+export type UseRefreshControlOptions = {
+    /**
+     * Reloads the data. Return the promise (an RTK Query `refetch` already does)
+     * and the spinner stays until it settles. A rejection is logged and ends the
+     * spinner; show the user a curated message from the call itself.
+     */
+    onRefresh: () => unknown;
+    /**
+     * The screen's own loading flag, when the data is already tracked elsewhere.
+     * The spinner shows while this is true or a refresh started here is running.
+     */
+    refreshing?: boolean;
+    /**
+     * Haptic when a pull starts the refresh. Default: `'gestureStart'` on Android
+     * and none on iOS or web (no iOS haptic until a device check shows whether the
+     * system already taps). `false` turns it off; a type fires on every native
+     * platform.
+     */
+    haptic?: HapticType | false;
+    /**
+     * iOS only: the line under the spinner, for what changed ("Updated 2 minutes
+     * ago"). Never use it to explain how to refresh.
+     */
+    title?: string;
+    /** A refresh started here keeps the spinner at least this long. Default 400. */
+    minVisibleMs?: number;
+    labels?: UseRefreshControlLabels;
+};
+export type UseRefreshControlResult = {
+    /** Pass as `refreshControl` to a FlatList, SectionList, ScrollView or KeyboardAwareScrollView. */
+    refreshControl: React.ReactElement<RefreshControlProps>;
+    /** True while the spinner shows. Give an AppBar action or IconButton this as `loading`. */
+    refreshing: boolean;
+    /**
+     * Starts a refresh without a pull: the single-pointer path for an AppBar
+     * action or a button. Ignored while one is running. Fires no haptic (the
+     * button gives its own) and announces the start and the end. Never rejects.
+     */
+    refresh: () => Promise<void>;
+    /** Spread on a focusable element so a screen reader offers Refresh in its actions menu. */
+    accessibilityProps: {
+        accessibilityActions: {
+            name: 'refresh';
+            label: string;
+        }[];
+        onAccessibilityAction: (event: AccessibilityActionEvent) => void;
+    };
+};
+/**
+ * Themed pull to refresh plus the way to refresh without pulling.
+ *
+ * React Native's RefreshControl reports only that a refresh started, never that
+ * the pull crossed the trigger, so the haptic fires at that start. Web draws no
+ * pull at all, and a swipe is not available to everyone: pair the control with
+ * an AppBar action that calls `refresh()` so a person on any platform, or with a
+ * screen reader or keyboard, can reload.
+ *
+ *   const { refreshControl, refresh, refreshing } = useRefreshControl({ onRefresh: refetch });
+ *   <FlatList refreshControl={refreshControl} ... />
+ *   <AppBar rightActions={[{ icon: <AppIcon name="refresh" />, onPress: refresh,
+ *     accessibilityLabel: 'Refresh' }]} />
+ */
+export declare const useRefreshControl: (options: UseRefreshControlOptions) => UseRefreshControlResult;
+//# sourceMappingURL=useRefreshControl.d.ts.map

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

@@ -0,0 +1,21 @@
+import type { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
+export type ScrollDirection = 'up' | 'down' | 'idle';
+export type UseScrollDirectionOptions = {
+    /** Points of travel in one direction before the direction flips. Default 8. */
+    threshold?: number;
+};
+export type UseScrollDirectionResult = {
+    direction: ScrollDirection;
+    onScroll: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
+};
+/**
+ * Direction of the user's scroll, for bars that hide on scroll down and return
+ * on scroll up. `'idle'` until the list has moved past the top; it returns to
+ * `'idle'` when the offset reaches the top. Rubber-band overscroll at either
+ * end is clamped away, so a bounce never reads as a reversal. State changes
+ * only when the direction changes, not on every scroll event.
+ *
+ * Pass `onScroll` to a ScrollView or FlatList with `scrollEventThrottle={16}`.
+ */
+export declare const useScrollDirection: (options?: UseScrollDirectionOptions) => UseScrollDirectionResult;
+//# sourceMappingURL=useScrollDirection.d.ts.map

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

@@ -3,14 +3,14 @@ export type { AppIconName, AppIconProps, AppIconSize, CuratedIconName, IconName,
 export { APP_ICON_SIZES, AppIcon, CURATED_ICON_NAMES, defaultIcons, ICON_NAMES, ICONSAX_SUFFIX, renderSlotIcon } from './components/AppIcon/index.js';
 export type { FieldArrayApi, FieldInputProps, FieldRules, FieldState, FocusableNode, FormApi, FormCompletion, FormConfig, FormErrors, FormTouched, FormValidateFn, FormValues, HookFieldProps, HookFormFieldProps, SubmitHelpers, UseFormCompletionOptions, ValidateOn, ValidationResult, ValidationRule, ValidationSchema } from './form/index.js';
 export { deletePath, Form, getPath, HookFormField, isFieldFilled, rules, setPath, useField, useFieldArray, useForm, useFormCompletion, useFormContext, useHookFormField, useOptionalFormContext } from './form/index.js';
-export type { PressAnimationPreset, UseControllableStateOptions, UsePressAnimationOptions, UsePressAnimationResult, UseToggleResult } from './hooks/index.js';
-export { FLICK_TOLERANCE, PRESS_ANIMATION_PRESETS, useControllableState, useDebounce, useFlickGuard, usePressAnimation, useReducedMotion, useToggle } from './hooks/index.js';
+export type { PressAnimationPreset, ScrollDirection, UseControllableStateOptions, UsePressAnimationOptions, UsePressAnimationResult, UseRefreshControlLabels, UseRefreshControlOptions, UseRefreshControlResult, UseScrollDirectionOptions, UseScrollDirectionResult, UseToggleResult } from './hooks/index.js';
+export { FLICK_TOLERANCE, PRESS_ANIMATION_PRESETS, useControllableState, useDebounce, useFlickGuard, usePressAnimation, useReducedMotion, useRefreshControl, useScrollDirection, useToggle } from './hooks/index.js';
 export type { InitUIOptions } from './initUI.js';
 export { initUI } from './initUI.js';
 export type { NetworkStatusBannerProps } from './network/index.js';
 export { NetworkStatusBanner } from './network/index.js';
 export type { ColorMode, ColorPalette, ColorSchemePreference, DeepPartial, IconRegistry, IconRenderer, MotionScale, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, TextVariantSpec, Theme, ThemeOverrides, ThemeProviderProps, TypographyScale } from './theme/index.js';
 export { darkTheme, getColorMode, getTheme, lightTheme, mergeTheme, resetTheme, setColorMode, setTheme, subscribeTheme, ThemeProvider, useTheme, useThemeMode } from './theme/index.js';
-export type { BreakpointKey, FeedbackIntent, HapticType, ResponsiveScales, ScreenInfo, SpacingToken, SquirclePathParams } from './utils/index.js';
-export { Breakpoints, configureFeedback, feedback, hapticForIntent, isFeedbackEnabled, isScreenSize, isTablet, Margin, Padding, Responsive, ScreenDimensions, Spacing, SQUIRCLE_MIN_RADIUS, SQUIRCLE_SMOOTHING, setHapticImplementation, shadowStyle, smoothCorners, squircleApplies, squircleHostRadius, squirclePath, triggerHaptic, useScreenDimensions, warnUnknownProps } from './utils/index.js';
+export type { AnnounceOptions, BreakpointKey, FeedbackIntent, HapticType, ResponsiveScales, ScreenInfo, SpacingToken, SquirclePathParams } from './utils/index.js';
+export { announce, Breakpoints, configureFeedback, feedback, hapticForIntent, isFeedbackEnabled, isScreenSize, isTablet, Margin, Padding, Responsive, ScreenDimensions, Spacing, SQUIRCLE_MIN_RADIUS, SQUIRCLE_SMOOTHING, setHapticImplementation, shadowStyle, smoothCorners, squircleApplies, squircleHostRadius, squirclePath, triggerHaptic, useScreenDimensions, warnUnknownProps } from './utils/index.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/utils/announce.d.ts

@@ -0,0 +1,14 @@
+export type AnnounceOptions = {
+    /** Polite (default) waits for current speech; `false` interrupts. Use `false` only for errors. */
+    polite?: boolean;
+};
+/**
+ * Speaks `message` through the screen reader without moving focus.
+ *
+ * iOS: queued behind current speech when polite, high priority and interrupting
+ * when not. Android: React Native exposes one announcement path with no
+ * priority, so polite and assertive both go through it. Web: a hidden
+ * `aria-live` region, `polite` or `assertive` (role `alert`).
+ */
+export declare const announce: (message: string, options?: AnnounceOptions) => void;
+//# sourceMappingURL=announce.d.ts.map

package/lib/typescript/module/utils/hapticUtils.d.ts

@@ -1,4 +1,4 @@
-export type HapticType = 'selection' | 'impactLight' | 'impactMedium' | 'impactHeavy' | 'notificationSuccess' | 'notificationWarning' | 'notificationError';
+export type HapticType = 'selection' | 'impactLight' | 'impactMedium' | 'impactHeavy' | 'notificationSuccess' | 'notificationWarning' | 'notificationError' | 'longPress' | 'tick' | 'denseTick' | 'confirm' | 'reject' | 'gestureStart';
 export declare const triggerHaptic: (type?: HapticType) => void;
 /**
  * Replace the haptic backend. Intended for TESTS and for the showcase; an app

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

@@ -1,3 +1,5 @@
+export type { AnnounceOptions } from './announce.js';
+export { announce } from './announce.js';
 export { blendOf, tintOf } from './color.js';
 export { smoothCorners } from './corners.js';
 export type { FeedbackIntent } from './feedback.js';

package/lib/typescript/module/utils/placement.d.ts

@@ -0,0 +1,55 @@
+import type { LayoutRectangle } from 'react-native';
+import type { EdgeInsets } from 'react-native-safe-area-context';
+/**
+ * The anchored-surface engine: where a menu, a context menu or a tooltip sits
+ * against the view that opened it. Pure geometry in window coordinates (what
+ * `measureInWindow` reports), so it runs the same on iOS, Android and web.
+ */
+export type PlacementPreference = 'top' | 'bottom' | 'auto';
+export type ResolvedPlacement = 'top' | 'bottom';
+export type PlacementAlign = 'center' | 'start' | 'end';
+export interface PlacementViewport {
+    width: number;
+    height: number;
+    insets: EdgeInsets;
+}
+export interface PlacementOptions {
+    /** Space between the anchor and the surface. Default 8. */
+    gap?: number;
+    /** Least distance from each safe edge of the viewport. Default 8. */
+    margin?: number;
+    /** Horizontal alignment against the anchor, in left-to-right terms. Default `'center'`. */
+    align?: PlacementAlign;
+}
+export interface PlacementResult {
+    x: number;
+    y: number;
+    placement: ResolvedPlacement;
+}
+export interface PlacementRoom {
+    above: number;
+    below: number;
+}
+export declare const PLACEMENT_GAP = 8;
+export declare const PLACEMENT_MARGIN = 8;
+/** Height free above and below the anchor, inside the safe area and the margin. */
+export declare const placementRoom: (anchor: LayoutRectangle, viewport: PlacementViewport, options?: PlacementOptions) => PlacementRoom;
+/**
+ * Places a surface of `content` size against `anchor`. `'top'` and `'bottom'`
+ * are preferences that flip when the surface does not fit and the other side
+ * has more room; `'auto'` takes the side with more room. The surface never
+ * covers a visible anchor: when it is taller than the room on its side the
+ * caller caps its height to `placementRoom(...)` and lets it scroll. The
+ * horizontal position is clamped inside the safe area.
+ */
+export declare const computePlacement: (anchor: LayoutRectangle, content: {
+    width: number;
+    height: number;
+}, viewport: PlacementViewport, preferred: PlacementPreference, options?: PlacementOptions) => PlacementResult;
+/**
+ * Where along a surface's edge an arrow sits so it points at the anchor's
+ * centre, kept `cornerPadding` away from the surface's corners.
+ */
+export declare const arrowOffset: (anchorCenter: number, surfaceStart: number, surfaceLength: number, cornerPadding: number) => number;
+export declare const claimAnchoredSurface: (close: () => void) => (() => void);
+//# sourceMappingURL=placement.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/mobile-ui",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
   "keywords": [
     "react-native",
@@ -60,7 +60,7 @@
     }
   },
   "peerDependencies": {
-    "@webority/mobile-core": ">=0.8.0 <0.9.0",
+    "@webority/mobile-core": ">=0.10.0 <0.11.0",
     "expo": ">=57.0.0",
     "expo-file-system": ">=57.0.0",
     "expo-haptics": ">=57.0.0",
@@ -107,7 +107,7 @@
     ]
   },
   "devDependencies": {
-    "@webority/mobile-core": "0.9.0"
+    "@webority/mobile-core": "0.10.0"
   },
   "scripts": {
     "build": "bob build && node ../../scripts/minify-lib.mjs",