react-native-system-ui 1.0.5 → 1.0.7

package/dist/types/components/datetime-picker/types.d.ts

@@ -1,38 +1 @@
-import type React from 'react';
-import type { PickerProps } from '../picker/types';
-import type { PopupProps } from '../popup/Popup';
-export type DatetimePickerColumnType = 'year' | 'month' | 'day' | 'hour' | 'minute';
-export type DatetimePickerType = 'date' | 'time' | 'datetime' | 'datehour' | 'month-day' | 'year-month';
-export interface DatetimePickerSharedProps extends Omit<PickerProps, 'columns' | 'value' | 'defaultValue' | 'onChange' | 'onConfirm'> {
-    type?: DatetimePickerType;
-    formatter?: (type: DatetimePickerColumnType, value: string) => string;
-    filter?: (type: DatetimePickerColumnType, values: string[]) => string[];
-    columnsOrder?: DatetimePickerColumnType[];
-    popup?: boolean;
-    popupVisible?: boolean;
-    defaultPopupVisible?: boolean;
-    popupProps?: Omit<PopupProps, 'visible' | 'children'>;
-    onPopupVisibleChange?: (visible: boolean) => void;
-    children?: React.ReactNode;
-}
-export interface DatetimePickerDateProps extends DatetimePickerSharedProps {
-    type?: Exclude<DatetimePickerType, 'time'>;
-    value?: Date;
-    defaultValue?: Date;
-    minDate?: Date;
-    maxDate?: Date;
-    onChange?: (value: Date) => void;
-    onConfirm?: (value: Date) => void;
-}
-export interface DatetimePickerTimeProps extends DatetimePickerSharedProps {
-    type: 'time';
-    value?: string;
-    defaultValue?: string;
-    minHour?: number;
-    maxHour?: number;
-    minMinute?: number;
-    maxMinute?: number;
-    onChange?: (value: string) => void;
-    onConfirm?: (value: string) => void;
-}
-export type DatetimePickerProps = DatetimePickerDateProps | DatetimePickerTimeProps;
+import type React from'react';import type{PickerProps}from'../picker/types';import type{PopupProps}from'../popup/Popup';export type DatetimePickerColumnType='year'|'month'|'day'|'hour'|'minute';export type DatetimePickerType='date'|'time'|'datetime'|'datehour'|'month-day'|'year-month';export interface DatetimePickerSharedProps extends Omit<PickerProps,'columns'|'value'|'defaultValue'|'onChange'|'onConfirm'>{type?:DatetimePickerType;formatter?:(type:DatetimePickerColumnType,value:string)=>string;filter?:(type:DatetimePickerColumnType,values:string[])=>string[];columnsOrder?:DatetimePickerColumnType[];popup?:boolean;popupVisible?:boolean;defaultPopupVisible?:boolean;popupProps?:Omit<PopupProps,'visible'|'children'>;onPopupVisibleChange?:(visible:boolean)=>void;children?:React.ReactNode;}export interface DatetimePickerDateProps extends DatetimePickerSharedProps{type?:Exclude<DatetimePickerType,'time'>;value?:Date;defaultValue?:Date;minDate?:Date;maxDate?:Date;onChange?:(value:Date)=>void;onConfirm?:(value:Date)=>void;}export interface DatetimePickerTimeProps extends DatetimePickerSharedProps{type:'time';value?:string;defaultValue?:string;minHour?:number;maxHour?:number;minMinute?:number;maxMinute?:number;onChange?:(value:string)=>void;onConfirm?:(value:string)=>void;}export type DatetimePickerProps=DatetimePickerDateProps|DatetimePickerTimeProps;

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

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

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

@@ -1,23 +1 @@
-import type { DialogAlertOptions, DialogConfirmOptions, DialogProps, DialogShowOptions } from './types';
-type ImperativeMode = 'show' | 'alert' | 'confirm';
-interface ImperativeMeta {
-    mode: ImperativeMode;
-    resolve?: (value?: any) => void;
-}
-export declare const DialogImperative: {
-    show: (options?: DialogShowOptions) => () => void;
-    alert: (options?: DialogAlertOptions) => Promise<void>;
-    confirm: (options?: DialogConfirmOptions) => Promise<boolean>;
-    clear: () => void;
-    setDefaultOptions: (targetOrOptions: ImperativeMode | DialogShowOptions, maybeOptions?: DialogShowOptions) => void;
-    resetDefaultOptions: (target?: ImperativeMode) => void;
-};
-export declare const __DIALOG_STORE__: {
-    getItems: () => {
-        key: number;
-        options: DialogProps;
-        meta: ImperativeMeta;
-    }[];
-    close: (key: number) => void;
-};
-export {};
+import type{DialogAlertOptions,DialogConfirmOptions,DialogProps,DialogShowOptions}from'./types';type ImperativeMode='show'|'alert'|'confirm';interface ImperativeMeta{mode:ImperativeMode;resolve?:(value?:any)=>void;}export declare const DialogImperative:{show:(options?:DialogShowOptions)=>()=>void;alert:(options?:DialogAlertOptions)=>Promise<void>;confirm:(options?:DialogConfirmOptions)=>Promise<boolean>;clear:()=>void;setDefaultOptions:(targetOrOptions:ImperativeMode|DialogShowOptions,maybeOptions?:DialogShowOptions)=>void;resetDefaultOptions:(target?:ImperativeMode)=>void;};export declare const __DIALOG_STORE__:{getItems:()=>{key:number;options:DialogProps;meta:ImperativeMeta;}[];close:(key:number)=>void;};export{};

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

