react-native-system-ui 0.0.1-beta0 → 0.0.2

package/dist/types/components/toast/Toast.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import type { LoadingType } from '../loading';
+import type { DeepPartial } from '../../types';
+import type { ToastTokens } from './tokens';
+export type ToastPosition = 'top' | 'middle' | 'bottom';
+export type ToastType = 'info' | 'success' | 'fail' | 'loading';
+export interface ToastProps {
+    visible: boolean;
+    message?: React.ReactNode;
+    icon?: React.ReactNode;
+    type?: ToastType;
+    iconSize?: number;
+    loadingType?: LoadingType;
+    duration?: number;
+    position?: ToastPosition;
+    forbidClick?: boolean;
+    overlay?: boolean;
+    overlayStyle?: StyleProp<ViewStyle>;
+    closeOnClickOverlay?: boolean;
+    closeOnClick?: boolean;
+    loadingIndicator?: React.ReactNode;
+    /** 内容顶部是否预留安全区域（默认根据 position 自动设置，设置为 false 可全屏显示） */
+    safeAreaInsetTop?: boolean;
+    /** 内容底部是否预留安全区域（默认根据 position 自动设置，设置为 false 可全屏显示） */
+    safeAreaInsetBottom?: boolean;
+    tokensOverride?: DeepPartial<ToastTokens>;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    onClose?: () => void;
+    onOpen?: () => void;
+    onOpened?: () => void;
+    onClosed?: () => void;
+}
+export declare const Toast: React.FC<ToastProps>;
+export default Toast;

package/dist/types/components/toast/imperative.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type ToastProps, type ToastType } from './Toast';
+export type ToastShowOptions = Omit<ToastProps, 'visible'> & {
+    message?: React.ReactNode;
+};
+export type ToastInput = ToastShowOptions | React.ReactNode;
+export interface ToastReturnType {
+    clear: () => void;
+    update: (options: ToastInput) => void;
+    config: (options: ToastInput | ((prev: ToastShowOptions) => ToastInput)) => void;
+}
+export declare const ToastImperative: {
+    show: (options?: ToastInput) => ToastReturnType;
+    info: (options?: ToastInput) => ToastReturnType;
+    success: (options?: ToastInput) => ToastReturnType;
+    fail: (options?: ToastInput) => ToastReturnType;
+    loading: (options?: ToastInput) => ToastReturnType;
+    clear: () => void;
+    allowMultiple: (value?: boolean) => void;
+    setDefaultOptions: (typeOrOptions: ToastType | ToastShowOptions, options?: ToastShowOptions) => void;
+    resetDefaultOptions: (type?: ToastType) => void;
+};

package/dist/types/components/toast/index.d.ts

@@ -0,0 +1,15 @@
+declare const Toast: import("react").FC<import("./Toast").ToastProps> & {
+    show: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
+    info: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
+    success: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
+    fail: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
+    loading: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
+    clear: () => void;
+    allowMultiple: (value?: boolean) => void;
+    setDefaultOptions: (typeOrOptions: import("./Toast").ToastType | import("./imperative").ToastShowOptions, options?: import("./imperative").ToastShowOptions) => void;
+    resetDefaultOptions: (type?: import("./Toast").ToastType) => void;
+};
+export type { ToastProps, ToastPosition, ToastType } from './Toast';
+export type { ToastShowOptions, ToastInput, ToastReturnType } from './imperative';
+export default Toast;
+export { Toast };

package/dist/types/components/toast/tokens.d.ts

