react-native-system-ui 0.0.2 → 0.0.4

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

@@ -1,86 +1,156 @@
 export { default as Button } from './button';
 export type { ButtonProps } from './button';
+export type { ButtonTokens } from './button/types';
+export { useButtonTokens } from './button/tokens';
 export { default as Cell } from './cell';
 export type { CellProps } from './cell';
+export type { CellTokens } from './cell/types';
+export { useCellTokens } from './cell/tokens';
 export { CellGroup } from './cell';
 export type { CellGroupProps } from './cell';
 export { default as Flex } from './flex';
 export type { FlexProps } from './flex';
+export type { FlexTokens } from './flex/types';
+export { useFlexTokens } from './flex/tokens';
 export { default as Space } from './space';
 export type { SpaceProps } from './space';
+export type { SpaceTokens } from './space/types';
+export { useSpaceTokens } from './space/tokens';
 export { default as Divider } from './divider';
 export type { DividerProps } from './divider';
+export type { DividerTokens } from './divider/types';
+export { useDividerTokens } from './divider/tokens';
 export { default as Tag } from './tag';
 export type { TagProps } from './tag';
+export type { TagTokens } from './tag/types';
+export { useTagTokens } from './tag/tokens';
 export { Checkbox } from './checkbox';
 export { CheckboxGroup } from './checkbox';
 export type { CheckboxProps, CheckboxGroupProps, CheckboxValue } from './checkbox';
+export type { CheckboxTokens } from './checkbox/types';
+export { useCheckboxTokens } from './checkbox/tokens';
 export { Radio } from './radio';
 export { RadioGroup } from './radio';
 export type { RadioProps, RadioGroupProps } from './radio';
+export type { RadioTokens } from './radio/types';
+export { useRadioTokens } from './radio/tokens';
 export { default as Field } from './field';
 export { FieldGroup } from './field';
 export type { FieldProps } from './field';
 export type { FieldInstance } from './field';
 export type { FieldGroupProps } from './field';
+export type { FieldTokens } from './field/tokens';
+export { useFieldTokens } from './field/tokens';
 export { default as Input } from './input';
 export type { InputProps, InputTextAreaProps, InputInstance, InputTextAreaAutoSize, InputTextAreaAutoSizeConfig, } from './input';
+export type { InputTokens } from './input/types';
+export { useInputTokens } from './input/tokens';
 export { default as Form } from './form';
 export type { FormProps, FormInstance } from './form';
 export { default as Switch } from './switch';
 export type { SwitchProps } from './switch';
+export type { SwitchTokens } from './switch/types';
+export { useSwitchTokens } from './switch/tokens';
 export { default as Badge } from './badge';
 export type { BadgeProps } from './badge';
+export type { BadgeTokens } from './badge/types';
+export { useBadgeTokens } from './badge/tokens';
 export { default as Avatar } from './avatar';
 export type { AvatarProps, AvatarShape, AvatarSize } from './avatar';
+export type { AvatarTokens } from './avatar/types';
+export { useAvatarTokens } from './avatar/tokens';
 export { default as Grid } from './grid';
 export type { GridProps, GridItemProps, GridDirection } from './grid';
+export type { GridTokens } from './grid/types';
+export { useGridTokens } from './grid/tokens';
 export { default as Typography } from './typography';
 export type { TypographyTextProps, TypographyTitleProps, TypographyLinkProps, TypographyType, TypographySize, TypographyTitleLevel, EllipsisConfig, } from './typography';
+export type { TypographyTokens } from './typography/types';
+export { useTypographyTokens } from './typography/tokens';
 export { default as Loading } from './loading';
 export type { LoadingProps, LoadingType } from './loading';
+export type { LoadingTokens } from './loading/types';
+export { useLoadingTokens } from './loading/tokens';
 export { default as Empty } from './empty';
 export type { EmptyProps, EmptyImage } from './empty';
+export type { EmptyTokens } from './empty/types';
+export { useEmptyTokens } from './empty/tokens';
 export { default as Image } from './image';
 export type { ImageProps, ImageFit } from './image';
+export type { ImageTokens } from './image/types';
 export { useImageTokens } from './image';
 export { default as Progress } from './progress';
 export type { ProgressProps } from './progress';
