react-native-system-ui 0.0.6 → 1.0.0

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

@@ -1,7 +1,7 @@
 import React, { type FC } from 'react';
 import type { TabPaneProps, TabsProps, TabsRef } from './types';
 declare const TabPane: FC<TabPaneProps>;
-declare const TabsWithPane: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<TabsRef>> & {
+declare const TabsWithPane: React.NamedExoticComponent<TabsProps & React.RefAttributes<TabsRef>> & {
     TabPane: React.FC<TabPaneProps>;
 };
 export { TabPane };

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

@@ -1,7 +1,7 @@
 import { TabPane } from './Tabs';
 export type { TabsProps, TabPaneProps, TabsValue, TabsType, TabsAlign, TabsSwipeableConfig, TabsRef, } from './types';
 export { useTabsTokens } from './tokens';
-declare const Tabs: import("react").ForwardRefExoticComponent<import("./types").TabsProps & import("react").RefAttributes<import("./types").TabsRef>> & {
+declare const Tabs: import("react").NamedExoticComponent<import("./types").TabsProps & import("react").RefAttributes<import("./types").TabsRef>> & {
     TabPane: import("react").FC<import("./types").TabPaneProps>;
 } & {
     TabPane: import("react").FC<import("./types").TabPaneProps>;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { TagProps } from './types';
-export declare const Tag: React.FC<TagProps>;
+export declare const Tag: React.NamedExoticComponent<TagProps>;

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

@@ -28,6 +28,6 @@ export interface ToastProps {
     onOpened?: () => void;
     onClosed?: () => void;
 }
-export declare const ToastContent: React.FC<ToastProps>;
-export declare const Toast: React.FC<ToastProps>;
+export declare const ToastContent: React.NamedExoticComponent<ToastProps>;
+export declare const Toast: React.NamedExoticComponent<ToastProps>;
 export default Toast;

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

@@ -1,4 +1,4 @@
-declare const Toast: import("react").FC<import("./Toast").ToastProps> & {
+declare const Toast: import("react").NamedExoticComponent<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;

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

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

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

@@ -68,7 +68,6 @@ export interface Foundations {
     };
 }
 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/hooks/animation/index.d.ts

@@ -0,0 +1,3 @@
+export { useReducedMotion, getReducedMotion } from './useReducedMotion';
+export { useAnimatedTransition } from './useAnimatedTransition';
+export type { AnimatedTransitionOptions, AnimatedTransitionResult } from './useAnimatedTransition';

package/dist/types/hooks/animation/useAnimatedTransition.d.ts

@@ -0,0 +1,13 @@
+import { Animated } from 'react-native';
+export interface AnimatedTransitionOptions {
+    visible: boolean;
+    duration?: number;
+    enterEasing?: (v: number) => number;
+    exitEasing?: (v: number) => number;
+    useNativeDriver?: boolean;
+}
+export interface AnimatedTransitionResult {
+    mounted: boolean;
+    progress: Animated.Value;
+}
+export declare const useAnimatedTransition: ({ visible, duration, enterEasing, exitEasing, useNativeDriver: driver }: AnimatedTransitionOptions) => AnimatedTransitionResult;

package/dist/types/hooks/animation/useReducedMotion.d.ts

@@ -0,0 +1,3 @@
+export declare const useReducedMotion: () => boolean;
+export declare const getReducedMotion: () => boolean;
+export declare const _resetForTesting: () => void;

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

@@ -11,4 +11,4 @@ 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;
+export declare const useAriaOverlay: ({ isOpen, onClose, isDismissable, shouldCloseOnInteractOutside, overlayProps: overrides }: UseAriaOverlayOptions) => UseAriaOverlayResult;

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

@@ -2,24 +2,25 @@ import type { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
 import { Animated } from 'react-native';
 export type ScrollAxis = 'x' | 'y';
 export type ScrollDirection = 'forward' | 'backward' | null;
+type SE = NativeSyntheticEvent<NativeScrollEvent>;
 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;
+    onScroll?: (event: SE) => void;
+    onScrollBeginDrag?: (event: SE) => void;
+    onScrollEndDrag?: (event: SE) => void;
+    onMomentumScrollBegin?: (event: SE) => void;
+    onMomentumScrollEnd?: (event: SE) => void;
 }
 export interface UseGestureScrollResult {
     scrollValue: Animated.Value;
     scrollProps: {
-        onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+        onScroll: (event: SE) => void;
         scrollEventThrottle: number;
-        onScrollBeginDrag?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
-        onScrollEndDrag?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
-        onMomentumScrollBegin?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
-        onMomentumScrollEnd?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+        onScrollBeginDrag?: (event: SE) => void;
+        onScrollEndDrag?: (event: SE) => void;
+        onMomentumScrollBegin?: (event: SE) => void;
+        onMomentumScrollEnd?: (event: SE) => void;
     };
     direction: ScrollDirection;
     isDragging: boolean;

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

@@ -1,4 +1,5 @@
 export * from './useSafeAreaPadding';
+export * from './animation';
 export * from './aria';
 export * from './gesture';
 export * from './overlay';

package/dist/types/hooks/overlay/OverlayStackStore.d.ts

@@ -18,21 +18,21 @@ export interface OverlayStackMountOptions {
 }
 type Listener = () => void;
 export declare class OverlayStackStore {
-    private readonly baseZIndex;
-    private readonly zIndexStep;
+    private readonly baseZ;
+    private readonly zStep;
     private listeners;
     private entries;
     private keySeed;
-    constructor(baseZIndex?: number, zIndexStep?: number);
-    subscribe: (listener: Listener) => () => void;
+    constructor(baseZ?: number, zStep?: number);
+    subscribe: (l: Listener) => () => void;
     getSnapshot: () => OverlayStackSnapshot;
-    mount: (options: OverlayStackMountOptions) => OverlayStackEntry;
-    update: (key: number, options: Partial<OverlayStackMountOptions>) => OverlayStackEntry | undefined;
-    unmount: (key: number) => void;
     peek: () => OverlayStackEntry | undefined;
     size: () => number;
     getBaseZIndex: () => number;
-    private resolveZIndex;
+    mount: (o: OverlayStackMountOptions) => OverlayStackEntry;
+    update: (key: number, o: Partial<OverlayStackMountOptions>) => OverlayStackEntry | undefined;
+    unmount: (key: number) => void;
+    private resolveZ;
     private emit;
 }
 export declare const overlayStackStore: OverlayStackStore;

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

@@ -7,4 +7,4 @@ export interface UseHairlineOptions {
     width: number;
     defaultPaddingHorizontal?: number;
 }
-export declare const useHairline: ({ show, containerStyle, color, width, defaultPaddingHorizontal, }: UseHairlineOptions) => React.JSX.Element | null;
+export declare const useHairline: ({ show, containerStyle, color, width, defaultPaddingHorizontal }: UseHairlineOptions) => React.JSX.Element | null;

package/dist/types/index.d.ts

@@ -2,3 +2,8 @@ export * from './components';
 export * from './design-system';
 export * from './hooks';
 export type { DeepPartial, ValueOf } from './types';
+export { flipStyle, rtlRow } from './utils/rtl';
+export { deepMerge } from './utils/deepMerge';
+export { createPlatformShadow } from './utils/createPlatformShadow';
+export { nativeDriverEnabled } from './platform/animation';
+export { isWeb, isIOS, isAndroid } from './platform/runtime';

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

@@ -1 +1,9 @@
 export declare const nativeDriverEnabled: boolean;
+export declare const defaultAnimationConfig: {
+    useNativeDriver: boolean;
+    isInteraction: false;
+};
+export declare const hardwareAccelerationProps: {
+    renderToHardwareTextureAndroid: boolean;
+    shouldRasterizeIOS: boolean;
+};

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

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

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

@@ -1,2 +1,2 @@
 export declare const shallowEqualArray: <T>(a?: T[], b?: T[]) => boolean;
-export declare const shallowEqualObject: (prev?: Record<string, unknown> | null, next?: Record<string, unknown> | null) => boolean;
+export declare const shallowEqualObject: (a?: Record<string, unknown> | null, b?: Record<string, unknown> | null) => boolean;

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

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

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

@@ -1,5 +1,5 @@
 export declare const padZero: (value: number | string, length?: number) => string;
-export declare const times: (count: number, iteratee: (index: number) => string) => string[];
+export declare const times: (count: number, fn: (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;
@@ -10,4 +10,4 @@ export interface TimeDuration {
     seconds: number;
     milliseconds: number;
 }
-export declare const formatDuration: (format: string, currentTime: TimeDuration) => string;
+export declare const formatDuration: (format: string, time: TimeDuration) => string;

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

@@ -1,20 +1,15 @@
 import { type ViewStyle } from 'react-native';
 export declare const getHairlineWidth: () => number;
-export interface HairlineBorderOptions {
+export type HairlinePosition = 'top' | 'right' | 'bottom' | 'left' | 'all';
+export interface HairlineViewOptions {
     color?: string;
-    position?: 'top' | 'right' | 'bottom' | 'left' | 'all';
+    position?: HairlinePosition;
     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;
+    borderRadius?: number;
 }
-export declare const createHairlineView: ({ left, right, top, bottom, width, color, position, }?: HairlineViewOptions) => ViewStyle;
+export declare const createHairlineView: ({ left, right, top, bottom, width, color, position, enabled, borderRadius }?: HairlineViewOptions) => ViewStyle;

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

@@ -8,4 +8,6 @@ export * from './hairline';
 export * from './number';
 export * from './promise';
 export * from './string';
+export * from './render';
 export * from './validate';
+export * from './rtl';

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

@@ -2,9 +2,9 @@ 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 parsePercentage: (value: unknown) => number;
 export declare const isNumericLike: (value: unknown) => value is number | string;
-export declare const addNumber: (num1: number, num2: number) => number;
+export declare const addNumber: (a: number, b: 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;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type StyleProp, type TextStyle } from 'react-native';
+export declare const renderTextOrNode: (content: React.ReactNode, textStyle?: StyleProp<TextStyle>, textProps?: {
+    numberOfLines?: number;
+}) => React.ReactNode;

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

@@ -0,0 +1,5 @@
+import type { FlexStyle } from 'react-native';
+type Dir = 'ltr' | 'rtl';
+export declare const flipStyle: <T extends FlexStyle>(style: T, dir: Dir) => T;
+export declare const rtlRow: (dir: Dir) => FlexStyle["flexDirection"];
+export {};

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "react-native-system-ui",
-  "version": "0.0.6",
+  "version": "1.0.0",
   "description": "面向 React Native 的设计系统级组件库，Tokens + ThemeProvider 主题体系，按需引入、体积小；API 统一可组合、高效可靠，支持可访问性与多端一致。",
-  "homepage": "https://react-native-system-ui.netlify.app/",
+  "homepage": "https://rn-system-ui.netlify.app/",
   "main": "./dist/cjs/index.js",
   "module": "./dist/es/index.js",
   "types": "./dist/types/index.d.ts",
@@ -23,6 +23,8 @@
     "build:types": "tsc -p tsconfig.types.json",
     "docs:update-size": "node scripts/generate-docs-size-data.mjs",
     "docs:build": "npm run build && npm run docs:update-size && NODE_OPTIONS=\"--require ./scripts/polyfills.js\" rndoc docs-build",
+    "git:push:gitee": "git remote set-url --push origin https://gitee.com/ws18250840411/react-native-system-ui.git",
+    "git:push:github": "git remote set-url --push origin https://github.com/ws18250840411/react-native-system-ui.git",
     "preview": "NODE_OPTIONS=\"--require ./scripts/polyfills.js\" rndoc preview",
     "rn:demos:sync": "node scripts/generate-rn-demo-registry.js",
     "rn:demos:watch": "node scripts/generate-rn-demo-registry.js --watch",
@@ -81,7 +83,6 @@
     "@react-stately/toggle": "^3.9.3",
     "@react-types/checkbox": "^3.10.2",
     "@react-types/listbox": "^3.7.4",
-    "react-native-image-picker": "^8.2.1",
     "react-native-system-icon": "^1.0.2"
   },
   "react-native": "./dist/es/index.js",
@@ -423,6 +424,12 @@
       "import": "./dist/es/components/safe-area-view/index.js",
       "require": "./dist/cjs/components/safe-area-view/index.js"
     },
+    "./error-boundary": {
+      "react-native": "./dist/es/components/error-boundary/index.js",
+      "types": "./dist/types/components/error-boundary/index.d.ts",
+      "import": "./dist/es/components/error-boundary/index.js",
+      "require": "./dist/cjs/components/error-boundary/index.js"
+    },
     "./package.json": "./package.json"
   }
 }