@@ -0,0 +1,24 @@
+import { type Foundations } from '../../design-system/tokens';
+import type { ToastType } from './Toast';
+export interface ToastTokens {
+    colors: {
+        text: string;
+        backdrop: string;
+        variants: Record<ToastType, string>;
+    };
+    fontSize: number;
+    lineHeight: number;
+    radius: number;
+    gap: number;
+    iconSize: number;
+    maxWidth: number | string;
+    textMinWidth: number;
+    textPaddingVertical: number;
+    textPaddingHorizontal: number;
+    defaultPadding: number;
+    defaultWidth: number;
+    defaultMinHeight: number;
+    animationDuration: number;
+}
+export declare const createToastTokens: (foundations: Foundations) => ToastTokens;
+export declare const useToastTokens: (overrides?: import("../..").DeepPartial<ToastTokens> | undefined) => ToastTokens;

package/dist/types/components/types.d.ts

@@ -0,0 +1,59 @@
+export type { ButtonProps } from './button';
+export type { CellProps, CellGroupProps } from './cell';
+export type { FlexProps } from './flex';
+export type { SpaceProps } from './space';
+export type { DividerProps } from './divider';
+export type { TagProps } from './tag';
+export type { CheckboxProps, CheckboxGroupProps, CheckboxValue } from './checkbox';
+export type { RadioProps, RadioGroupProps } from './radio';
+export type { FieldProps, FieldInstance, FieldGroupProps } from './field';
+export type { InputProps, InputTextAreaProps, InputInstance, InputTextAreaAutoSize, InputTextAreaAutoSizeConfig } from './input';
+export type { FormProps, FormInstance } from './form';
+export type { SwitchProps } from './switch';
+export type { BadgeProps } from './badge';
+export type { AvatarProps, AvatarShape, AvatarSize } from './avatar';
+export type { GridProps, GridItemProps, GridDirection } from './grid';
+export type { TypographyTextProps, TypographyTitleProps, TypographyLinkProps, TypographyType, TypographySize, TypographyTitleLevel, EllipsisConfig } from './typography';
+export type { LoadingProps, LoadingType } from './loading';
+export type { EmptyProps, EmptyImage } from './empty';
+export type { ImageProps, ImageFit } from './image';
+export type { ProgressProps } from './progress';
+export type { CircleProps, CircleStartPosition, CircleLineCap } from './circle';
+export type { NoticeBarProps, NoticeBarMode } from './notice-bar';
+export type { SliderProps, SliderValue } from './slider';
+export type { StepperProps, StepperTheme, StepperInstance } from './stepper';
+export type { RateProps } from './rate';
+export type { SelectorProps, SelectorOption, SelectorValue } from './selector';
+export type { SearchProps, SearchRef, SearchShape } from './search';
+export type { PasswordInputProps, PasswordInputRef } from './password-input';
+export type { PickerProps, PickerOption, PickerValue, PickerColumn, PickerColumns, PickerColumnWithDefault, PickerInteractionMode } from './picker';
+export type { NumberKeyboardProps, NumberKeyboardTheme } from './number-keyboard';
+export type { CollapseProps, CollapsePanelProps, CollapseValue } from './collapse';
+export type { PopupProps, PopupPlacement } from './popup';
+export type { OverlayProps } from './overlay';
+export type { DialogProps, DialogTheme, DialogMessageAlign, DialogActionState, DialogBeforeCloseAction, DialogShowOptions, DialogAlertOptions, DialogConfirmOptions } from './dialog';
+export type { ToastProps, ToastPosition } from './toast';
+export type { NotifyProps, NotifyType, NotifyPosition } from './notify';
+export type { PortalProps } from './portal/Portal';
+export type { ConfigProviderProps } from './config-provider';
+export type { DatetimePickerProps, DatetimePickerType } from './datetime-picker';
+export type { CalendarProps } from './calendar';
+export type { CascaderProps, CascaderOption, CascaderFieldNames, CascaderValue } from './cascader';
+export type { TabsProps, TabPaneProps, TabsValue, TabsType, TabsAlign } from './tabs';
+export type { TabbarProps, TabbarItemProps, TabbarValue } from './tabbar';
+export type { NavBarProps } from './nav-bar';
+export type { SidebarProps, SidebarItemProps } from './sidebar';
+export type { IndexBarProps, IndexAnchorProps } from './index-bar';
+export type { ActionSheetProps, ActionSheetAction, ActionSheetCloseAction } from './action-sheet';
+export type { ShareSheetProps, ShareSheetOption, ShareSheetOptions } from './share-sheet';
+export type { DropdownMenuProps, DropdownItemProps, DropdownOption, DropdownMenuDirection, DropdownMenuInstance, DropdownItemInstance } from './dropdown-menu';
+export type { AreaProps } from './area';
+export type { ListProps, ListRef } from './list';
+export type { PullRefreshProps } from './pull-refresh';
+export type { ImagePreviewProps, ImagePreviewRef, ImagePreviewCloseParams, ImagePreviewOpenOptions, ImagePreviewDestroy } from './image-preview';
+export type { SwiperProps, SwiperInstance, SwiperItemProps, SwiperPagIndicatorProps, SwiperPagIndicatorTokens } from './swiper';
+export type { UploaderProps, UploaderValueItem, UploaderItemStatus, UploaderInstance, UploaderResultType, UploaderFile, UploaderMaxSize, UploaderBeforeRead } from './uploader';
+export type { SkeletonProps, SkeletonAvatarShape } from './skeleton';
+export type { CountDownProps, CountDownInstance } from './count-down';
+export type { WaterMarkProps } from './water-mark';
+export type { PaginationProps } from './pagination';

