react-native-system-ui 0.0.1 → 0.0.3

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,8 @@
+export * from './usePresenceAnimation';
+export * from './useSafeAreaPadding';
+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/hooks/useSafeAreaPadding.d.ts

@@ -0,0 +1,13 @@
+export type SafeAreaPaddingMin = {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+};
+export type SafeAreaPaddingResult = {
+    paddingTop: number | string;
+    paddingBottom: number | string;
+    paddingLeft: number | string;
+    paddingRight: number | string;
+};
+export declare function useSafeAreaPadding(min?: SafeAreaPaddingMin): SafeAreaPaddingResult;

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';

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

@@ -0,0 +1,7 @@
+export interface WindowRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare const measureInWindow: (node: unknown, callback: (rect: WindowRect | null) => void) => void;

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

@@ -0,0 +1,3 @@
+export declare const isWeb: () => boolean;
+export declare const isIOS: () => boolean;
+export declare const isAndroid: () => boolean;

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

@@ -0,0 +1,2 @@
+export declare const setBodyScrollLocked: (nextLocked: boolean) => void;
+export declare const isBodyScrollLocked: () => boolean;

package/dist/types/types.d.ts

@@ -0,0 +1,4 @@
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends Array<infer U> ? Array<DeepPartial<U>> : T[K] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export type ValueOf<T> = T[keyof T];

package/dist/types/utils/array.d.ts

@@ -0,0 +1 @@
+export declare const toArray: <T>(value: T | T[] | undefined | null) => T[];

package/dist/types/utils/color.d.ts

@@ -0,0 +1,5 @@
+export type RgbTuple = readonly [number, number, number];
+export declare const hexToRgb: (input: string) => RgbTuple | null;
+export declare const withAlpha: (color: string, alpha: number) => string;
+export declare const ensureRgba: (color: string, alpha: number) => string;
+export declare const extractFirstColorToken: (input?: string | null) => string | undefined;

package/dist/types/utils/createPlatformShadow.d.ts

@@ -0,0 +1,11 @@
+import type { ViewStyle } from 'react-native';
+interface ShadowConfig {
+    color: string;
+    opacity: number;
+    radius: number;
+    offsetY: number;
+    offsetX?: number;
+    elevation?: number;
+}
+export declare const createPlatformShadow: (config: ShadowConfig) => ViewStyle;
+export default createPlatformShadow;

package/dist/types/utils/date.d.ts

@@ -0,0 +1,13 @@
+export declare const padZero: (value: number | string, length?: number) => string;
+export declare const times: (count: number, iteratee: (index: number) => string) => string[];
+export declare const getTrueValue: (value?: string) => number;
+export declare const getMonthEndDay: (year: number, month: number) => number;
+export declare const isValidDate: (value: unknown) => value is Date;
+export interface TimeDuration {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    milliseconds: number;
+}
+export declare const formatDuration: (format: string, currentTime: TimeDuration) => string;

package/dist/types/utils/deepMerge.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '../types';
+export declare function deepMerge<T>(target: T, source?: DeepPartial<T>): T;
+export declare function deepMerge<T>(target: DeepPartial<T>, source?: DeepPartial<T>): DeepPartial<T>;

package/dist/types/utils/hairline.d.ts

@@ -0,0 +1,20 @@
+import { type ViewStyle } from 'react-native';
+export declare const getHairlineWidth: () => number;
+export interface HairlineBorderOptions {
+    color?: string;
+    position?: 'top' | 'right' | 'bottom' | 'left' | 'all';
+    enabled?: boolean;
+}
+export declare const createHairlineBorder: ({ color, position, enabled, }?: HairlineBorderOptions) => ViewStyle;
+export declare const createHairlineBorderTop: (color?: string) => ViewStyle;
+export declare const createHairlineBorderRight: (color?: string) => ViewStyle;
+export declare const createHairlineBorderBottom: (color?: string) => ViewStyle;
+export declare const createHairlineBorderLeft: (color?: string) => ViewStyle;
+export interface HairlineViewOptions extends HairlineBorderOptions {
+    left?: number;
+    right?: number;
+    top?: number;
+    bottom?: number;
+    width?: number;
+}
+export declare const createHairlineView: ({ left, right, top, bottom, width, color, position, }?: HairlineViewOptions) => ViewStyle;

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

@@ -0,0 +1,10 @@
+export * from './array';
+export * from './color';
+export * from './createPlatformShadow';
+export * from './date';
+export * from './deepMerge';
+export * from './hairline';
+export * from './number';
+export * from './promise';
+export * from './string';
+export * from './validate';

package/dist/types/utils/number.d.ts

@@ -0,0 +1,11 @@
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const clamp01: (value: number) => number;
+export declare const parseNumberLike: (value: unknown, fallback?: number) => number | undefined;
+export declare const parseNumber: (value: unknown, fallback?: number) => number;
+export declare const parsePercentage: (percentage: unknown) => number;
+export declare const isNumericLike: (value: unknown) => value is number | string;
+export declare const addNumber: (num1: number, num2: number) => number;
+export declare const formatNumber: (value: number, integer: boolean, decimalLength?: number) => number;
+export declare const numberToString: (value: number | null | undefined, decimalLength?: number) => string;
+export declare const parseDecimalLength: (value: number | string | undefined) => number | undefined;
+export declare const clampValue: (value: number, min?: number, max?: number) => number;

package/dist/types/utils/promise.d.ts

@@ -0,0 +1 @@
+export declare const isPromiseLike: (value: unknown) => value is Promise<unknown>;

package/dist/types/utils/string.d.ts

@@ -0,0 +1,3 @@
+export declare const ensureSpace: (value: string, autoInsertSpace: boolean) => string;
+export declare const trimExtraChar: (value: string, char: string, regExp: RegExp) => string;
+export declare const formatNumberInput: (value: string, allowDot?: boolean, allowMinus?: boolean) => string;

package/dist/types/utils/validate.d.ts

@@ -0,0 +1,14 @@
+export declare const isDef: <T>(val: T) => val is NonNullable<T>;
+export declare const isRenderable: (node: unknown) => boolean;
+export declare const isText: (node: unknown) => node is string | number;
+export declare const isNumber: (val: unknown) => val is number;
+export declare const isFiniteNumber: (val: unknown) => val is number;
+export declare const isString: (val: unknown) => val is string;
+export declare const isBoolean: (val: unknown) => val is boolean;
+export declare const isFunction: (val: unknown) => val is Function;
+export declare const isUndefined: (val: unknown) => val is undefined;
+export declare const isObject: (val: unknown) => val is Record<any, any>;
+export declare const isValidNode: (node: unknown) => boolean;
+export declare const isPlainObject: (val: unknown) => val is Record<string, any>;
+export declare const isTwoCNChar: (value: string) => boolean;
+export declare const isImageUrlString: (url: string) => boolean;