npm - react-native-timer-picker - Versions diffs - 2.1.1 → 2.2.1 - Mend

react-native-timer-picker 2.1.1 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/dist/typescript/components/TimerPickerModal/styles.d.ts CHANGED Viewed

@@ -16,274 +16,307 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         alignItems: undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
         backgroundColor?: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
         borderBottomColor?: import("react-native").ColorValue | undefined;
-        borderBottomEndRadius?: number | undefined;
-        borderBottomLeftRadius?: number | undefined;
-        borderBottomRightRadius?: number | undefined;
-        borderBottomStartRadius?: number | undefined;
-        borderBottomWidth?: number | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderColor?: import("react-native").ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderLeftWidth?: number | undefined;
-        borderRadius?: number | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderRightColor?: import("react-native").ColorValue | undefined;
-        borderRightWidth?: number | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderStyle?: "solid" | "dotted" | "dashed" | undefined;
         borderTopColor?: import("react-native").ColorValue | undefined;
-        borderTopEndRadius?: number | undefined;
-        borderTopLeftRadius?: number | undefined;
-        borderTopRightRadius?: number | undefined;
-        borderTopStartRadius?: number | undefined;
-        borderTopWidth?: number | undefined;
-        borderWidth?: number | undefined;
-        opacity?: number | undefined;
-        testID?: string | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
         elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
         alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
-        alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
-        aspectRatio?: number | undefined;
-        borderEndWidth?: string | number | undefined;
-        borderStartWidth?: string | number | undefined;
-        bottom?: string | number | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: string | number | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
         display?: "none" | "flex" | undefined;
-        end?: string | number | undefined;
+        end?: import("react-native").DimensionValue | undefined;
         flex?: number | undefined;
-        flexBasis?: string | number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
         flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-        height?: string | number | undefined;
+        height?: import("react-native").DimensionValue | undefined;
         justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
-        left?: string | number | undefined;
-        margin?: string | number | undefined;
-        marginBottom?: string | number | undefined;
-        marginEnd?: string | number | undefined;
-        marginHorizontal?: string | number | undefined;
-        marginLeft?: string | number | undefined;
-        marginRight?: string | number | undefined;
-        marginStart?: string | number | undefined;
-        marginTop?: string | number | undefined;
-        marginVertical?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
         overflow: "visible" | "hidden" | "scroll";
-        padding?: string | number | undefined;
-        paddingBottom?: string | number | undefined;
-        paddingEnd?: string | number | undefined;
-        paddingHorizontal?: string | number | undefined;
-        paddingLeft?: string | number | undefined;
-        paddingRight?: string | number | undefined;
-        paddingStart?: string | number | undefined;
-        paddingTop?: string | number | undefined;
-        paddingVertical?: string | number | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingVertical?: import("react-native").DimensionValue | undefined;
         position?: "absolute" | "relative" | undefined;
-        right?: string | number | undefined;
-        start?: string | number | undefined;
-        top?: string | number | undefined;
-        width?: string | number | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
         zIndex?: number | undefined;
         direction?: "inherit" | "ltr" | "rtl" | undefined;
         shadowColor?: import("react-native").ColorValue | undefined;