package/dist/types/components/typography/Typography.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Text } from 'react-native';
+import type { TypographyLinkProps } from './types';
+export declare const Typography: React.NamedExoticComponent<import("./types").TypographyBaseProps & React.RefAttributes<Text>> & {
+    Text: React.NamedExoticComponent<import("./types").TypographyBaseProps & React.RefAttributes<Text>>;
+    Title: React.ForwardRefExoticComponent<Omit<import("./types").TypographyBaseProps, "size"> & {
+        level?: import("./types").TypographyTitleLevel;
+    } & React.RefAttributes<Text>>;
+    Link: React.ForwardRefExoticComponent<TypographyLinkProps & React.RefAttributes<Text>>;
+};
+export default Typography;

package/dist/types/components/typography/index.d.ts

@@ -0,0 +1,3 @@
+import Typography from './Typography';
+export type { TypographyTextProps, TypographyTitleProps, TypographyLinkProps, TypographyType, TypographySize, TypographyTitleLevel, EllipsisConfig, } from './types';
+export default Typography;

package/dist/types/components/typography/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { TypographyTokens } from './types';
+export declare const useTypographyTokens: (overrides?: import("../..").DeepPartial<TypographyTokens> | undefined) => TypographyTokens;

package/dist/types/components/uploader/Uploader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { UploaderInstance, UploaderProps } from './types';
+declare const Uploader: React.ForwardRefExoticComponent<UploaderProps & React.RefAttributes<UploaderInstance>>;
+export default Uploader;

package/dist/types/components/uploader/index.d.ts

@@ -0,0 +1,5 @@
+import Uploader from './Uploader';
+export type { UploaderProps, UploaderValueItem, UploaderItemStatus, UploaderInstance, UploaderResultType, UploaderFile, UploaderMaxSize, UploaderBeforeRead, } from './types';
+export { useUploaderTokens } from './tokens';
+export default Uploader;
+export { Uploader };

package/dist/types/components/uploader/tokens.d.ts

@@ -0,0 +1,17 @@
+export interface UploaderTokens {
+    size: number;
+    gap: number;
+    radius: number;
+    colors: {
+        background: string;
+        border: string;
+        text: string;
+        icon: string;
+        deleteBackground: string;
+        deleteIcon: string;
+        maskBackground: string;
+        maskText: string;
+        failed: string;
+    };
+}
+export declare const useUploaderTokens: (overrides?: import("../..").DeepPartial<UploaderTokens> | undefined) => UploaderTokens;