+export type { ProgressTokens } from './progress/types';
+export { useProgressTokens } from './progress/tokens';
 export { default as Circle } from './circle';
 export type { CircleProps, CircleStartPosition, CircleLineCap } from './circle';
+export type { CircleTokens } from './circle/types';
+export { useCircleTokens } from './circle/tokens';
 export { default as NoticeBar } from './notice-bar';
 export type { NoticeBarProps, NoticeBarMode } from './notice-bar';
+export type { NoticeBarTokens } from './notice-bar/tokens';
+export { useNoticeBarTokens } from './notice-bar/tokens';
 export { default as Slider } from './slider';
 export type { SliderProps, SliderValue } from './slider';
+export type { SliderTokens } from './slider/tokens';
+export { useSliderTokens } from './slider/tokens';
 export { default as Stepper } from './stepper';
 export type { StepperProps, StepperTheme, StepperInstance } from './stepper';
+export type { StepperTokens } from './stepper/tokens';
+export { useStepperTokens } from './stepper/tokens';
 export { default as Rate } from './rate';
 export type { RateProps } from './rate';
+export type { RateTokens } from './rate/types';
+export { useRateTokens } from './rate/tokens';
 export { default as Selector } from './selector';
 export type { SelectorProps, SelectorOption, SelectorValue } from './selector';
+export type { SelectorTokens } from './selector/types';
+export { useSelectorTokens } from './selector/tokens';
 export { default as Search } from './search';
 export type { SearchProps, SearchRef, SearchShape } from './search';
+export type { SearchTokens } from './search/tokens';
+export { useSearchTokens } from './search/tokens';
 export { default as PasswordInput } from './password-input';
 export type { PasswordInputProps, PasswordInputRef } from './password-input';
+export type { PasswordInputTokens } from './password-input/PasswordInput';
 export { default as Picker } from './picker';
 export type { PickerProps, PickerOption, PickerValue, PickerColumn, PickerColumns, PickerColumnWithDefault, } from './picker';
+export type { PickerTokens } from './picker/tokens';
+export { usePickerTokens } from './picker/tokens';
 export { default as NumberKeyboard } from './number-keyboard';
 export type { NumberKeyboardProps, NumberKeyboardTheme } from './number-keyboard';
+export type { NumberKeyboardTokens } from './number-keyboard/tokens';
+export { useNumberKeyboardTokens } from './number-keyboard/tokens';
 export { default as Collapse } from './collapse';
 export type { CollapseProps, CollapsePanelProps, CollapseValue } from './collapse';
+export type { CollapseTokens } from './collapse/types';
+export { useCollapseTokens } from './collapse/tokens';
 export { default as Popup } from './popup';
 export type { PopupProps, PopupPlacement } from './popup';
+export type { PopupTokens } from './popup/tokens';
+export { usePopupTokens } from './popup/tokens';
 export { default as Overlay } from './overlay';
 export type { OverlayProps } from './overlay';
+export type { OverlayTokens } from './overlay/types';
+export { useOverlayTokens } from './overlay/tokens';
 export { default as Dialog } from './dialog';
 export type { DialogProps, DialogTheme, DialogMessageAlign, DialogActionState, DialogBeforeCloseAction, DialogShowOptions, DialogAlertOptions, DialogConfirmOptions, } from './dialog';
+export type { DialogTokens } from './dialog/tokens';
+export { useDialogTokens } from './dialog/tokens';
 export { default as Toast } from './toast';
 export type { ToastProps, ToastPosition } from './toast';
+export type { ToastTokens } from './toast/tokens';
+export { useToastTokens } from './toast/tokens';
 export { default as Notify } from './notify';
 export type { NotifyProps, NotifyType, NotifyPosition } from './notify';
+export type { NotifyTokens } from './notify/types';
+export { useNotifyTokens } from './notify/tokens';
 export { Portal } from './portal';
 export { PortalHost } from './portal';
 export type { PortalProps } from './portal/Portal';
+export { SafeAreaView } from './safe-area-view';
+export type { SafeAreaViewProps } from './safe-area-view';
 export { ConfigProvider } from './config-provider';
 export { useLocale } from './config-provider';
 export { zhCN } from './config-provider';