@@ -1,5 +1 @@
-import type React from 'react';
-import type { DialogProps, DialogStatic } from './types';
-export declare const Dialog: React.FC<DialogProps> & DialogStatic;
-export default Dialog;
-export type * from './types';
+import type React from'react';import type{DialogProps,DialogStatic}from'./types';export declare const Dialog:React.FC<DialogProps>&DialogStatic;export default Dialog;export type*from'./types';

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

@@ -1,48 +1 @@
-import { type Foundations } from '../../design-system/tokens';
-import type { TextStyle } from 'react-native';
-export interface DialogTokens {
-    colors: {
-        background: string;
-        title: string;
-        message: string;
-        divider: string;
-        cancel: string;
-        confirm: string;
-        closeIcon: string;
-    };
-    spacing: {
-        paddingHorizontal: number;
-        paddingTop: number;
-        paddingBottom: number;
-        titlePaddingTop: number;
-        titleIsolatedPadding: number;
-        messagePadding: number;
-        messagePaddingTop: number;
-        messagePaddingHorizontal: number;
-        titleGap: number;
-        footerGap: number;
-        roundFooterPadding: number;
-        roundFooterGap: number;
-        closeIconPadding: number;
-    };
-    sizes: {
-        minWidth: number;
-        maxWidth: number;
-        borderRadius: number;
-        closeSize: number;
-        actionHeight: number;
-        roundButtonHeight: number;
-    };
-    typography: {
-        fontFamily: string;
-        titleSize: number;
-        titleLineHeight: number;
-        titleWeight: TextStyle['fontWeight'];
-        messageSize: number;
-        messageLineHeight: number;
-        actionSize: number;
-        actionWeight: TextStyle['fontWeight'];
-    };
-}
-export declare const createDialogTokens: (foundations: Foundations) => DialogTokens;
-export declare const useDialogTokens: (overrides?: import("../..").DeepPartial<DialogTokens> | undefined) => DialogTokens;
+import{type Foundations}from'../../design-system/tokens';import type{TextStyle}from'react-native';export interface DialogTokens{colors:{background:string;title:string;message:string;divider:string;cancel:string;confirm:string;closeIcon:string;};spacing:{paddingHorizontal:number;paddingTop:number;paddingBottom:number;titlePaddingTop:number;titleIsolatedPadding:number;messagePadding:number;messagePaddingTop:number;messagePaddingHorizontal:number;titleGap:number;footerGap:number;roundFooterPadding:number;roundFooterGap:number;closeIconPadding:number;};sizes:{minWidth:number;maxWidth:number;borderRadius:number;closeSize:number;actionHeight:number;roundButtonHeight:number;};typography:{fontFamily:string;titleSize:number;titleLineHeight:number;titleWeight:TextStyle['fontWeight'];messageSize:number;messageLineHeight:number;actionSize:number;actionWeight:TextStyle['fontWeight'];};}export declare const createDialogTokens:(foundations:Foundations)=>DialogTokens;export declare const useDialogTokens:(overrides?:import("../..").DeepPartial<DialogTokens>|undefined)=>DialogTokens;

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