package/dist/types/components/uploader/utils.d.ts

@@ -0,0 +1,11 @@
+import type { UploaderBeforeRead, UploaderMaxSize, UploaderResultType, UploaderValueItem } from './types';
+export declare const isImageFile: (item: UploaderValueItem, forced?: boolean) => boolean;
+export declare const resolveSource: (item: UploaderValueItem, isImage: boolean) => import("react-native").ImageSourcePropType | undefined;
+export type NormalizedMaxSize = Exclude<UploaderMaxSize, string>;
+export declare const normalizeMaxSize: (maxSize: UploaderMaxSize | undefined, fallback: number) => NormalizedMaxSize;
+export declare const filterFiles: (files: File[], maxSize: NormalizedMaxSize) => {
+    valid: File[];
+    invalid: File[];
+};
+export declare const readFileContent: (file: File, resultType: UploaderResultType, createObjectUrl: (file: File) => string | undefined) => Promise<string | undefined>;
+export declare const processBeforeRead: (file: File, files: File[], beforeRead: UploaderBeforeRead | undefined) => Promise<false | File | import("./types").UploaderFile | undefined>;

package/dist/types/components/water-mark/WaterMark.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { WaterMarkProps } from './types';
+declare const WaterMark: React.FC<WaterMarkProps>;
+export default WaterMark;

package/dist/types/components/water-mark/index.d.ts

@@ -0,0 +1,5 @@
+import WaterMark from './WaterMark';
+export type { WaterMarkProps } from './types';
+export { useWaterMarkTokens } from './tokens';
+export default WaterMark;
+export { WaterMark };

package/dist/types/components/water-mark/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { WaterMarkTokens } from './types';
+export declare const useWaterMarkTokens: (overrides?: import("../..").DeepPartial<WaterMarkTokens> | undefined) => WaterMarkTokens;

package/dist/types/design-system/ThemeContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { DeepPartial } from '../types';
+import { type ThemeTokens } from './tokens';
+export interface ThemeComponentTokensMap {
+}
+export type ThemeComponentKey = keyof ThemeComponentTokensMap;
+export type ThemeComponents = Partial<{
+    [K in ThemeComponentKey]: DeepPartial<ThemeComponentTokensMap[K]>;
+}>;
+export interface ThemeContextValue {
+    foundations: ThemeTokens;
+    components?: ThemeComponents;
+}
+export declare const ThemeContext: React.Context<ThemeContextValue>;