@@ -90,32 +160,58 @@ export { default as DatetimePicker } from './datetime-picker';
 export type { DatetimePickerProps, DatetimePickerType } from './datetime-picker';
 export { default as Calendar } from './calendar';
 export type { CalendarProps } from './calendar';
+export type { CalendarTokens } from './calendar/types';
+export { useCalendarTokens } from './calendar/tokens';
 export { default as Cascader } from './cascader';
 export type { CascaderProps, CascaderOption, CascaderFieldNames, CascaderValue } from './cascader';
+export type { CascaderTokens } from './cascader/types';
+export { useCascaderTokens } from './cascader/tokens';
 export { default as Tabs } from './tabs';
 export type { TabsProps, TabPaneProps, TabsValue, TabsType, TabsAlign } from './tabs';
+export type { TabsTokens } from './tabs/tokens';
+export { useTabsTokens } from './tabs/tokens';
 export { default as Tabbar } from './tabbar';
 export type { TabbarProps, TabbarItemProps, TabbarValue } from './tabbar';
+export type { TabbarTokens } from './tabbar/tokens';
+export { useTabbarTokens } from './tabbar/tokens';
 export { default as NavBar } from './nav-bar';
 export type { NavBarProps } from './nav-bar';
+export type { NavBarTokens } from './nav-bar/types';
+export { useNavBarTokens } from './nav-bar/tokens';
 export { default as Sidebar } from './sidebar';
 export type { SidebarProps, SidebarItemProps } from './sidebar';
+export type { SidebarTokens } from './sidebar/types';
+export { useSidebarTokens } from './sidebar/tokens';
 export { default as IndexBar } from './index-bar';
 export type { IndexBarProps, IndexAnchorProps } from './index-bar';
+export type { IndexBarTokens } from './index-bar/tokens';
+export { useIndexBarTokens } from './index-bar/tokens';
 export { default as ActionSheet } from './action-sheet';
 export type { ActionSheetProps, ActionSheetAction, ActionSheetCloseAction } from './action-sheet';
+export type { ActionSheetTokens } from './action-sheet/types';
+export { useActionSheetTokens } from './action-sheet/tokens';
 export { default as ShareSheet } from './share-sheet';
 export type { ShareSheetProps, ShareSheetOption, ShareSheetOptions } from './share-sheet';
+export type { ShareSheetTokens } from './share-sheet/tokens';
+export { useShareSheetTokens } from './share-sheet/tokens';
 export { default as DropdownMenu } from './dropdown-menu';
 export type { DropdownMenuProps, DropdownItemProps, DropdownOption, DropdownMenuDirection, DropdownMenuInstance, DropdownItemInstance, } from './dropdown-menu';
+export type { DropdownMenuTokens } from './dropdown-menu/tokens';
+export { useDropdownMenuTokens } from './dropdown-menu/tokens';
 export { default as Area } from './area';
 export type { AreaProps } from './area';
 export { default as List } from './list';
 export type { ListProps, ListRef } from './list';
+export type { ListTokens } from './list/types';
+export { useListTokens } from './list/tokens';
 export { default as PullRefresh } from './pull-refresh';
 export type { PullRefreshProps } from './pull-refresh';
+export type { PullRefreshTokens } from './pull-refresh/tokens';
+export { usePullRefreshTokens } from './pull-refresh/tokens';
 export { default as ImagePreview } from './image-preview';
 export type { ImagePreviewProps, ImagePreviewRef, ImagePreviewCloseParams, ImagePreviewOpenOptions, ImagePreviewDestroy, } from './image-preview';
+export type { ImagePreviewTokens } from './image-preview/tokens';
+export { useImagePreviewTokens } from './image-preview/tokens';
 export { default as Swiper } from './swiper';
 export { SwiperItem } from './swiper';
 export { SwiperPagIndicator } from './swiper';
@@ -124,13 +220,21 @@ export type { SwiperPagIndicatorProps, SwiperPagIndicatorTokens } from './swiper
 export { useSwiperPagIndicatorTokens } from './swiper';
 export { default as Uploader } from './uploader';
 export type { UploaderProps, UploaderValueItem, UploaderItemStatus, UploaderInstance, UploaderResultType, UploaderFile, UploaderMaxSize, UploaderBeforeRead, } from './uploader';