@@ -1,70 +1 @@
-import type React from 'react';
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
-import type { DeepPartial } from '../../types';
-import type { DialogTokens } from './tokens';
-export type DialogTheme = 'default' | 'round-button';
-export type DialogMessageAlign = 'left' | 'center' | 'right';
-export type DialogBeforeCloseAction = 'confirm' | 'cancel' | 'close';
-export interface DialogActionState {
-    loading?: boolean;
-    disabled?: boolean;
-}
-export interface DialogProps extends Omit<ViewProps, 'children'> {
-    visible: boolean;
-    title?: React.ReactNode;
-    message?: React.ReactNode;
-    messageAlign?: DialogMessageAlign;
-    theme?: DialogTheme;
-    width?: number | string;
-    closeable?: boolean;
-    closeIcon?: React.ReactNode;
-    overlay?: boolean;
-    overlayStyle?: StyleProp<ViewStyle>;
-    overlayTestID?: string;
-    closeOnBackPress?: boolean;
-    closeOnPopstate?: boolean;
-    closeOnOverlayPress?: boolean;
-    closeOnClickOverlay?: boolean;
-    onClickOverlay?: () => void;
-    onClickCloseIcon?: () => void;
-    beforeClose?: (action: DialogBeforeCloseAction) => boolean | Promise<boolean>;
-    showCancelButton?: boolean;
-    cancelButtonText?: React.ReactNode;
-    cancelButtonColor?: string;
-    cancelProps?: DialogActionState;
-    showConfirmButton?: boolean;
-    confirmButtonText?: React.ReactNode;
-    confirmButtonColor?: string;
-    confirmProps?: DialogActionState;
-    footer?: React.ReactNode;
-    contentStyle?: StyleProp<ViewStyle>;
-    titleStyle?: StyleProp<TextStyle>;
-    messageStyle?: StyleProp<TextStyle>;
-    tokensOverride?: DeepPartial<DialogTokens>;
-    style?: StyleProp<ViewStyle>;
-    children?: React.ReactNode;
-    onCancel?: () => void | boolean | Promise<void | boolean>;
-    onConfirm?: () => void | boolean | Promise<void | boolean>;
-    onClose?: () => void | boolean | Promise<void | boolean>;
-    onClosed?: () => void;
-}
-export type DialogShowOptions = Omit<DialogProps, 'visible'>;
-export type DialogAlertOptions = Omit<DialogShowOptions, 'showCancelButton' | 'onCancel'>;
-export type DialogConfirmOptions = DialogShowOptions;
-export type DialogImperativeMode = 'show' | 'alert' | 'confirm';
-export type DialogSetDefaultOptions = {
-    (options: DialogShowOptions): void;
-    (mode: DialogImperativeMode, options: DialogShowOptions): void;
-};
-export type DialogResetDefaultOptions = {
-    (mode?: DialogImperativeMode): void;
-};
-export interface DialogStatic {
-    Host: React.ComponentType<any>;
-    show: (options?: DialogShowOptions) => () => void;
-    alert: (options?: DialogAlertOptions) => Promise<void>;
-    confirm: (options?: DialogConfirmOptions) => Promise<boolean>;
-    clear: () => void;
-    setDefaultOptions: DialogSetDefaultOptions;
-    resetDefaultOptions: DialogResetDefaultOptions;
-}
+import type React from'react';import type{StyleProp,TextStyle,ViewProps,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';import type{DialogTokens}from'./tokens';export type DialogTheme='default'|'round-button';export type DialogMessageAlign='left'|'center'|'right';export type DialogBeforeCloseAction='confirm'|'cancel'|'close';export interface DialogActionState{loading?:boolean;disabled?:boolean;}export interface DialogProps extends Omit<ViewProps,'children'>{visible:boolean;title?:React.ReactNode;message?:React.ReactNode;messageAlign?:DialogMessageAlign;theme?:DialogTheme;width?:number|string;closeable?:boolean;closeIcon?:React.ReactNode;overlay?:boolean;overlayStyle?:StyleProp<ViewStyle>;overlayTestID?:string;closeOnBackPress?:boolean;closeOnPopstate?:boolean;closeOnOverlayPress?:boolean;closeOnClickOverlay?:boolean;onClickOverlay?:()=>void;onClickCloseIcon?:()=>void;beforeClose?:(action:DialogBeforeCloseAction)=>boolean|Promise<boolean>;showCancelButton?:boolean;cancelButtonText?:React.ReactNode;cancelButtonColor?:string;cancelProps?:DialogActionState;showConfirmButton?:boolean;confirmButtonText?:React.ReactNode;confirmButtonColor?:string;confirmProps?:DialogActionState;footer?:React.ReactNode;contentStyle?:StyleProp<ViewStyle>;titleStyle?:StyleProp<TextStyle>;messageStyle?:StyleProp<TextStyle>;tokensOverride?:DeepPartial<DialogTokens>;style?:StyleProp<ViewStyle>;children?:React.ReactNode;onCancel?:()=>void|boolean|Promise<void|boolean>;onConfirm?:()=>void|boolean|Promise<void|boolean>;onClose?:()=>void|boolean|Promise<void|boolean>;onClosed?:()=>void;}export type DialogShowOptions=Omit<DialogProps,'visible'>;export type DialogAlertOptions=Omit<DialogShowOptions,'showCancelButton'|'onCancel'>;export type DialogConfirmOptions=DialogShowOptions;export type DialogImperativeMode='show'|'alert'|'confirm';export type DialogSetDefaultOptions={(options:DialogShowOptions):void;(mode:DialogImperativeMode,options:DialogShowOptions):void;};export type DialogResetDefaultOptions={(mode?:DialogImperativeMode):void;};export interface DialogStatic{Host:React.ComponentType<any>;show:(options?:DialogShowOptions)=>()=>void;alert:(options?:DialogAlertOptions)=>Promise<void>;confirm:(options?:DialogConfirmOptions)=>Promise<boolean>;clear:()=>void;setDefaultOptions:DialogSetDefaultOptions;resetDefaultOptions:DialogResetDefaultOptions;}

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

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

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

@@ -1,3 +1 @@
-import { Divider } from './Divider';
-export type { DividerProps } from './types';
-export default Divider;
+import{Divider}from'./Divider';export type{DividerProps}from'./types';export default Divider;

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

@@ -1,4 +1 @@
-import type { Foundations } from '../../design-system/tokens';
-import type { DividerTokens } from './types';
-export declare const createDividerTokens: (foundations: Foundations) => DividerTokens;
-export declare const useDividerTokens: (overrides?: import("../..").DeepPartial<DividerTokens> | undefined) => DividerTokens;
+import type{Foundations}from'../../design-system/tokens';import type{DividerTokens}from'./types';export declare const createDividerTokens:(foundations:Foundations)=>DividerTokens;export declare const useDividerTokens:(overrides?:import("../..").DeepPartial<DividerTokens>|undefined)=>DividerTokens;

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

@@ -1,48 +1 @@
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
-import type { DeepPartial } from '../../types';
-export type DividerContentPosition = 'left' | 'center' | 'right';
-export interface DividerTokens {
-    defaults: {
-        dashed: boolean;
-        hairline: boolean;
-        contentPosition: DividerContentPosition;
-    };
-    layout: {
-        container: ViewStyle;
-        contentWrapper: ViewStyle;
-        text: TextStyle;
-        hairlineWrapper: ViewStyle;
-    };
-    colors: {
-        line: string;
-        text: string;
-    };
-    typography: {
-        fontSize: number;
-        lineHeight: number;
-        fontFamily: string;
-        fontWeight: TextStyle['fontWeight'];
-    };
-    sizing: {
-        sideMinFlex: number;
-    };
-    borders: {
-        thickness: number;
-    };
-    spacing: {
-        vertical: number;
-        contentPadding: number;
-    };
-}
-export interface DividerProps extends ViewProps {
-    children?: React.ReactNode;
-    type?: 'horizontal' | 'vertical';
-    orientation?: 'horizontal' | 'vertical';
-    dashed?: boolean;
-    hairline?: boolean;
-    contentPosition?: DividerContentPosition;
-    textStyle?: StyleProp<TextStyle>;
-    contentStyle?: StyleProp<ViewStyle>;
-    lineColor?: string;
-    tokensOverride?: DeepPartial<DividerTokens>;
-}
+import type{StyleProp,TextStyle,ViewProps,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';export type DividerContentPosition='left'|'center'|'right';export interface DividerTokens{defaults:{dashed:boolean;hairline:boolean;contentPosition:DividerContentPosition;};layout:{container:ViewStyle;contentWrapper:ViewStyle;text:TextStyle;hairlineWrapper:ViewStyle;};colors:{line:string;text:string;};typography:{fontSize:number;lineHeight:number;fontFamily:string;fontWeight:TextStyle['fontWeight'];};sizing:{sideMinFlex:number;};borders:{thickness:number;};spacing:{vertical:number;contentPadding:number;};}export interface DividerProps extends ViewProps{children?:React.ReactNode;type?:'horizontal'|'vertical';orientation?:'horizontal'|'vertical';dashed?:boolean;hairline?:boolean;contentPosition?:DividerContentPosition;textStyle?:StyleProp<TextStyle>;contentStyle?:StyleProp<ViewStyle>;lineColor?:string;tokensOverride?:DeepPartial<DividerTokens>;}

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

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

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

@@ -1,3 +1 @@
-import { Empty } from './Empty';
-export type { EmptyProps, EmptyImage } from './types';
-export default Empty;
+import{Empty}from'./Empty';export type{EmptyProps,EmptyImage}from'./types';export default Empty;

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

@@ -1,4 +1 @@
-import type { Foundations } from '../../design-system/tokens';
-import type { EmptyTokens } from './types';
-export declare const createEmptyTokens: (foundations: Foundations) => EmptyTokens;
-export declare const useEmptyTokens: (overrides?: import("../..").DeepPartial<EmptyTokens> | undefined) => EmptyTokens;
+import type{Foundations}from'../../design-system/tokens';import type{EmptyTokens}from'./types';export declare const createEmptyTokens:(foundations:Foundations)=>EmptyTokens;export declare const useEmptyTokens:(overrides?:import("../..").DeepPartial<EmptyTokens>|undefined)=>EmptyTokens;

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

@@ -1,44 +1 @@
-import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
-import type { DeepPartial } from '../../types';
-export type EmptyImage = 'default' | 'error' | 'network' | 'search';
-export interface EmptyTokens {
-    defaults: {
-        image: EmptyImage;
-        gap: number;
-    };
-    layout: {
-        container: ViewStyle;
-        imageWrapper: ViewStyle;
-        descriptionText: TextStyle;
-        footer: ViewStyle;
-    };
-    colors: {
-        description: string;
-        icon: string;
-        imageBackground: string;
-    };
-    typography: {
-        descriptionSize: number;
-        descriptionLineHeight: number;
-        descriptionFontFamily: string;
-        descriptionFontWeight: TextStyle['fontWeight'];
-    };
-    sizing: {
-        image: number;
-        iconScale: number;
-    };
-    spacing: {
-        descriptionPaddingHorizontal: number;
-        footerMarginTop: number;
-    };
-}
-export interface EmptyProps extends ViewProps {
-    image?: EmptyImage | string | React.ReactNode;
-    imageSize?: number;
-    imageStyle?: StyleProp<ViewStyle>;
-    description?: React.ReactNode;
-    descriptionStyle?: StyleProp<TextStyle>;
-    children?: React.ReactNode;
-    gap?: number;
-    tokensOverride?: DeepPartial<EmptyTokens>;
-}
+import type{StyleProp,TextStyle,ViewProps,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';export type EmptyImage='default'|'error'|'network'|'search';export interface EmptyTokens{defaults:{image:EmptyImage;gap:number;};layout:{container:ViewStyle;imageWrapper:ViewStyle;descriptionText:TextStyle;footer:ViewStyle;};colors:{description:string;icon:string;imageBackground:string;};typography:{descriptionSize:number;descriptionLineHeight:number;descriptionFontFamily:string;descriptionFontWeight:TextStyle['fontWeight'];};sizing:{image:number;iconScale:number;};spacing:{descriptionPaddingHorizontal:number;footerMarginTop:number;};}export interface EmptyProps extends ViewProps{image?:EmptyImage|string|React.ReactNode;imageSize?:number;imageStyle?:StyleProp<ViewStyle>;description?:React.ReactNode;descriptionStyle?:StyleProp<TextStyle>;children?:React.ReactNode;gap?:number;tokensOverride?:DeepPartial<EmptyTokens>;}

package/dist/types/components/error-boundary/ErrorBoundary.d.ts

@@ -1,6 +1 @@
-import React from 'react';
-import type { ErrorBoundaryProps, ErrorBoundaryRef } from './types';
-declare const ErrorBoundary: React.ForwardRefExoticComponent<ErrorBoundaryProps & React.RefAttributes<ErrorBoundaryRef>>;
-export { ErrorBoundary };
-export type { ErrorBoundaryProps, ErrorBoundaryRef } from './types';
-export default ErrorBoundary;
+import React from'react';import type{ErrorBoundaryProps,ErrorBoundaryRef}from'./types';declare const ErrorBoundary:React.ForwardRefExoticComponent<ErrorBoundaryProps&React.RefAttributes<ErrorBoundaryRef>>;export{ErrorBoundary};export type{ErrorBoundaryProps,ErrorBoundaryRef}from'./types';export default ErrorBoundary;

package/dist/types/components/error-boundary/index.d.ts

@@ -1,2 +1 @@
-export { ErrorBoundary, default } from './ErrorBoundary';
-export type { ErrorBoundaryProps, ErrorBoundaryRef } from './types';
+export{ErrorBoundary,default}from'./ErrorBoundary';export type{ErrorBoundaryProps,ErrorBoundaryRef}from'./types';

package/dist/types/components/error-boundary/types.d.ts

@@ -1,18 +1 @@
-import type React from 'react';
-export interface ErrorBoundaryProps {
-    /** Fallback UI when an error is caught. Can be a ReactNode or a render function */
-    fallback?: React.ReactNode | ((error: Error, reset: () => void) => React.ReactNode);
-    /** Callback when an error is caught */
-    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
-    /** Callback when the error state is reset */
-    onReset?: () => void;
-    /** Children to render */
-    children?: React.ReactNode;
-}
-export interface ErrorBoundaryState {
-    error: Error | null;
-}
-export interface ErrorBoundaryRef {
-    /** Reset the error boundary to re-render children */
-    reset: () => void;
-}
+import type React from'react';export interface ErrorBoundaryProps{fallback?:React.ReactNode|((error:Error,reset:()=>void)=>React.ReactNode);onError?:(error:Error,errorInfo:React.ErrorInfo)=>void;onReset?:()=>void;children?:React.ReactNode;}export interface ErrorBoundaryState{error:Error|null;}export interface ErrorBoundaryRef{reset:()=>void;}

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

@@ -1,4 +1 @@
-import React from 'react';
-import type { FieldInstance, FieldProps } from './types';
-export declare const Field: React.NamedExoticComponent<FieldProps & React.RefAttributes<FieldInstance>>;
-export default Field;
+import React from'react';import type{FieldInstance,FieldProps}from'./types';export declare const Field:React.NamedExoticComponent<FieldProps&React.RefAttributes<FieldInstance>>;export default Field;

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

@@ -1,7 +1 @@
-import Field from './Field';
-import { CellGroup as FieldGroup } from '../cell';
-export { FieldGroup };
-export type { FieldProps, FieldInstance, FieldType, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig, FieldTooltipProps, FieldShowWordLimit, FieldInputAlign, FieldControlAlign, FieldGroupProps, } from './types';
-export { useFieldTokens } from './tokens';
-export default Field;
-export { Field };
+import Field from'./Field';import{CellGroup as FieldGroup}from'../cell';export{FieldGroup};export type{FieldProps,FieldInstance,FieldType,FieldClearTrigger,FieldFormatTrigger,FieldAutosizeConfig,FieldTooltipProps,FieldShowWordLimit,FieldInputAlign,FieldControlAlign,FieldGroupProps,}from'./types';export{useFieldTokens}from'./tokens';export default Field;export{Field};

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

@@ -1,131 +1 @@
-import type { FieldClearTrigger, FieldControlAlign, FieldFormatTrigger, FieldInputAlign } from './types';
-declare const fieldLayout: {
-    body: {
-        flexDirection: "row";
-        alignItems: "center";
-    };
-    controlWrapper: {
-        flex: number;
-        flexDirection: "row";
-        alignItems: "center";
-        minWidth: number;
-    };
-    input: {
-        flex: number;
-        minWidth: number;
-        padding: number;
-        margin: number;
-        borderWidth: number;
-        outlineStyle: "solid";
-        outlineWidth: number;
-        outlineColor: string;
-        backgroundColor: string;
-        includeFontPadding: false;
-        textAlignVertical: "center";
-    };
-    textarea: {
-        flex: number;
-        padding: number;
-        margin: number;
-        borderWidth: number;
-        outlineStyle: "solid";
-        outlineWidth: number;
-        outlineColor: string;
-        backgroundColor: string;
-        textAlignVertical: "top";
-    };
-    children: {
-        justifyContent: "center";
-    };
-    leftIcon: {
-        justifyContent: "center";
-        alignItems: "center";
-    };
-    rightIcon: {
-        justifyContent: "center";
-        alignItems: "center";
-    };
-    prefix: {
-        justifyContent: "center";
-    };
-    suffix: {
-        justifyContent: "center";
-    };
-    affixText: {
-        includeFontPadding: false;
-    };
-    clearIcon: {
-        justifyContent: "center";
-        alignItems: "center";
-    };
-    labelWrapper: {
-        flexDirection: "row";
-        alignItems: "center";
-        flexShrink: number;
-        flexGrow: number;
-        minWidth: number;
-    };
-    labelRow: {
-        flexDirection: "row";
-        alignItems: "center";
-        minWidth: number;
-    };
-    tooltip: {
-        justifyContent: "center";
-        alignItems: "center";
-    };
-    message: {};
-    wordLimit: {};
-};
-export interface FieldTokens {
-    layout: typeof fieldLayout;
-    defaults: {
-        labelWidth: number;
-        labelAlign: FieldInputAlign;
-        inputAlign: FieldInputAlign;
-        controlAlign: FieldControlAlign;
-        clearTrigger: FieldClearTrigger;
-        formatTrigger: FieldFormatTrigger;
-        rows: number;
-        textareaLineHeight: number;
-    };
-    colors: {
-        label: string;
-        input: string;
-        placeholder: string;
-        error: string;
-        disabled: string;
-        intro: string;
-        tooltip: string;
-        clear: string;
-        rightIcon: string;
-        wordLimit: string;
-    };
-    spacing: {
-        labelGap: number;
-        leftIconGap: number;
-        rightIconGap: number;
-        prefixGap: number;
-        suffixGap: number;
-        messageMarginTop: number;
-        introMarginTop: number;
-        wordLimitMarginTop: number;
-    };
-    typography: {
-        labelSize: number;
-        inputSize: number;
-        inputLineHeight: number;
-        placeholderSize: number;
-        messageSize: number;
-        introSize: number;
-        wordLimitSize: number;
-    };
-    sizes: {
-        icon: number;
-        clearIcon: number;
-        textareaMinHeight: number;
-        controlMinHeight: number;
-    };
-}
-export declare const useFieldTokens: (overrides?: import("../..").DeepPartial<FieldTokens> | undefined) => FieldTokens;
-export {};
+import type{FieldClearTrigger,FieldControlAlign,FieldFormatTrigger,FieldInputAlign}from'./types';declare const fieldLayout:{body:{flexDirection:"row";alignItems:"center";};controlWrapper:{flex:number;flexDirection:"row";alignItems:"center";minWidth:number;};input:{flex:number;minWidth:number;padding:number;margin:number;borderWidth:number;outlineStyle:"solid";outlineWidth:number;outlineColor:string;backgroundColor:string;includeFontPadding:false;textAlignVertical:"center";};textarea:{flex:number;padding:number;margin:number;borderWidth:number;outlineStyle:"solid";outlineWidth:number;outlineColor:string;backgroundColor:string;textAlignVertical:"top";};children:{justifyContent:"center";};leftIcon:{justifyContent:"center";alignItems:"center";};rightIcon:{justifyContent:"center";alignItems:"center";};prefix:{justifyContent:"center";};suffix:{justifyContent:"center";};affixText:{includeFontPadding:false;};clearIcon:{justifyContent:"center";alignItems:"center";};labelWrapper:{flexDirection:"row";alignItems:"center";flexShrink:number;flexGrow:number;minWidth:number;};labelRow:{flexDirection:"row";alignItems:"center";minWidth:number;};tooltip:{justifyContent:"center";alignItems:"center";};message:{};wordLimit:{};};export interface FieldTokens{layout:typeof fieldLayout;defaults:{labelWidth:number;labelAlign:FieldInputAlign;inputAlign:FieldInputAlign;controlAlign:FieldControlAlign;clearTrigger:FieldClearTrigger;formatTrigger:FieldFormatTrigger;rows:number;textareaLineHeight:number;};colors:{label:string;input:string;placeholder:string;error:string;disabled:string;intro:string;tooltip:string;clear:string;rightIcon:string;wordLimit:string;};spacing:{labelGap:number;leftIconGap:number;rightIconGap:number;prefixGap:number;suffixGap:number;messageMarginTop:number;introMarginTop:number;wordLimitMarginTop:number;};typography:{labelSize:number;inputSize:number;inputLineHeight:number;placeholderSize:number;messageSize:number;introSize:number;wordLimitSize:number;};sizes:{icon:number;clearIcon:number;textareaMinHeight:number;controlMinHeight:number;};}export declare const useFieldTokens:(overrides?:import("../..").DeepPartial<FieldTokens>|undefined)=>FieldTokens;export{};

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

@@ -1,86 +1 @@
-import type React from 'react';
-import type { PressableProps, StyleProp, TextInput, TextInputProps, TextStyle, ViewStyle } from 'react-native';
-import type { DeepPartial } from '../../types';
-import type { FieldTokens } from './tokens';
-import type { DialogShowOptions } from '../dialog/types';
-import type { CellArrowDirection, CellGroupProps, CellSize } from '../cell/types';
-export type FieldType = 'tel' | 'text' | 'digit' | 'number' | 'search' | 'password' | 'textarea';
-export type FieldInputAlign = 'left' | 'center' | 'right';
-export type FieldControlAlign = 'left' | 'center' | 'right';
-export type FieldClearTrigger = 'always' | 'focus';
-export type FieldFormatTrigger = 'onBlur' | 'onChange';
-export type FieldAutosizeConfig = {
-    maxRows?: number;
-    minRows?: number;
-};
-export type FieldTooltipProps = DialogShowOptions & {
-    icon?: React.ReactNode;
-};
-export type FieldShowWordLimit = boolean | ((params: {
-    currentCount: number;
-    maxLength?: number;
-}) => React.ReactNode);
-export interface FieldProps extends Omit<TextInputProps, 'style' | 'value' | 'defaultValue' | 'editable' | 'onChange' | 'onChangeText'> {
-    label?: React.ReactNode;
-    labelWidth?: number;
-    labelAlign?: FieldInputAlign;
-    inputAlign?: FieldInputAlign;
-    controlAlign?: FieldControlAlign;
-    required?: boolean;
-    colon?: boolean;
-    intro?: React.ReactNode;
-    description?: React.ReactNode;
-    tooltip?: React.ReactNode | FieldTooltipProps;
-    error?: boolean;
-    errorMessage?: React.ReactNode;
-    errorMessageAlign?: FieldInputAlign;
-    disabled?: boolean;
-    readOnly?: boolean;
-    clearable?: boolean;
-    clearTrigger?: FieldClearTrigger;
-    clearIcon?: React.ReactNode;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    button?: React.ReactNode;
-    extra?: React.ReactNode;
-    value?: string;
-    defaultValue?: string;
-    type?: FieldType;
-    rows?: number;
-    autoSize?: boolean | FieldAutosizeConfig;
-    formatter?: (value: string) => string;
-    formatTrigger?: FieldFormatTrigger;
-    showWordLimit?: FieldShowWordLimit;
-    onOverlimit?: (value: string) => void;
-    onChangeText?: (value: string) => void;
-    onClear?: () => void;
-    onClick?: () => void;
-    onClickInput?: () => void;
-    onClickLeftIcon?: () => void;
-    onClickRightIcon?: () => void;
-    border?: boolean;
-    center?: boolean;
-    clickable?: boolean;
-    isLink?: boolean;
-    arrowDirection?: CellArrowDirection;
-    size?: CellSize;
-    titleStyle?: StyleProp<TextStyle>;
-    contentStyle?: StyleProp<ViewStyle>;
-    inputStyle?: StyleProp<TextStyle>;
-    labelStyle?: StyleProp<TextStyle>;
-    introStyle?: StyleProp<TextStyle>;
-    errorMessageStyle?: StyleProp<TextStyle>;
-    tokensOverride?: DeepPartial<FieldTokens>;
-    style?: StyleProp<ViewStyle>;
-    androidRipple?: PressableProps['android_ripple'];
-    children?: React.ReactNode;
-}
-export interface FieldInstance {
-    focus: () => void;
-    blur: () => void;
-    clear: () => void;
-    nativeElement: TextInput | null;
-}
-export type FieldGroupProps = CellGroupProps;
+import type React from'react';import type{PressableProps,StyleProp,TextInput,TextInputProps,TextStyle,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';import type{FieldTokens}from'./tokens';import type{DialogShowOptions}from'../dialog/types';import type{CellArrowDirection,CellGroupProps,CellSize}from'../cell/types';export type FieldType='tel'|'text'|'digit'|'number'|'search'|'password'|'textarea';export type FieldInputAlign='left'|'center'|'right';export type FieldControlAlign='left'|'center'|'right';export type FieldClearTrigger='always'|'focus';export type FieldFormatTrigger='onBlur'|'onChange';export type FieldAutosizeConfig={maxRows?:number;minRows?:number;};export type FieldTooltipProps=DialogShowOptions&{icon?:React.ReactNode;};export type FieldShowWordLimit=boolean|((params:{currentCount:number;maxLength?:number;})=>React.ReactNode);export interface FieldProps extends Omit<TextInputProps,'style'|'value'|'defaultValue'|'editable'|'onChange'|'onChangeText'>{label?:React.ReactNode;labelWidth?:number;labelAlign?:FieldInputAlign;inputAlign?:FieldInputAlign;controlAlign?:FieldControlAlign;required?:boolean;colon?:boolean;intro?:React.ReactNode;description?:React.ReactNode;tooltip?:React.ReactNode|FieldTooltipProps;error?:boolean;errorMessage?:React.ReactNode;errorMessageAlign?:FieldInputAlign;errorMessagePosition?:'inner'|'outer';disabled?:boolean;readOnly?:boolean;clearable?:boolean;clearTrigger?:FieldClearTrigger;clearIcon?:React.ReactNode;leftIcon?:React.ReactNode;rightIcon?:React.ReactNode;prefix?:React.ReactNode;suffix?:React.ReactNode;button?:React.ReactNode;extra?:React.ReactNode;value?:string;defaultValue?:string;type?:FieldType;rows?:number;autoSize?:boolean|FieldAutosizeConfig;formatter?:(value:string)=>string;formatTrigger?:FieldFormatTrigger;showWordLimit?:FieldShowWordLimit;onOverlimit?:(value:string)=>void;onChangeText?:(value:string)=>void;onClear?:()=>void;onClick?:()=>void;onClickInput?:()=>void;onClickLeftIcon?:()=>void;onClickRightIcon?:()=>void;border?:boolean;center?:boolean;clickable?:boolean;isLink?:boolean;arrowDirection?:CellArrowDirection;size?:CellSize;titleStyle?:StyleProp<TextStyle>;contentStyle?:StyleProp<ViewStyle>;inputStyle?:StyleProp<TextStyle>;labelStyle?:StyleProp<TextStyle>;introStyle?:StyleProp<TextStyle>;errorMessageStyle?:StyleProp<TextStyle>;tokensOverride?:DeepPartial<FieldTokens>;style?:StyleProp<ViewStyle>;androidRipple?:PressableProps['android_ripple'];children?:React.ReactNode;}export interface FieldInstance{focus:()=>void;blur:()=>void;clear:()=>void;nativeElement:TextInput|null;}export type FieldGroupProps=CellGroupProps;

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

@@ -1,9 +1 @@
-import React from 'react';
-import type { FlexProps } from './types';
-export interface FlexContextValue {
-    horizontalGap: number;
-    verticalGap: number;
-    columns: number;
-}
-export declare const FlexContext: React.Context<FlexContextValue>;
-export declare const Flex: React.NamedExoticComponent<FlexProps>;
+import React from'react';import type{FlexProps}from'./types';export interface FlexContextValue{horizontalGap:number;verticalGap:number;columns:number;}export declare const FlexContext:React.Context<FlexContextValue>;export declare const Flex:React.NamedExoticComponent<FlexProps>;

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

@@ -1,2 +1 @@
-export type { FlexContextValue } from './Flex';
-export { FlexContext } from './Flex';
+export type{FlexContextValue}from'./Flex';export{FlexContext}from'./Flex';