package/dist/types/design-system/ThemeProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { DeepPartial } from '../types';
+import { type ThemeComponents } from './ThemeContext';
+import { type ThemeTokens } from './tokens';
+export interface ThemeConfig {
+    foundations?: DeepPartial<ThemeTokens>;
+    components?: ThemeComponents;
+}
+export type ThemeProviderValue = ThemeTokens | ThemeConfig;
+export interface ThemeProviderProps {
+    value?: ThemeProviderValue;
+    children: React.ReactNode;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;

package/dist/types/design-system/createComponentTokensHook.d.ts

@@ -0,0 +1,4 @@
+import type { DeepPartial } from '../types';
+import type { ThemeComponentKey, ThemeComponentTokensMap } from './ThemeContext';
+import type { Foundations } from './tokens';
+export declare const createComponentTokensHook: <K extends ThemeComponentKey>(key: K, createBaseTokens: (foundations: Foundations) => ThemeComponentTokensMap[K]) => (overrides?: DeepPartial<ThemeComponentTokensMap[K]>) => ThemeComponentTokensMap[K];

package/dist/types/design-system/index.d.ts

@@ -0,0 +1,10 @@
+export { ThemeProvider } from './ThemeProvider';
+export type { ThemeProviderProps, ThemeProviderValue } from './ThemeProvider';
+export { useTheme } from './useTheme';
+export { createComponentTokensHook } from './createComponentTokensHook';
+export { mergeTokensOverride } from './mergeTokensOverride';
+export { createTokens, defaultTokens } from './tokens';
+export type { ThemeTokens } from './tokens';
+export type { ThemeComponentKey, ThemeComponents } from './ThemeContext';
+export { themePresets, getThemePreset } from './presets';
+export type { ThemePresetName } from './presets';

package/dist/types/design-system/mergeTokensOverride.d.ts

@@ -0,0 +1,2 @@
+import type { DeepPartial } from '../types';
+export declare const mergeTokensOverride: <T>(base?: DeepPartial<T>, override?: DeepPartial<T>) => DeepPartial<T> | undefined;

package/dist/types/design-system/presets.d.ts

@@ -0,0 +1,8 @@
+import { type ThemeTokens } from './tokens';
+export declare const themePresets: {
+    readonly light: import("./tokens").Foundations;
+    readonly dark: import("./tokens").Foundations;
+    readonly aurora: import("./tokens").Foundations;
+};
+export type ThemePresetName = keyof typeof themePresets;
+export declare const getThemePreset: (name: ThemePresetName) => ThemeTokens;

package/dist/types/design-system/tokens.d.ts

@@ -0,0 +1,74 @@
+import type { TextStyle } from 'react-native';
+import type { DeepPartial } from '../types';
+export type FontWeight = Exclude<TextStyle['fontWeight'], undefined>;
+export type PaletteRamp = {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    foreground?: string;
+};
+export interface Foundations {
+    palette: {
+        default: PaletteRamp;
+        primary: PaletteRamp;
+        info: PaletteRamp;
+        success: PaletteRamp;
+        warning: PaletteRamp;
+        danger: PaletteRamp;
+    };
+    spacing: {
+        none: number;
+        xxs: number;
+        xs: number;
+        ssm: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        xxl: number;
+    };
+    radii: {
+        none: number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        pill: number;
+        full: number;
+    };
+    fontSize: {
+        xxs: number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    typography: {
+        fontFamily: string;
+        weight: {
+            regular: FontWeight;
+            medium: FontWeight;
+            semiBold: FontWeight;
+            bold: FontWeight;
+        };
+        lineHeightMultiplier: number;
+    };
+    opacity: {
+        disabled: number;
+        loading: number;
+        pressed: number;
+    };
+}
+export declare const defaultFoundations: Foundations;
+export declare const buildFoundations: (overrides?: DeepPartial<Foundations>) => Foundations;
+export type ThemeTokens = Foundations;
+export declare const createTokens: (overrides?: DeepPartial<Foundations>) => ThemeTokens;
+export declare const defaultTokens: Foundations;

package/dist/types/design-system/useTheme.d.ts

@@ -0,0 +1 @@
+export declare const useTheme: () => import("./ThemeContext").ThemeContextValue;

package/dist/types/hooks/aria/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useAriaPress';
+export * from './useAriaToggle';
+export * from './useAriaListBox';
+export * from './useAriaOverlay';

package/dist/types/hooks/aria/useAriaListBox.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type ListState } from '@react-stately/list';
+import type { AriaListBoxProps } from '@react-types/listbox';
+export interface UseAriaListBoxOptions<T> extends AriaListBoxProps<T> {
+    /**
+     * 是否开启虚拟滚动
+     */
+    isVirtualized?: boolean;
+    /**
+      * 自定义 label
+      */
+    label?: React.ReactNode;
+}
+export interface UseAriaListBoxResult<T> {
+    state: ListState<T>;
+    listBoxProps: Record<string, unknown>;
+    labelProps: Record<string, unknown>;
+    ref: React.RefObject<unknown>;
+}
+export declare const useAriaListBox: <T extends object>(props: UseAriaListBoxOptions<T>) => UseAriaListBoxResult<T>;

package/dist/types/hooks/aria/useAriaOverlay.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ViewProps } from 'react-native';
+export interface UseAriaOverlayOptions {
+    isOpen: boolean;
+    onClose?: () => void;
+    /**
+     * 是否允许点击遮罩关闭
+     * @default true
+     */
+    isDismissable?: boolean;
+    /**
+     * 自定义是否在交互外关闭
+     */
+    shouldCloseOnInteractOutside?: (target: unknown) => boolean;
+    /**
+     * 透传给 overlayProps 的其他属性
+     */
+    overlayProps?: Record<string, unknown>;
+}
+export interface UseAriaOverlayResult {
+    overlayRef: React.RefObject<unknown>;
+    overlayProps: Partial<ViewProps> & Record<string, unknown>;
+}
+export declare const useAriaOverlay: ({ isOpen, onClose, isDismissable, shouldCloseOnInteractOutside, overlayProps: overlayPropOverrides, }: UseAriaOverlayOptions) => UseAriaOverlayResult;