+export type { UploaderTokens } from './uploader/tokens';
 export { useUploaderTokens } from './uploader';
 export { default as Skeleton } from './skeleton';
 export type { SkeletonProps, SkeletonAvatarShape } from './skeleton';
+export type { SkeletonTokens } from './skeleton/types';
 export { useSkeletonTokens } from './skeleton';
 export { default as CountDown } from './count-down';
 export type { CountDownProps, CountDownInstance } from './count-down';
+export type { CountDownTokens } from './count-down/types';
+export { useCountDownTokens } from './count-down/tokens';
 export { default as WaterMark } from './water-mark';
 export type { WaterMarkProps } from './water-mark';
+export type { WaterMarkTokens } from './water-mark/types';
+export { useWaterMarkTokens } from './water-mark/tokens';
 export { default as Pagination } from './pagination';
 export type { PaginationProps } from './pagination';
+export type { PaginationTokens } from './pagination/types';
+export { usePaginationTokens } from './pagination/tokens';

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

@@ -5,6 +5,6 @@ export declare const notifyDefaults: {
     duration: number;
     closeOnClick: false;
     animationDuration: number;
-    safeAreaInsetTop: false;
-    safeAreaInsetBottom: false;
+    safeAreaInsetTop: true;
+    safeAreaInsetBottom: true;
 };

package/dist/types/components/number-keyboard/tokens.d.ts

