@webority-technologies/mobile 0.0.15 → 0.0.21

package/lib/typescript/module/components/Skeleton/SkeletonProvider.d.ts

@@ -1,10 +1,25 @@
+/**
+ * SkeletonProvider — app-level defaults for every <Skeleton> below it.
+ *
+ * Two responsibilities:
+ *   1. Broadcasts the default variant / speed / colors / radius /
+ *      placeholderCount so consumers don't repeat them per call site.
+ *   2. Mounts the shared `SkeletonClockProvider` (see SkeletonClock.tsx) so
+ *      every primitive shares a single Animated.Value — synchronized shimmer
+ *      across the whole subtree, one native-driver loop per provider.
+ *
+ * Also honors the OS "Reduce Motion" preference: when enabled, the clock is
+ * paused and skeletons render as static dim blocks. The detection is live —
+ * if the user toggles the setting while the app is open the skeletons stop
+ * shimmering immediately.
+ */
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { SkeletonRadius, SkeletonSpeed, SkeletonVariant } from './Skeleton';
 /**
- * Per-instance color override for a skeleton. `background` is the resting tone
- * of the placeholder; `highlight` is the moving shimmer band (or pulse fade).
- * Either can be omitted — missing keys fall back to the active theme.
+ * Per-instance color override for a skeleton. `background` is the resting
+ * tone of the placeholder; `highlight` is the moving shimmer band (or pulse
+ * fade). Either can be omitted — missing keys fall back to the active theme.
  */
 export interface SkeletonColors {
     background?: string;
@@ -19,14 +34,33 @@ export interface SkeletonProviderDefaults {
     radius?: SkeletonRadius;
     /** App-wide colour overrides for the shimmer base + highlight. */
     colors?: SkeletonColors;
+    /**
+     * Fade duration in ms for the `loading → loaded` cross-fade inside
+     * `SkeletonContent`. Default `300`. Set to `0` to disable.
+     */
+    fadeDuration?: number;
+    /**
+     * Hard override for animation. `'auto'` (default) follows the OS
+     * "Reduce Motion" preference: shimmer when off, static when on. `'always'`
+     * forces shimmer regardless. `'never'` forces static — useful for tests or
+     * battery-sensitive screens.
+     */
+    animation?: 'auto' | 'always' | 'never';
 }
 export interface SkeletonProviderProps extends SkeletonProviderDefaults {
     children: ReactNode;
 }
 export declare const SkeletonProvider: React.FC<SkeletonProviderProps>;
 /**
- * Read the current SkeletonProvider defaults. Returns an empty object when no
- * provider is mounted, so the skeleton primitives still work outside of one.
+ * Read the current SkeletonProvider defaults. Returns an empty object when
+ * no provider is mounted, so the skeleton primitives still work outside of
+ * one — but without a shared clock or theme-coordinated colors.
  */
 export declare const useSkeletonDefaults: () => SkeletonProviderDefaults;
+/**
+ * Subscribes to the OS "Reduce Motion" preference. Live — updates when the
+ * user toggles the setting while the app is open. Used internally by
+ * `SkeletonProvider`; exposed so consumer screens can branch on it too.
+ */
+export declare const useReduceMotion: () => boolean;
 //# sourceMappingURL=SkeletonProvider.d.ts.map

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

@@ -1,11 +1,13 @@
-export { Skeleton, SkeletonCircle, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonListItem, default } from './Skeleton';
-export type { SkeletonProps, SkeletonCircleProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonListItemProps, SkeletonVariant, SkeletonSpeed, SkeletonRadius, SkeletonWidth, SkeletonAvatarSize } from './Skeleton';
+export { Skeleton, SkeletonCircle, SkeletonText, default } from './Skeleton';
+export type { SkeletonProps, SkeletonCircleProps, SkeletonTextProps, SkeletonVariant, SkeletonSpeed, SkeletonShape, SkeletonRadius, SkeletonWidth } from './Skeleton';
 export { SkeletonContent } from './SkeletonContent';
-export type { SkeletonContentProps, SkeletonContentMode } from './SkeletonContent';
+export type { SkeletonContentProps, SkeletonStaticOf } from './SkeletonContent';
 export { SkeletonList } from './SkeletonList';
 export type { SkeletonListProps } from './SkeletonList';
-export { SkeletonProvider, useSkeletonDefaults } from './SkeletonProvider';
+export { SkeletonProvider, useSkeletonDefaults, useReduceMotion } from './SkeletonProvider';
 export type { SkeletonColors, SkeletonProviderDefaults, SkeletonProviderProps } from './SkeletonProvider';
+export { SkeletonClockProvider, useSkeletonClock } from './SkeletonClock';
+export type { SkeletonClockValue, SkeletonClockProviderProps } from './SkeletonClock';
 export { SkeletonSkip } from './SkeletonSkip';
 export type { SkeletonSkipProps } from './SkeletonSkip';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View } from 'react-native';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 export type SliderTone = 'primary' | 'success' | 'warning' | 'error';
 export type SliderSize = 'sm' | 'md' | 'lg';
 interface SliderCommonProps {
@@ -14,6 +14,17 @@ interface SliderCommonProps {
     formatLabel?: (value: number) => string;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+    trackStyle?: StyleProp<ViewStyle>;
+    fillStyle?: StyleProp<ViewStyle>;
+    thumbStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    /** Override the thumb press-scale target (default 1.1). */
+    thumbPressScale?: number;
+    /** Override the label fade duration (default theme.motion.duration.fast). */
+    labelShowDuration?: number;
+    /** Override the label final opacity when visible (default 1). */
+    labelOpacity?: number;
     testID?: string;
 }
 interface SliderSingleProps extends SliderCommonProps {

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, View as RNView, ViewStyle } from 'react-native';
 export type StepperVariant = 'horizontal' | 'vertical';
 export type StepperTone = 'primary' | 'success';
 export interface StepperStep {
@@ -13,19 +12,32 @@ export interface StepperProps {
     steps: StepperStep[];
     activeStep: number;
     onStepPress?: (index: number) => void;
+    /**
+     * Gate for tap-to-jump on completed steps. Default false — even when
+     * `onStepPress` is provided, taps are no-op unless this is true. Keeps
+     * progress-display use cases (the common case) from accidentally becoming
+     * navigable.
+     */
+    allowStepPress?: boolean;
     variant?: StepperVariant;
     tone?: StepperTone;
     /**
-     * When true, renders the component as a skeleton placeholder via SkeletonContent's auto walker.
-     * Component still renders its normal layout — the walker replaces Text/Image/sized View leaves
-     * with shimmer blocks. Use this when the data driving the component is still being fetched.
+     * When true, renders the component as its authored skeleton placeholder shape.
+     * The placeholder mirrors the real layout's footprint so the UI doesn't reflow
+     * when data arrives. Use this while the data driving the component is being fetched.
      */
     loading?: boolean;
     accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+    circleStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    connectorStyle?: StyleProp<ViewStyle>;
     testID?: string;
 }
-declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<View>>;
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<RNView>> & {
+    Skeleton: React.FC<StepperProps>;
+};
 export { Stepper };
 export default Stepper;
 //# sourceMappingURL=Stepper.d.ts.map

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

@@ -36,6 +36,8 @@ export interface SwipeableProps {
     onSwipeClose?: () => void;
     disabled?: boolean;
     containerStyle?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
+    actionStyle?: StyleProp<ViewStyle>;
     accessibilityLabel?: string;
     testID?: string;
 }

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

@@ -19,6 +19,7 @@ export interface SwitchProps extends Omit<PressableProps, 'style' | 'children' |
      */
     bounce?: boolean;
     style?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
     trackStyle?: StyleProp<ViewStyle>;
     thumbStyle?: StyleProp<ViewStyle>;
     testID?: string;

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

@@ -9,14 +9,16 @@
  * native driver does not support layout props.
  */
 import React from 'react';
-import { View } from 'react-native';
-import type { StyleProp, ViewStyle } from 'react-native';
+import { Animated, View } from 'react-native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 export type TabsVariant = 'underline' | 'pills';
 export type TabsAlign = 'left' | 'center';
 export interface TabItem {
     key: string;
     label: string;
     icon?: React.ReactNode;
+    /** Optional numeric/string badge — rendered inline after the label when provided. */
+    badge?: string | number;
     disabled?: boolean;
 }
 export interface TabsProps {
@@ -27,7 +29,29 @@ export interface TabsProps {
     scrollable?: boolean;
     align?: TabsAlign;
     style?: StyleProp<ViewStyle>;
+    /** Alias of `style`. Applied to the outer container View. Additive — both merge. */
+    containerStyle?: StyleProp<ViewStyle>;
     tabStyle?: StyleProp<ViewStyle>;
+    /** Style override applied to each tab label Text. */
+    tabLabelStyle?: StyleProp<TextStyle>;
+    /** Style override applied to the per-tab icon wrapper. */
+    tabIconStyle?: StyleProp<ViewStyle>;
+    /** Style override applied to the per-tab badge wrapper. */
+    tabBadgeStyle?: StyleProp<ViewStyle>;
+    /** Style override applied to the bottom divider line (underline variant only). */
+    dividerStyle?: StyleProp<ViewStyle>;
+    /** Style override applied to the animated indicator (underline or pill). */
+    indicatorStyle?: StyleProp<ViewStyle>;
+    /**
+     * Optional fractional active-index (0..tabs.length-1). When supplied and
+     * every tab has been measured, the indicator's translateX + width track
+     * this value via interpolation instead of springing on activeKey change.
+     * Wire it to a horizontal pager's `scrollX / pageWidth` to make the
+     * indicator follow drags in real time. Press-driven `onChange` still fires
+     * the same way; consumers typically scroll the pager in response so the
+     * progress value catches up.
+     */
+    progress?: Animated.AnimatedInterpolation<number> | Animated.Value;
     accessibilityLabel?: string;
     testID?: string;
 }

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { FieldBaseSize, FieldBaseVariant } from '../FieldBase';
 export type TimeFormat = '12h' | '24h';
 export type Period = 'AM' | 'PM';
 export type MinuteStep = 1 | 5 | 15 | 30;
@@ -7,11 +8,23 @@ export interface TimeValue {
     hour: number;
     minute: number;
 }
+/**
+ * TimePicker supports two modes:
+ *
+ * 1. Controlled-modal mode — pass `visible`, `onSelect`, `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. `onSelect` is still called on
+ *    confirm.
+ */
 export interface TimePickerProps {
-    visible: boolean;
+    /** Controlled-modal visibility. When omitted, the component enters trigger mode. */
+    visible?: boolean;
     value?: TimeValue | null;
-    onSelect: (time: TimeValue) => void;
-    onClose: () => void;
+    onSelect?: (time: TimeValue) => void;
+    onClose?: () => void;
     format?: TimeFormat;
     minuteStep?: MinuteStep;
     title?: string;
@@ -19,6 +32,26 @@ export interface TimePickerProps {
     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>;
 }
 declare const TimePicker: React.FC<TimePickerProps>;
 export { TimePicker };

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

@@ -18,8 +18,16 @@ export interface ToastOptions {
     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>;
 }
 export interface ToastItem extends ToastOptions {
     id: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+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 {
@@ -14,6 +14,12 @@ export interface TooltipProps {
     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>;

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

@@ -35,13 +35,11 @@ export type { EmptyStateProps, EmptyStateAction, EmptyStateSize } from './EmptyS
 export { FormField } from './FormField';
 export type { FormFieldProps, FormFieldLayout } from './FormField';
 export { FloatingActionButton, FloatingActionButtonGroup } from './FloatingActionButton';
-export type { FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonTone, FloatingActionButtonPosition, FloatingActionButtonIconConfig, FloatingActionButtonGroupProps, FloatingActionButtonGroupAction } from './FloatingActionButton';
+export type { FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonTone, FloatingActionButtonPosition, FloatingActionButtonGroupProps, FloatingActionButtonGroupAction } from './FloatingActionButton';
 export { ForceUpdateDialog } from './ForceUpdateDialog';
 export type { ForceUpdateDialogProps } from './ForceUpdateDialog';
 export { AppBar } from './AppBar';
 export type { AppBarProps, AppBarAction, AppBarVariant } from './AppBar';
-export { AppIcon } from './AppIcon';
-export type { AppIconProps, IconFamily, IconSize, IconTone } from './AppIcon';
 export { ImageGallery } from './ImageGallery';
 export type { ImageGalleryProps, GalleryImage } from './ImageGallery';
 export { Input } from './Input';
@@ -56,6 +54,8 @@ export { NumberInput } from './NumberInput';
 export type { NumberInputProps, NumberInputRef, NumberInputSize, NumberInputVariant } from './NumberInput';
 export { OTPInput } from './OTPInput';
 export type { OTPInputProps, OTPInputRef, OTPInputSize } from './OTPInput';
+export { PickerTrigger } from './PickerTrigger';
+export type { PickerTriggerProps, PickerTriggerSize, PickerTriggerVariant } from './PickerTrigger';
 export { ProgressBar } from './ProgressBar';
 export type { ProgressBarProps, ProgressBarTone } from './ProgressBar';
 export { Radio, RadioGroup } from './Radio';
@@ -70,8 +70,8 @@ export { Select } from './Select';
 export type { SelectProps, SelectOption, SelectSize } from './Select';
 export { Stepper } from './Stepper';
 export type { StepperProps, StepperVariant, StepperStep, StepperTone } from './Stepper';
-export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonCircle, SkeletonContent, SkeletonList, SkeletonListItem, SkeletonProvider, SkeletonSkip, SkeletonText, useSkeletonDefaults } from './Skeleton';
-export type { SkeletonAvatarProps, SkeletonCardProps, SkeletonCircleProps, SkeletonColors, SkeletonContentMode, SkeletonContentProps, SkeletonListItemProps, SkeletonListProps, SkeletonProps, SkeletonProviderDefaults, SkeletonProviderProps, SkeletonSkipProps, SkeletonSpeed, SkeletonTextProps, SkeletonVariant } from './Skeleton';
+export { Skeleton, SkeletonCircle, SkeletonClockProvider, SkeletonContent, SkeletonList, SkeletonProvider, SkeletonSkip, SkeletonText, useReduceMotion, useSkeletonClock, useSkeletonDefaults } from './Skeleton';
+export type { SkeletonCircleProps, SkeletonClockProviderProps, SkeletonClockValue, SkeletonColors, SkeletonContentProps, SkeletonListProps, SkeletonProps, SkeletonProviderDefaults, SkeletonProviderProps, SkeletonRadius, SkeletonShape, SkeletonSkipProps, SkeletonSpeed, SkeletonStaticOf, SkeletonTextProps, SkeletonVariant, SkeletonWidth } from './Skeleton';
 export { Slider } from './Slider';
 export type { SliderProps, SliderTone, SliderSize } from './Slider';
 export { Swipeable } from './Swipeable';

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

@@ -20,7 +20,7 @@ export type { LoggerType, RemoteLogger } from './logger';
 export { VersionCheck, useVersionCheck } from './versionCheck';
 export type { UpdateInfo, UpdateType, VersionData, VersionComparison, VersionCheckResult, VersionCheckType, ParsedVersion, Platform } from './versionCheck';
 export { ThemeProvider, useTheme, useThemeMode, setTheme, setColorMode, getColorMode, getTheme, resetTheme, subscribeTheme, mergeTheme, lightTheme, darkTheme } from './theme';
-export type { Theme, ThemeOverrides, ThemeProviderProps, ColorMode, ColorPalette, ColorSchemePreference, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, TypographyScale, MotionScale, DeepPartial } from './theme';
+export type { Theme, ThemeOverrides, ThemeProviderProps, IconRegistry, IconRenderer, ColorMode, ColorPalette, ColorSchemePreference, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, TypographyScale, MotionScale, DeepPartial } from './theme';
 export { useToggle, useDebounce, usePressAnimation } from './hooks';
 export type { UseToggleResult, UsePressAnimationOptions, UsePressAnimationResult } from './hooks';
 export { ScreenDimensions, Breakpoints, Responsive, isScreenSize, isTablet, Spacing, Padding, Margin, triggerHaptic, setHapticImplementation, shadowStyle, compressImage } from './utils';

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

@@ -14,5 +14,5 @@ export type { FontWeightKey } from './textStyle';
 export { createAnimatedValue, setNativeValue } from './animatedValue';
 export { Gradient, isGradientAvailable } from './Gradient';
 export type { GradientProps } from './Gradient';
-export type { ColorMode, ColorPalette, GradientDefinition, GradientScale, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, Theme, ThemeOverrides, TypographyScale, MotionScale, DeepPartial } from './types';
+export type { ColorMode, ColorPalette, GradientDefinition, GradientScale, IconRegistry, IconRenderer, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, Theme, ThemeOverrides, TypographyScale, MotionScale, DeepPartial } from './types';
 //# sourceMappingURL=index.d.ts.map