package/dist/types/hooks/aria/useAriaPress.d.ts

@@ -0,0 +1,39 @@
+import { type PressEvents } from '@react-native-aria/interactions';
+export interface UseAriaPressOptions extends PressEvents {
+    /**
+     * 是否禁用交互
+     */
+    disabled?: boolean;
+    /**
+     * 是否开启 hover 监听（Web）
+     * @default true
+     */
+    allowHover?: boolean;
+    /**
+     * 是否处理聚焦态（Web）
+     * @default true
+     */
+    allowFocus?: boolean;
+    /**
+     * 透传到交互元素上的附加属性
+     */
+    extraProps?: Record<string, unknown>;
+}
+export interface AriaInteractionStates {
+    hovered: boolean;
+    pressed: boolean;
+    focused: boolean;
+    focusVisible: boolean;
+    disabled: boolean;
+}
+export interface UseAriaPressResult {
+    /**
+     * 需要挂载在交互元素上的属性集合
+     */
+    interactionProps: Record<string, unknown>;
+    /**
+     * 统一的交互状态，便于组件快速渲染
+     */
+    states: AriaInteractionStates;
+}
+export declare const useAriaPress: ({ disabled, allowHover, allowFocus, extraProps, ...pressEvents }?: UseAriaPressOptions) => UseAriaPressResult;

package/dist/types/hooks/aria/useAriaToggle.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { ToggleState } from '@react-stately/toggle';
+import type { AriaToggleProps } from '@react-types/checkbox';
+export interface UseAriaToggleOptions extends AriaToggleProps {
+    /**
+     * Ref to the internal pressable element
+     */
+    inputRef?: React.RefObject<unknown>;
+}
+export interface UseAriaToggleResult {
+    state: ToggleState;
+    inputProps: Record<string, unknown>;
+    inputRef: React.RefObject<unknown>;
+}
+export declare const useAriaToggle: (props: UseAriaToggleOptions) => UseAriaToggleResult;

package/dist/types/hooks/gesture/index.d.ts

@@ -0,0 +1 @@
+export * from './useGestureScroll';

package/dist/types/hooks/gesture/useGestureScroll.d.ts