-        shadowOffset?: {
+        shadowOffset?: Readonly<{
             width: number;
             height: number;
-        } | undefined;
-        shadowOpacity?: number | undefined;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
         shadowRadius?: number | undefined;
         transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         transformMatrix?: number[] | undefined;
-        rotation?: number | undefined;
-        scaleX?: number | undefined;
-        scaleY?: number | undefined;
-        translateX?: number | undefined;
-        translateY?: number | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
     };
     contentContainer: {
         paddingHorizontal: number;
         paddingVertical: number;
         backfaceVisibility?: "visible" | "hidden" | undefined;
         backgroundColor: import("react-native").ColorValue;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
         borderBottomColor?: import("react-native").ColorValue | undefined;
-        borderBottomEndRadius?: number | undefined;
-        borderBottomLeftRadius?: number | undefined;
-        borderBottomRightRadius?: number | undefined;
-        borderBottomStartRadius?: number | undefined;
-        borderBottomWidth?: number | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderColor?: import("react-native").ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderLeftWidth?: number | undefined;
-        borderRadius: number;
+        borderRadius: import("react-native").AnimatableNumericValue;
         borderRightColor?: import("react-native").ColorValue | undefined;
-        borderRightWidth?: number | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderStyle?: "solid" | "dotted" | "dashed" | undefined;
         borderTopColor?: import("react-native").ColorValue | undefined;
-        borderTopEndRadius?: number | undefined;
-        borderTopLeftRadius?: number | undefined;
-        borderTopRightRadius?: number | undefined;
-        borderTopStartRadius?: number | undefined;
-        borderTopWidth?: number | undefined;
-        borderWidth?: number | undefined;
-        opacity?: number | undefined;
-        testID?: string | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
         elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
         alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
         alignItems: import("react-native").FlexAlignType;
-        alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
-        aspectRatio?: number | undefined;
-        borderEndWidth?: string | number | undefined;
-        borderStartWidth?: string | number | undefined;
-        bottom?: string | number | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: string | number | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
         display?: "none" | "flex" | undefined;
-        end?: string | number | undefined;
+        end?: import("react-native").DimensionValue | undefined;
         flex?: number | undefined;
-        flexBasis?: string | number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
         flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-        height?: string | number | undefined;
+        height?: import("react-native").DimensionValue | undefined;
         justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
-        left?: string | number | undefined;
-        margin?: string | number | undefined;
-        marginBottom?: string | number | undefined;
-        marginEnd?: string | number | undefined;
-        marginHorizontal?: string | number | undefined;
-        marginLeft?: string | number | undefined;
-        marginRight?: string | number | undefined;
-        marginStart?: string | number | undefined;
-        marginTop?: string | number | undefined;
-        marginVertical?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
         overflow: "visible" | "hidden" | "scroll";
-        padding?: string | number | undefined;
-        paddingBottom?: string | number | undefined;
-        paddingEnd?: string | number | undefined;
-        paddingLeft?: string | number | undefined;
-        paddingRight?: string | number | undefined;
-        paddingStart?: string | number | undefined;
-        paddingTop?: string | number | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
         position?: "absolute" | "relative" | undefined;
-        right?: string | number | undefined;
-        start?: string | number | undefined;
-        top?: string | number | undefined;
-        width?: string | number | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
         zIndex?: number | undefined;
         direction?: "inherit" | "ltr" | "rtl" | undefined;
         shadowColor?: import("react-native").ColorValue | undefined;
-        shadowOffset?: {
+        shadowOffset?: Readonly<{
             width: number;
             height: number;
-        } | undefined;
-        shadowOpacity?: number | undefined;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
         shadowRadius?: number | undefined;
         transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         transformMatrix?: number[] | undefined;
-        rotation?: number | undefined;
-        scaleX?: number | undefined;
-        scaleY?: number | undefined;
-        translateX?: number | undefined;
-        translateY?: number | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
     };
     buttonContainer: {
         backfaceVisibility?: "visible" | "hidden" | undefined;
         backgroundColor?: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
         borderBottomColor?: import("react-native").ColorValue | undefined;
-        borderBottomEndRadius?: number | undefined;
-        borderBottomLeftRadius?: number | undefined;
-        borderBottomRightRadius?: number | undefined;
-        borderBottomStartRadius?: number | undefined;
-        borderBottomWidth?: number | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderColor?: import("react-native").ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderLeftWidth?: number | undefined;
-        borderRadius?: number | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderRightColor?: import("react-native").ColorValue | undefined;
-        borderRightWidth?: number | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderStyle?: "solid" | "dotted" | "dashed" | undefined;
         borderTopColor?: import("react-native").ColorValue | undefined;
-        borderTopEndRadius?: number | undefined;
-        borderTopLeftRadius?: number | undefined;
-        borderTopRightRadius?: number | undefined;
-        borderTopStartRadius?: number | undefined;
-        borderTopWidth?: number | undefined;
-        borderWidth?: number | undefined;
-        opacity?: number | undefined;
-        testID?: string | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
         elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
         alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
-        alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
-        aspectRatio?: number | undefined;
-        borderEndWidth?: string | number | undefined;
-        borderStartWidth?: string | number | undefined;
-        bottom?: string | number | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: string | number | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
         display?: "none" | "flex" | undefined;
-        end?: string | number | undefined;
+        end?: import("react-native").DimensionValue | undefined;
         flex?: number | undefined;
-        flexBasis?: string | number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
         flexDirection: "row" | "column" | "row-reverse" | "column-reverse";
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-        height?: string | number | undefined;
+        height?: import("react-native").DimensionValue | undefined;
         justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
-        left?: string | number | undefined;
-        margin?: string | number | undefined;
-        marginBottom: string | number;
-        marginEnd?: string | number | undefined;
-        marginHorizontal?: string | number | undefined;
-        marginLeft?: string | number | undefined;
-        marginRight?: string | number | undefined;
-        marginStart?: string | number | undefined;
-        marginTop: string | number;
-        marginVertical?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom: import("react-native").DimensionValue;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop: import("react-native").DimensionValue;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
         overflow?: "visible" | "hidden" | "scroll" | undefined;
-        padding?: string | number | undefined;
-        paddingBottom?: string | number | undefined;
-        paddingEnd?: string | number | undefined;
-        paddingHorizontal?: string | number | undefined;
-        paddingLeft?: string | number | undefined;
-        paddingRight?: string | number | undefined;
-        paddingStart?: string | number | undefined;
-        paddingTop?: string | number | undefined;
-        paddingVertical?: string | number | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingVertical?: import("react-native").DimensionValue | undefined;
         position?: "absolute" | "relative" | undefined;
-        right?: string | number | undefined;
-        start?: string | number | undefined;
-        top?: string | number | undefined;
-        width?: string | number | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
         zIndex?: number | undefined;
         direction?: "inherit" | "ltr" | "rtl" | undefined;
         shadowColor?: import("react-native").ColorValue | undefined;
-        shadowOffset?: {
+        shadowOffset?: Readonly<{
             width: number;
             height: number;
-        } | undefined;
-        shadowOpacity?: number | undefined;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
         shadowRadius?: number | undefined;
         transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         transformMatrix?: number[] | undefined;
-        rotation?: number | undefined;
-        scaleX?: number | undefined;
-        scaleY?: number | undefined;
-        translateX?: number | undefined;
-        translateY?: number | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
     };
     button: {
         color?: import("react-native").ColorValue | undefined;
@@ -293,7 +326,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
-        textAlign?: "center" | "auto" | "left" | "right" | "justify" | undefined;
+        textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
         textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
         textDecorationStyle?: "solid" | "dotted" | "dashed" | "double" | undefined;
         textDecorationColor?: import("react-native").ColorValue | undefined;
@@ -309,93 +342,106 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
         backgroundColor?: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
         borderBottomColor?: import("react-native").ColorValue | undefined;
-        borderBottomEndRadius?: number | undefined;
-        borderBottomLeftRadius?: number | undefined;
-        borderBottomRightRadius?: number | undefined;
-        borderBottomStartRadius?: number | undefined;
-        borderBottomWidth?: number | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderColor?: import("react-native").ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderLeftWidth?: number | undefined;
-        borderRadius: number;
+        borderRadius: import("react-native").AnimatableNumericValue;
         borderRightColor?: import("react-native").ColorValue | undefined;
-        borderRightWidth?: number | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderStyle?: "solid" | "dotted" | "dashed" | undefined;
         borderTopColor?: import("react-native").ColorValue | undefined;
-        borderTopEndRadius?: number | undefined;
-        borderTopLeftRadius?: number | undefined;
-        borderTopRightRadius?: number | undefined;
-        borderTopStartRadius?: number | undefined;
-        borderTopWidth?: number | undefined;
-        borderWidth: number;
-        opacity?: number | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
         elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
         alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
-        alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
-        aspectRatio?: number | undefined;
-        borderEndWidth?: string | number | undefined;
-        borderStartWidth?: string | number | undefined;
-        bottom?: string | number | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: string | number | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth: number;
+        bottom?: import("react-native").DimensionValue | undefined;
         display?: "none" | "flex" | undefined;
-        end?: string | number | undefined;
+        end?: import("react-native").DimensionValue | undefined;
         flex?: number | undefined;
-        flexBasis?: string | number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
         flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-        height?: string | number | undefined;
+        height?: import("react-native").DimensionValue | undefined;
         justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
-        left?: string | number | undefined;
-        margin?: string | number | undefined;
-        marginBottom?: string | number | undefined;
-        marginEnd?: string | number | undefined;
-        marginHorizontal: string | number;
-        marginLeft?: string | number | undefined;
-        marginRight?: string | number | undefined;
-        marginStart?: string | number | undefined;
-        marginTop?: string | number | undefined;
-        marginVertical?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal: import("react-native").DimensionValue;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
         overflow: "visible" | "hidden" | "scroll";
-        padding?: string | number | undefined;
-        paddingBottom?: string | number | undefined;
-        paddingEnd?: string | number | undefined;
-        paddingHorizontal: string | number;
-        paddingLeft?: string | number | undefined;
-        paddingRight?: string | number | undefined;
-        paddingStart?: string | number | undefined;
-        paddingTop?: string | number | undefined;
-        paddingVertical: string | number;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal: import("react-native").DimensionValue;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingVertical: import("react-native").DimensionValue;
         position?: "absolute" | "relative" | undefined;
-        right?: string | number | undefined;
-        start?: string | number | undefined;
-        top?: string | number | undefined;
-        width?: string | number | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
         zIndex?: number | undefined;
         direction?: "inherit" | "ltr" | "rtl" | undefined;
         shadowColor?: import("react-native").ColorValue | undefined;
-        shadowOffset?: {
+        shadowOffset?: Readonly<{
             width: number;
             height: number;
-        } | undefined;
-        shadowOpacity?: number | undefined;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
         shadowRadius?: number | undefined;
         transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         transformMatrix?: number[] | undefined;
-        rotation?: number | undefined;
-        scaleX?: number | undefined;
-        scaleY?: number | undefined;
-        translateX?: number | undefined;
-        translateY?: number | undefined;
-        textAlignVertical?: "center" | "auto" | "bottom" | "top" | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
+        verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
         includeFontPadding?: boolean | undefined;
     };
     cancelButton: {
@@ -406,7 +452,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
-        textAlign?: "center" | "auto" | "left" | "right" | "justify" | undefined;
+        textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
         textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
         textDecorationStyle?: "solid" | "dotted" | "dashed" | "double" | undefined;
         textDecorationColor?: import("react-native").ColorValue | undefined;
@@ -422,93 +468,106 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
         backgroundColor: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
         borderBottomColor?: import("react-native").ColorValue | undefined;
-        borderBottomEndRadius?: number | undefined;
-        borderBottomLeftRadius?: number | undefined;
-        borderBottomRightRadius?: number | undefined;
-        borderBottomStartRadius?: number | undefined;
-        borderBottomWidth?: number | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderColor: import("react-native").ColorValue;
+        borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderLeftWidth?: number | undefined;
-        borderRadius?: number | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderRightColor?: import("react-native").ColorValue | undefined;
-        borderRightWidth?: number | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderStyle?: "solid" | "dotted" | "dashed" | undefined;
         borderTopColor?: import("react-native").ColorValue | undefined;
-        borderTopEndRadius?: number | undefined;
-        borderTopLeftRadius?: number | undefined;
-        borderTopRightRadius?: number | undefined;
-        borderTopStartRadius?: number | undefined;
-        borderTopWidth?: number | undefined;
-        borderWidth?: number | undefined;
-        opacity?: number | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
         elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
         alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
-        alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
-        aspectRatio?: number | undefined;
-        borderEndWidth?: string | number | undefined;
-        borderStartWidth?: string | number | undefined;
-        bottom?: string | number | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: string | number | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
         display?: "none" | "flex" | undefined;
-        end?: string | number | undefined;
+        end?: import("react-native").DimensionValue | undefined;
         flex?: number | undefined;
-        flexBasis?: string | number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
         flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-        height?: string | number | undefined;
+        height?: import("react-native").DimensionValue | undefined;
         justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
-        left?: string | number | undefined;
-        margin?: string | number | undefined;
-        marginBottom?: string | number | undefined;
-        marginEnd?: string | number | undefined;
-        marginHorizontal?: string | number | undefined;
-        marginLeft?: string | number | undefined;
-        marginRight?: string | number | undefined;
-        marginStart?: string | number | undefined;
-        marginTop?: string | number | undefined;
-        marginVertical?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
         overflow?: "visible" | "hidden" | "scroll" | undefined;
-        padding?: string | number | undefined;
-        paddingBottom?: string | number | undefined;
-        paddingEnd?: string | number | undefined;
-        paddingHorizontal?: string | number | undefined;
-        paddingLeft?: string | number | undefined;
-        paddingRight?: string | number | undefined;
-        paddingStart?: string | number | undefined;
-        paddingTop?: string | number | undefined;
-        paddingVertical?: string | number | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingVertical?: import("react-native").DimensionValue | undefined;
         position?: "absolute" | "relative" | undefined;
-        right?: string | number | undefined;
-        start?: string | number | undefined;
-        top?: string | number | undefined;
-        width?: string | number | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
         zIndex?: number | undefined;
         direction?: "inherit" | "ltr" | "rtl" | undefined;
         shadowColor?: import("react-native").ColorValue | undefined;
-        shadowOffset?: {
+        shadowOffset?: Readonly<{
             width: number;
             height: number;
-        } | undefined;
-        shadowOpacity?: number | undefined;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
         shadowRadius?: number | undefined;
         transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         transformMatrix?: number[] | undefined;
-        rotation?: number | undefined;
-        scaleX?: number | undefined;
-        scaleY?: number | undefined;
-        translateX?: number | undefined;
-        translateY?: number | undefined;
-        textAlignVertical?: "center" | "auto" | "bottom" | "top" | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
+        verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
         includeFontPadding?: boolean | undefined;
     };
     confirmButton: {
@@ -519,7 +578,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
-        textAlign?: "center" | "auto" | "left" | "right" | "justify" | undefined;
+        textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
         textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
         textDecorationStyle?: "solid" | "dotted" | "dashed" | "double" | undefined;
         textDecorationColor?: import("react-native").ColorValue | undefined;
@@ -535,93 +594,106 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
         backgroundColor: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
         borderBottomColor?: import("react-native").ColorValue | undefined;
-        borderBottomEndRadius?: number | undefined;
-        borderBottomLeftRadius?: number | undefined;
-        borderBottomRightRadius?: number | undefined;
-        borderBottomStartRadius?: number | undefined;
-        borderBottomWidth?: number | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderColor: import("react-native").ColorValue;
+        borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderLeftWidth?: number | undefined;
-        borderRadius?: number | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderRightColor?: import("react-native").ColorValue | undefined;
-        borderRightWidth?: number | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderStyle?: "solid" | "dotted" | "dashed" | undefined;
         borderTopColor?: import("react-native").ColorValue | undefined;
-        borderTopEndRadius?: number | undefined;
-        borderTopLeftRadius?: number | undefined;
-        borderTopRightRadius?: number | undefined;
-        borderTopStartRadius?: number | undefined;
-        borderTopWidth?: number | undefined;
-        borderWidth?: number | undefined;
-        opacity?: number | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
         elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
         alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
-        alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
-        aspectRatio?: number | undefined;
-        borderEndWidth?: string | number | undefined;
-        borderStartWidth?: string | number | undefined;
-        bottom?: string | number | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: string | number | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
         display?: "none" | "flex" | undefined;
-        end?: string | number | undefined;
+        end?: import("react-native").DimensionValue | undefined;
         flex?: number | undefined;
-        flexBasis?: string | number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
         flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-        height?: string | number | undefined;
+        height?: import("react-native").DimensionValue | undefined;
         justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
-        left?: string | number | undefined;
-        margin?: string | number | undefined;
-        marginBottom?: string | number | undefined;
-        marginEnd?: string | number | undefined;
-        marginHorizontal?: string | number | undefined;
-        marginLeft?: string | number | undefined;
-        marginRight?: string | number | undefined;
-        marginStart?: string | number | undefined;
-        marginTop?: string | number | undefined;
-        marginVertical?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
         overflow?: "visible" | "hidden" | "scroll" | undefined;
-        padding?: string | number | undefined;
-        paddingBottom?: string | number | undefined;
-        paddingEnd?: string | number | undefined;
-        paddingHorizontal?: string | number | undefined;
-        paddingLeft?: string | number | undefined;
-        paddingRight?: string | number | undefined;
-        paddingStart?: string | number | undefined;
-        paddingTop?: string | number | undefined;
-        paddingVertical?: string | number | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingVertical?: import("react-native").DimensionValue | undefined;
         position?: "absolute" | "relative" | undefined;
-        right?: string | number | undefined;
-        start?: string | number | undefined;
-        top?: string | number | undefined;
-        width?: string | number | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
         zIndex?: number | undefined;
         direction?: "inherit" | "ltr" | "rtl" | undefined;
         shadowColor?: import("react-native").ColorValue | undefined;
-        shadowOffset?: {
+        shadowOffset?: Readonly<{
             width: number;
             height: number;
-        } | undefined;
-        shadowOpacity?: number | undefined;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
         shadowRadius?: number | undefined;
         transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         transformMatrix?: number[] | undefined;
-        rotation?: number | undefined;
-        scaleX?: number | undefined;
-        scaleY?: number | undefined;
-        translateX?: number | undefined;
-        translateY?: number | undefined;
-        textAlignVertical?: "center" | "auto" | "bottom" | "top" | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
+        verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
         includeFontPadding?: boolean | undefined;
     };
     modalTitle: {
@@ -632,7 +704,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         fontWeight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
-        textAlign?: "center" | "auto" | "left" | "right" | "justify" | undefined;
+        textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
         textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
         textDecorationStyle?: "solid" | "dotted" | "dashed" | "double" | undefined;
         textDecorationColor?: import("react-native").ColorValue | undefined;
@@ -648,186 +720,210 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
         backgroundColor?: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
         borderBottomColor?: import("react-native").ColorValue | undefined;
-        borderBottomEndRadius?: number | undefined;
-        borderBottomLeftRadius?: number | undefined;
-        borderBottomRightRadius?: number | undefined;
-        borderBottomStartRadius?: number | undefined;
-        borderBottomWidth?: number | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderColor?: import("react-native").ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderLeftWidth?: number | undefined;
-        borderRadius?: number | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderRightColor?: import("react-native").ColorValue | undefined;
-        borderRightWidth?: number | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderStyle?: "solid" | "dotted" | "dashed" | undefined;
         borderTopColor?: import("react-native").ColorValue | undefined;
-        borderTopEndRadius?: number | undefined;
-        borderTopLeftRadius?: number | undefined;
-        borderTopRightRadius?: number | undefined;
-        borderTopStartRadius?: number | undefined;
-        borderTopWidth?: number | undefined;
-        borderWidth?: number | undefined;
-        opacity?: number | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
         elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
         alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
-        alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
-        aspectRatio?: number | undefined;
-        borderEndWidth?: string | number | undefined;
-        borderStartWidth?: string | number | undefined;
-        bottom?: string | number | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: string | number | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
         display?: "none" | "flex" | undefined;
-        end?: string | number | undefined;
+        end?: import("react-native").DimensionValue | undefined;
         flex?: number | undefined;
-        flexBasis?: string | number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
         flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-        height?: string | number | undefined;
+        height?: import("react-native").DimensionValue | undefined;
         justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
-        left?: string | number | undefined;
-        margin?: string | number | undefined;
-        marginBottom: string | number;
-        marginEnd?: string | number | undefined;
-        marginHorizontal?: string | number | undefined;
-        marginLeft?: string | number | undefined;
-        marginRight?: string | number | undefined;
-        marginStart?: string | number | undefined;
-        marginTop: string | number;
-        marginVertical?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom: import("react-native").DimensionValue;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop: import("react-native").DimensionValue;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
         overflow?: "visible" | "hidden" | "scroll" | undefined;
-        padding?: string | number | undefined;
-        paddingBottom?: string | number | undefined;
-        paddingEnd?: string | number | undefined;
-        paddingHorizontal?: string | number | undefined;
-        paddingLeft?: string | number | undefined;
-        paddingRight?: string | number | undefined;
-        paddingStart?: string | number | undefined;
-        paddingTop?: string | number | undefined;
-        paddingVertical?: string | number | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingVertical?: import("react-native").DimensionValue | undefined;
         position?: "absolute" | "relative" | undefined;
-        right?: string | number | undefined;
-        start?: string | number | undefined;
-        top?: string | number | undefined;
-        width?: string | number | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
         zIndex?: number | undefined;
         direction?: "inherit" | "ltr" | "rtl" | undefined;
         shadowColor?: import("react-native").ColorValue | undefined;
-        shadowOffset?: {
+        shadowOffset?: Readonly<{
             width: number;
             height: number;
-        } | undefined;
-        shadowOpacity?: number | undefined;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
         shadowRadius?: number | undefined;
         transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         transformMatrix?: number[] | undefined;
-        rotation?: number | undefined;
-        scaleX?: number | undefined;
-        scaleY?: number | undefined;
-        translateX?: number | undefined;
-        translateY?: number | undefined;
-        textAlignVertical?: "center" | "auto" | "bottom" | "top" | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
+        verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
         includeFontPadding?: boolean | undefined;
     };
     timerPickerStyles: {
         pickerContainer: {
             backfaceVisibility?: "visible" | "hidden" | undefined;
             backgroundColor?: string | undefined;
+            borderBlockColor?: import("react-native").ColorValue | undefined;
+            borderBlockEndColor?: import("react-native").ColorValue | undefined;
+            borderBlockStartColor?: import("react-native").ColorValue | undefined;
             borderBottomColor?: import("react-native").ColorValue | undefined;
-            borderBottomEndRadius?: number | undefined;
-            borderBottomLeftRadius?: number | undefined;
-            borderBottomRightRadius?: number | undefined;
-            borderBottomStartRadius?: number | undefined;
-            borderBottomWidth?: number | undefined;
+            borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
             borderColor?: import("react-native").ColorValue | undefined;
+            borderCurve?: "circular" | "continuous" | undefined;
             borderEndColor?: import("react-native").ColorValue | undefined;
+            borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
             borderLeftColor?: import("react-native").ColorValue | undefined;
-            borderLeftWidth?: number | undefined;
-            borderRadius?: number | undefined;
+            borderRadius?: import("react-native").AnimatableNumericValue | undefined;
             borderRightColor?: import("react-native").ColorValue | undefined;
-            borderRightWidth?: number | undefined;
             borderStartColor?: import("react-native").ColorValue | undefined;
+            borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderStartStartRadius?: import("react-native").AnimatableNumericValue | undefined;
             borderStyle?: "solid" | "dotted" | "dashed" | undefined;
             borderTopColor?: import("react-native").ColorValue | undefined;
-            borderTopEndRadius?: number | undefined;
-            borderTopLeftRadius?: number | undefined;
-            borderTopRightRadius?: number | undefined;
-            borderTopStartRadius?: number | undefined;
-            borderTopWidth?: number | undefined;
-            borderWidth?: number | undefined;
-            opacity?: number | undefined;
-            testID?: string | undefined;
+            borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+            borderTopStartRadius?: import("react-native").AnimatableNumericValue | undefined;
+            opacity?: import("react-native").AnimatableNumericValue | undefined;
             elevation?: number | undefined;
+            pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
             alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
             alignItems?: import("react-native").FlexAlignType | undefined;
-            alignSelf?: import("react-native").FlexAlignType | "auto" | undefined;
-            aspectRatio?: number | undefined;
-            borderEndWidth?: string | number | undefined;
-            borderStartWidth?: string | number | undefined;
-            bottom?: string | number | undefined;
+            alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+            aspectRatio?: string | number | undefined;
+            borderBottomWidth?: number | undefined;
+            borderEndWidth?: number | undefined;
+            borderLeftWidth?: number | undefined;
+            borderRightWidth?: number | undefined;
+            borderStartWidth?: number | undefined;
+            borderTopWidth?: number | undefined;
+            borderWidth?: number | undefined;
+            bottom?: import("react-native").DimensionValue | undefined;
             display?: "none" | "flex" | undefined;
-            end?: string | number | undefined;
+            end?: import("react-native").DimensionValue | undefined;
             flex?: number | undefined;
-            flexBasis?: string | number | undefined;
+            flexBasis?: import("react-native").DimensionValue | undefined;
             flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+            rowGap?: number | undefined;
+            gap?: number | undefined;
+            columnGap?: number | undefined;
             flexGrow?: number | undefined;
             flexShrink?: number | undefined;
             flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-            height?: string | number | undefined;
+            height?: import("react-native").DimensionValue | undefined;
             justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
-            left?: string | number | undefined;
-            margin?: string | number | undefined;
-            marginBottom?: string | number | undefined;
-            marginEnd?: string | number | undefined;
-            marginHorizontal?: string | number | undefined;
-            marginLeft?: string | number | undefined;
-            marginRight?: string | number | undefined;
-            marginStart?: string | number | undefined;
-            marginTop?: string | number | undefined;
-            marginVertical?: string | number | undefined;
-            maxHeight?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minHeight?: string | number | undefined;
-            minWidth?: string | number | undefined;
+            left?: import("react-native").DimensionValue | undefined;
+            margin?: import("react-native").DimensionValue | undefined;
+            marginBottom?: import("react-native").DimensionValue | undefined;
+            marginEnd?: import("react-native").DimensionValue | undefined;
+            marginHorizontal?: import("react-native").DimensionValue | undefined;
+            marginLeft?: import("react-native").DimensionValue | undefined;
+            marginRight?: import("react-native").DimensionValue | undefined;
+            marginStart?: import("react-native").DimensionValue | undefined;
+            marginTop?: import("react-native").DimensionValue | undefined;
+            marginVertical?: import("react-native").DimensionValue | undefined;
+            maxHeight?: import("react-native").DimensionValue | undefined;
+            maxWidth?: import("react-native").DimensionValue | undefined;
+            minHeight?: import("react-native").DimensionValue | undefined;
+            minWidth?: import("react-native").DimensionValue | undefined;
             overflow?: "visible" | "hidden" | "scroll" | undefined;
-            padding?: string | number | undefined;
-            paddingBottom?: string | number | undefined;
-            paddingEnd?: string | number | undefined;
-            paddingHorizontal: string | number;
-            paddingLeft?: string | number | undefined;
-            paddingRight?: string | number | undefined;
-            paddingStart?: string | number | undefined;
-            paddingTop: string | number;
-            paddingVertical?: string | number | undefined;
+            padding?: import("react-native").DimensionValue | undefined;
+            paddingBottom?: import("react-native").DimensionValue | undefined;
+            paddingEnd?: import("react-native").DimensionValue | undefined;
+            paddingHorizontal: import("react-native").DimensionValue;
+            paddingLeft?: import("react-native").DimensionValue | undefined;
+            paddingRight?: import("react-native").DimensionValue | undefined;
+            paddingStart?: import("react-native").DimensionValue | undefined;
+            paddingTop: import("react-native").DimensionValue;
+            paddingVertical?: import("react-native").DimensionValue | undefined;
             position?: "absolute" | "relative" | undefined;
-            right?: string | number | undefined;
-            start?: string | number | undefined;
-            top?: string | number | undefined;
-            width?: string | number | undefined;
+            right?: import("react-native").DimensionValue | undefined;
+            start?: import("react-native").DimensionValue | undefined;
+            top?: import("react-native").DimensionValue | undefined;
+            width?: import("react-native").DimensionValue | undefined;
             zIndex?: number | undefined;
             direction?: "inherit" | "ltr" | "rtl" | undefined;
             shadowColor?: import("react-native").ColorValue | undefined;
-            shadowOffset?: {
+            shadowOffset?: Readonly<{
                 width: number;
                 height: number;
-            } | undefined;
-            shadowOpacity?: number | undefined;
+            }> | undefined;
+            shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
             shadowRadius?: number | undefined;
             transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
             transformMatrix?: number[] | undefined;
-            rotation?: number | undefined;
-            scaleX?: number | undefined;
-            scaleY?: number | undefined;
-            translateX?: number | undefined;
-            translateY?: number | undefined;
+            rotation?: import("react-native").AnimatableNumericValue | undefined;
+            scaleX?: import("react-native").AnimatableNumericValue | undefined;
+            scaleY?: import("react-native").AnimatableNumericValue | undefined;
+            translateX?: import("react-native").AnimatableNumericValue | undefined;
+            translateY?: import("react-native").AnimatableNumericValue | undefined;
         };
         backgroundColor?: string | undefined;
         disabledPickerContainer?: ViewStyle | undefined;