@@ -21,6 +21,7 @@ export interface NumberKeyboardTokens {
         keyHeight: number;
         closeHeight: number;
         fontSize: number;
+        titleFontSize: number;
     };
     radii: {
         key: number;

package/dist/types/components/password-input/PasswordInput.d.ts

@@ -9,9 +9,11 @@ export interface PasswordInputTokens {
         error: string;
         cursor: string;
         background: string;
+        transparent: string;
     };
     radii: {
         wrapper: number;
+        cellGutter: number;
     };
     sizing: {
         cellHeight: number;
@@ -30,9 +32,11 @@ export interface PasswordInputTokens {
     };
     opacity: {
         disabled: number;
+        hidden: number;
     };
     spacing: {
         infoMarginTop: number;
+        none: number;
     };
 }
 declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<PasswordInputRef>>;

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

@@ -18,6 +18,7 @@ export interface PickerTokens {
         confirm: string;
         cancel: string;
         mask: string;
+        loadingMask: string;
     };
     spacing: {
         toolbarHeight: number;
@@ -32,6 +33,7 @@ export interface PickerTokens {
     };
     radius: {
         toolbar: number;
+        container: number;
     };
 }
 export declare const usePickerTokens: (overrides?: import("../..").DeepPartial<PickerTokens> | undefined) => PickerTokens;

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

@@ -21,6 +21,7 @@ export interface PopupTokens {
         closeIconTop: number;
         closeIconRight: number;
         closeIconSize: number;
+        closeIconPadding: number;
     };
     typography: {
         titleSize: number;

package/dist/types/components/safe-area-view/SafeAreaView.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type LayoutChangeEvent, type StyleProp, type ViewStyle } from 'react-native';
+export interface SafeAreaViewProps {
+    edge?: 'top' | 'bottom';
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    pointerEvents?: 'box-none' | 'none' | 'box-only' | 'auto';
+}
+export declare const SafeAreaView: React.FC<SafeAreaViewProps>;

package/dist/types/components/safe-area-view/index.d.ts

@@ -0,0 +1,2 @@
+export { SafeAreaView } from './SafeAreaView';
+export type { SafeAreaViewProps } from './SafeAreaView';

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

@@ -19,6 +19,7 @@ export interface SearchTokens {
         actionGap: number;
         contentPaddingHorizontal: number;
         contentPaddingVertical: number;
+        none: number;
     };
     radius: {
         square: number;

package/dist/types/components/share-sheet/tokens.d.ts

@@ -12,6 +12,18 @@ export interface ShareSheetTokens {
         horizontal: number;
         vertical: number;
         gap: number;
+        popupPadding: number;
+        headerPaddingTop: number;
+        headerPaddingHorizontal: number;
+        headerPaddingBottom: number;
+        titleMarginTop: number;
+        descriptionMarginTop: number;
+        nodeMarginTop: number;
+        iconMarginHorizontal: number;
+        optionTextPaddingHorizontal: number;
+        optionDescPaddingHorizontal: number;
+        cancelPaddingVertical: number;
+        cancelMarginTop: number;
     };
     sizing: {
         icon: number;
@@ -21,6 +33,7 @@ export interface ShareSheetTokens {
         description: number;
         option: number;
         optionDesc: number;
+        cancel: number;
     };
 }
 export declare const useShareSheetTokens: (overrides?: import("../..").DeepPartial<ShareSheetTokens> | undefined) => ShareSheetTokens;

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

@@ -22,6 +22,7 @@ export interface StepperTokens {
         inputText: string;
         inputDisabledText: string;
         inputDisabledBackground: string;
+        transparent: string;
     };
     radii: {
         default: number;
@@ -37,6 +38,7 @@ export interface StepperTokens {
     };
     spacing: {
         gap: number;
+        none: number;
     };
 }
 export declare const useStepperTokens: (overrides?: import("../..").DeepPartial<StepperTokens> | undefined) => StepperTokens;

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

@@ -55,6 +55,14 @@ export interface TabsTokens {
         descriptionSize: number;
         jumboTitleSize: number;
         jumboLineHeight: number;
+        badgeTextSize: number;
+    };
+    spacing: {
+        navSidePaddingHorizontal: number;
+        navBottomMarginTop: number;
+        descriptionMarginTop: number;
+        jumboDescriptionMarginTop: number;
+        badgeMarginTop: number;
     };
     indicator: {
         height: number;

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

@@ -5,6 +5,7 @@ export interface ToastTokens {
         text: string;
         backdrop: string;
         variants: Record<ToastType, string>;
+        transparent: string;
     };
     fontSize: number;
     lineHeight: number;
@@ -18,6 +19,9 @@ export interface ToastTokens {
     defaultPadding: number;
     defaultWidth: number;
     defaultMinHeight: number;
+    pressedOpacity: number;
+    positionOffsetRatio: number;
+    positionOffsetMin: number;
     animationDuration: number;
 }
 export declare const createToastTokens: (foundations: Foundations) => ToastTokens;

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

@@ -2,6 +2,31 @@ export interface UploaderTokens {
     size: number;
     gap: number;
     radius: number;
+    spacing: {
+        placeholderPaddingHorizontal: number;
+        placeholderNameMarginTop: number;
+        statusGap: number;
+        uploadContentGap: number;
+        deleteOffset: number;
+        deletePaddingHorizontal: number;
+    };
+    sizing: {
+        deleteMinSize: number;
+    };
+    opacity: {
+        pressed: number;
+        disabled: number;
+    };
+    radii: {
+        deleteButton: number;
+    };
+    typography: {
+        placeholderIconSize: number;
+        placeholderNameSize: number;
+        statusTextSize: number;
+        uploadIconSize: number;
+        uploadTextSize: number;
+    };
     colors: {
         background: string;
         border: string;

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

@@ -1,4 +1,5 @@
 export * from './usePresenceAnimation';
+export * from './useSafeAreaPadding';
 export * from './aria';
 export * from './gesture';
 export { default as useControllableValue } from './useControllableValue';

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

@@ -2,13 +2,18 @@ import { Animated } from 'react-native';
 interface PresenceOptions {
     duration?: number;
     easing?: (value: number) => number;
+    /**
+     * 是否允许执行动画（用于等待测量结果等）
+     * @default true
+     */
+    canAnimate?: boolean;
     /**
      * 初次挂载时是否执行进入动画
      * @default false
      */
     appear?: boolean;
 }
-export declare const usePresenceAnimation: (visible: boolean, { duration, easing, appear }?: PresenceOptions) => {
+export declare const usePresenceAnimation: (visible: boolean, { duration, easing, appear, canAnimate, }?: PresenceOptions) => {
     mounted: boolean;
     animated: Animated.Value;
 };

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;