@@ -0,0 +1,32 @@
+import type { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
+import { Animated } from 'react-native';
+export type ScrollAxis = 'x' | 'y';
+export type ScrollDirection = 'forward' | 'backward' | null;
+export interface UseGestureScrollOptions {
+    axis?: ScrollAxis;
+    scrollEventThrottle?: number;
+    onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    onScrollBeginDrag?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    onScrollEndDrag?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    onMomentumScrollBegin?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    onMomentumScrollEnd?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+}
+export interface UseGestureScrollResult {
+    scrollValue: Animated.Value;
+    scrollProps: {
+        onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+        scrollEventThrottle: number;
+        onScrollBeginDrag?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+        onScrollEndDrag?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+        onMomentumScrollBegin?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+        onMomentumScrollEnd?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    };
+    direction: ScrollDirection;
+    isDragging: boolean;
+    isMomentum: boolean;
+    getVelocity: () => number;
+    getCurrentOffset: () => number;
+    resetOffset: (value?: number) => void;
+}
+export declare const useGestureScroll: (options?: UseGestureScrollOptions) => UseGestureScrollResult;
+export default useGestureScroll;

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export * from './usePresenceAnimation';
+export * from './aria';
+export * from './gesture';
+export { default as useControllableValue } from './useControllableValue';
+export { default as useCountDown } from './useCountDown';
+export type { CountDownCurrentTime } from './useCountDown';
+export * from './useHairline';

package/dist/types/hooks/useControllableValue.d.ts

@@ -0,0 +1,9 @@
+export interface UseControllableValueOptions<T> {
+    defaultValue?: T;
+    defaultValuePropName?: string;
+    valuePropName?: string;
+    trigger?: string;
+}
+export type UseControllableValueProps = object;
+declare function useControllableValue<T = unknown, P extends object = UseControllableValueProps>(props?: P, options?: UseControllableValueOptions<T>): [T, (value: T, ...args: unknown[]) => void];
+export default useControllableValue;

package/dist/types/hooks/useCountDown.d.ts

@@ -0,0 +1,23 @@
+export interface CountDownCurrentTime {
+    total: number;
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    milliseconds: number;
+}
+export interface UseCountDownOptions {
+    time: number;
+    millisecond?: boolean;
+    onChange?: (current: CountDownCurrentTime) => void;
+    onFinish?: () => void;
+}
+declare const parseTime: (time: number) => CountDownCurrentTime;
+declare const useCountDown: (options: UseCountDownOptions) => {
+    start: () => void;
+    pause: () => void;
+    reset: (newTime?: number) => void;
+    current: CountDownCurrentTime;
+};
+export { parseTime };
+export default useCountDown;

package/dist/types/hooks/useHairline.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface UseHairlineOptions {
+    /**
+     * Whether to show the hairline
+     * @default true
+     */
+    show?: boolean;
+    /**
+     * The style of the container, used to calculate padding
+     */
+    containerStyle?: StyleProp<ViewStyle>;
+    /**
+     * The color of the hairline
+     */
+    color: string;
+    /**
+     * The width (thickness) of the hairline
+     */
+    width: number;
+    /**
+     * Default horizontal padding if not specified in containerStyle
+     * @default 0
+     */
+    defaultPaddingHorizontal?: number;
+}
+/**
+ * A hook to generate a hairline (separator) view that respects the container's padding.
+ * Useful for list items, cells, etc.
+ */
+export declare const useHairline: ({ show, containerStyle, color, width, defaultPaddingHorizontal, }: UseHairlineOptions) => React.JSX.Element | null;

package/dist/types/hooks/usePresenceAnimation.d.ts

@@ -0,0 +1,15 @@
+import { Animated } from 'react-native';
+interface PresenceOptions {
+    duration?: number;
+    easing?: (value: number) => number;
+    /**
+     * 初次挂载时是否执行进入动画
+     * @default false
+     */
+    appear?: boolean;
+}
+export declare const usePresenceAnimation: (visible: boolean, { duration, easing, appear }?: PresenceOptions) => {
+    mounted: boolean;
+    animated: Animated.Value;
+};
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './design-system';
+export * from './hooks';
+export type { DeepPartial, ValueOf } from './types';

package/dist/types/platform/animation.d.ts

@@ -0,0 +1 @@
+export declare const nativeDriverEnabled: boolean;

package/dist/types/platform/history.d.ts

@@ -0,0 +1 @@
+export declare const addPopStateListener: (listener: () => void) => () => void;

package/dist/types/platform/index.d.ts

@@ -0,0 +1,5 @@
+export * from './animation';
+export * from './history';
+export * from './measure';
+export * from './runtime';
+export * from './scrollLock';