react-native-timer-picker 2.5.0 → 2.6.1

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

@@ -1,5 +1,6 @@
 import type { DimensionValue, TextStyle, ViewStyle } from "react-native";
 import type { CustomTimerPickerStyles } from "../TimerPicker/styles";
+export declare const DEFAULT_COLUMN_WIDTH = 70;
 export interface CustomTimerPickerModalStyles extends CustomTimerPickerStyles {
     button?: TextStyle;
     buttonContainer?: ViewStyle;
@@ -9,10 +10,32 @@ export interface CustomTimerPickerModalStyles extends CustomTimerPickerStyles {
     contentContainer?: ViewStyle;
     modalTitle?: TextStyle;
 }
-export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles | undefined, variables?: {
+export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles | undefined, variables: {
     hasModalTitle: boolean;
+    totalColumnWidth: number;
 }) => {
-    container: {
+    button: {
+        color?: import("react-native").ColorValue | undefined;
+        fontFamily?: string | undefined;
+        fontSize: number;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: import("react-native").ColorValue | undefined;
+        textShadowColor?: import("react-native").ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        testID?: string | undefined;
+        fontVariant?: import("react-native").FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
         backgroundColor?: import("react-native").ColorValue | undefined;
         borderBlockColor?: import("react-native").ColorValue | undefined;
@@ -29,7 +52,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderRadius: import("react-native").AnimatableNumericValue;
         borderRightColor?: import("react-native").ColorValue | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
         borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
@@ -43,17 +66,17 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
-        aspectRatio?: string | number | undefined;
+        aspectRatio?: number | string | undefined;
         borderBottomWidth?: number | undefined;
         borderEndWidth?: number | undefined;
         borderLeftWidth?: number | undefined;
         borderRightWidth?: number | undefined;
         borderStartWidth?: number | undefined;
         borderTopWidth?: number | undefined;
-        borderWidth?: number | undefined;
+        borderWidth: number;
         bottom?: DimensionValue | undefined;
         display?: "none" | "flex" | undefined;
         end?: DimensionValue | undefined;
@@ -67,12 +90,12 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
         height?: DimensionValue | undefined;
-        justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
         left?: DimensionValue | undefined;
         margin?: DimensionValue | undefined;
         marginBottom?: DimensionValue | undefined;
         marginEnd?: DimensionValue | undefined;
-        marginHorizontal?: DimensionValue | undefined;
+        marginHorizontal: DimensionValue;
         marginLeft?: DimensionValue | undefined;
         marginRight?: DimensionValue | undefined;
         marginStart?: DimensionValue | undefined;
@@ -86,12 +109,12 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         padding?: DimensionValue | undefined;
         paddingBottom?: DimensionValue | undefined;
         paddingEnd?: DimensionValue | undefined;
-        paddingHorizontal?: DimensionValue | undefined;
+        paddingHorizontal: DimensionValue;
         paddingLeft?: DimensionValue | undefined;
         paddingRight?: DimensionValue | undefined;
         paddingStart?: DimensionValue | undefined;
         paddingTop?: DimensionValue | undefined;
-        paddingVertical?: DimensionValue | undefined;
+        paddingVertical: DimensionValue;
         position?: "absolute" | "relative" | undefined;
         right?: DimensionValue | undefined;
         start?: DimensionValue | undefined;
@@ -107,16 +130,19 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        transformMatrix?: Array<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;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
     };
-    contentContainer: {
+    buttonContainer: {
         backfaceVisibility?: "visible" | "hidden" | undefined;
-        backgroundColor: import("react-native").ColorValue;
+        backgroundColor?: import("react-native").ColorValue | undefined;
         borderBlockColor?: import("react-native").ColorValue | undefined;
         borderBlockEndColor?: import("react-native").ColorValue | undefined;
         borderBlockStartColor?: import("react-native").ColorValue | undefined;
@@ -131,7 +157,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderRadius: import("react-native").AnimatableNumericValue;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderRightColor?: import("react-native").ColorValue | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
         borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
@@ -145,10 +171,10 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+        alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
-        aspectRatio?: string | number | undefined;
+        aspectRatio?: number | string | undefined;
         borderBottomWidth?: number | undefined;
         borderEndWidth?: number | undefined;
         borderLeftWidth?: number | undefined;
@@ -161,7 +187,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         end?: DimensionValue | undefined;
         flex?: number | undefined;
         flexBasis?: DimensionValue | undefined;
-        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        flexDirection: "row" | "column" | "row-reverse" | "column-reverse";
         rowGap?: number | undefined;
         gap?: number | undefined;
         columnGap?: number | undefined;
@@ -169,26 +195,26 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
         height?: DimensionValue | undefined;
-        justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
         left?: DimensionValue | undefined;
         margin?: DimensionValue | undefined;
-        marginBottom?: DimensionValue | undefined;
+        marginBottom: DimensionValue;
         marginEnd?: DimensionValue | undefined;
         marginHorizontal?: DimensionValue | undefined;
         marginLeft?: DimensionValue | undefined;
         marginRight?: DimensionValue | undefined;
         marginStart?: DimensionValue | undefined;
-        marginTop?: DimensionValue | undefined;
+        marginTop: DimensionValue;
         marginVertical?: DimensionValue | undefined;
         maxHeight?: DimensionValue | undefined;
         maxWidth?: DimensionValue | undefined;
         minHeight?: DimensionValue | undefined;
         minWidth?: DimensionValue | undefined;
-        overflow: "visible" | "hidden" | "scroll";
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
         padding?: DimensionValue | undefined;
         paddingBottom?: DimensionValue | undefined;
         paddingEnd?: DimensionValue | undefined;
-        paddingHorizontal: DimensionValue;
+        paddingHorizontal?: DimensionValue | undefined;
         paddingLeft?: DimensionValue | undefined;
         paddingRight?: DimensionValue | undefined;
         paddingStart?: DimensionValue | undefined;
@@ -209,16 +235,37 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        transformMatrix?: Array<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: {
+    cancelButton: {
+        color: import("react-native").ColorValue;
+        fontFamily?: string | undefined;
+        fontSize?: number | undefined;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: import("react-native").ColorValue | undefined;
+        textShadowColor?: import("react-native").ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        testID?: string | undefined;
+        fontVariant?: import("react-native").FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
-        backgroundColor?: import("react-native").ColorValue | 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;
@@ -227,7 +274,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
-        borderColor?: import("react-native").ColorValue | undefined;
+        borderColor: import("react-native").ColorValue;
         borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
         borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
@@ -247,10 +294,10 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
-        aspectRatio?: string | number | undefined;
+        aspectRatio?: number | string | undefined;
         borderBottomWidth?: number | undefined;
         borderEndWidth?: number | undefined;
         borderLeftWidth?: number | undefined;
@@ -263,7 +310,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         end?: DimensionValue | undefined;
         flex?: number | undefined;
         flexBasis?: DimensionValue | undefined;
-        flexDirection: "row" | "column" | "row-reverse" | "column-reverse";
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
         rowGap?: number | undefined;
         gap?: number | undefined;
         columnGap?: number | undefined;
@@ -271,16 +318,16 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
         height?: DimensionValue | undefined;
-        justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
         left?: DimensionValue | undefined;
         margin?: DimensionValue | undefined;
-        marginBottom: DimensionValue;
+        marginBottom?: DimensionValue | undefined;
         marginEnd?: DimensionValue | undefined;
         marginHorizontal?: DimensionValue | undefined;
         marginLeft?: DimensionValue | undefined;
         marginRight?: DimensionValue | undefined;
         marginStart?: DimensionValue | undefined;
-        marginTop: DimensionValue;
+        marginTop?: DimensionValue | undefined;
         marginVertical?: DimensionValue | undefined;
         maxHeight?: DimensionValue | undefined;
         maxWidth?: DimensionValue | undefined;
@@ -311,24 +358,27 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        transformMatrix?: Array<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;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
     };
-    button: {
-        color?: import("react-native").ColorValue | undefined;
+    confirmButton: {
+        color: import("react-native").ColorValue;
         fontFamily?: string | undefined;
-        fontSize: number;
+        fontSize?: number | undefined;
         fontStyle?: "normal" | "italic" | undefined;
-        fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
-        textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
         textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
-        textDecorationStyle?: "solid" | "dotted" | "dashed" | "double" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
         textDecorationColor?: import("react-native").ColorValue | undefined;
         textShadowColor?: import("react-native").ColorValue | undefined;
         textShadowOffset?: {
@@ -341,7 +391,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         fontVariant?: import("react-native").FontVariant[] | undefined;
         writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
-        backgroundColor?: import("react-native").ColorValue | 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;
@@ -350,13 +400,13 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
-        borderColor?: import("react-native").ColorValue | 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;
-        borderRadius: import("react-native").AnimatableNumericValue;
+        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderRightColor?: import("react-native").ColorValue | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
         borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
@@ -370,17 +420,17 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
-        aspectRatio?: string | number | undefined;
+        aspectRatio?: number | string | undefined;
         borderBottomWidth?: number | undefined;
         borderEndWidth?: number | undefined;
         borderLeftWidth?: number | undefined;
         borderRightWidth?: number | undefined;
         borderStartWidth?: number | undefined;
         borderTopWidth?: number | undefined;
-        borderWidth: number;
+        borderWidth?: number | undefined;
         bottom?: DimensionValue | undefined;
         display?: "none" | "flex" | undefined;
         end?: DimensionValue | undefined;
@@ -394,12 +444,12 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
         height?: DimensionValue | undefined;
-        justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
         left?: DimensionValue | undefined;
         margin?: DimensionValue | undefined;
         marginBottom?: DimensionValue | undefined;
         marginEnd?: DimensionValue | undefined;
-        marginHorizontal: DimensionValue;
+        marginHorizontal?: DimensionValue | undefined;
         marginLeft?: DimensionValue | undefined;
         marginRight?: DimensionValue | undefined;
         marginStart?: DimensionValue | undefined;
@@ -409,16 +459,16 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         maxWidth?: DimensionValue | undefined;
         minHeight?: DimensionValue | undefined;
         minWidth?: DimensionValue | undefined;
-        overflow: "visible" | "hidden" | "scroll";
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
         padding?: DimensionValue | undefined;
         paddingBottom?: DimensionValue | undefined;
         paddingEnd?: DimensionValue | undefined;
-        paddingHorizontal: DimensionValue;
+        paddingHorizontal?: DimensionValue | undefined;
         paddingLeft?: DimensionValue | undefined;
         paddingRight?: DimensionValue | undefined;
         paddingStart?: DimensionValue | undefined;
         paddingTop?: DimensionValue | undefined;
-        paddingVertical: DimensionValue;
+        paddingVertical?: DimensionValue | undefined;
         position?: "absolute" | "relative" | undefined;
         right?: DimensionValue | undefined;
         start?: DimensionValue | undefined;
@@ -434,40 +484,19 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        transformMatrix?: Array<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;
-        textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
-        verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
         includeFontPadding?: boolean | undefined;
     };
-    cancelButton: {
-        color: import("react-native").ColorValue;
-        fontFamily?: string | undefined;
-        fontSize?: number | undefined;
-        fontStyle?: "normal" | "italic" | undefined;
-        fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-        letterSpacing?: number | undefined;
-        lineHeight?: number | 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;
-        textShadowColor?: import("react-native").ColorValue | undefined;
-        textShadowOffset?: {
-            width: number;
-            height: number;
-        } | undefined;
-        textShadowRadius?: number | undefined;
-        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
-        testID?: string | undefined;
-        fontVariant?: import("react-native").FontVariant[] | undefined;
-        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+    container: {
         backfaceVisibility?: "visible" | "hidden" | undefined;
-        backgroundColor: import("react-native").ColorValue | 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;
@@ -476,7 +505,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
-        borderColor: import("react-native").ColorValue;
+        borderColor?: import("react-native").ColorValue | undefined;
         borderCurve?: "circular" | "continuous" | undefined;
         borderEndColor?: import("react-native").ColorValue | undefined;
         borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
@@ -496,10 +525,10 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
-        aspectRatio?: string | number | undefined;
+        aspectRatio?: number | string | undefined;
         borderBottomWidth?: number | undefined;
         borderEndWidth?: number | undefined;
         borderLeftWidth?: number | undefined;
@@ -520,7 +549,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
         height?: DimensionValue | undefined;
-        justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+        justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
         left?: DimensionValue | undefined;
         margin?: DimensionValue | undefined;
         marginBottom?: DimensionValue | undefined;
@@ -535,7 +564,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         maxWidth?: DimensionValue | undefined;
         minHeight?: DimensionValue | undefined;
         minWidth?: DimensionValue | undefined;
-        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        overflow: "visible" | "hidden" | "scroll";
         padding?: DimensionValue | undefined;
         paddingBottom?: DimensionValue | undefined;
         paddingEnd?: DimensionValue | undefined;
@@ -560,40 +589,16 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        transformMatrix?: Array<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;
-        textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
-        verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
-        includeFontPadding?: boolean | undefined;
     };
-    confirmButton: {
-        color: import("react-native").ColorValue;
-        fontFamily?: string | undefined;
-        fontSize?: number | undefined;
-        fontStyle?: "normal" | "italic" | undefined;
-        fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-        letterSpacing?: number | undefined;
-        lineHeight?: number | 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;
-        textShadowColor?: import("react-native").ColorValue | undefined;
-        textShadowOffset?: {
-            width: number;
-            height: number;
-        } | undefined;
-        textShadowRadius?: number | undefined;
-        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
-        testID?: string | undefined;
-        fontVariant?: import("react-native").FontVariant[] | undefined;
-        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+    contentContainer: {
         backfaceVisibility?: "visible" | "hidden" | undefined;
-        backgroundColor: import("react-native").ColorValue | undefined;
+        backgroundColor: import("react-native").ColorValue;
         borderBlockColor?: import("react-native").ColorValue | undefined;
         borderBlockEndColor?: import("react-native").ColorValue | undefined;
         borderBlockStartColor?: import("react-native").ColorValue | undefined;
@@ -602,13 +607,13 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderBottomStartRadius?: import("react-native").AnimatableNumericValue | undefined;
-        borderColor: import("react-native").ColorValue;
+        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;
-        borderRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderRadius: import("react-native").AnimatableNumericValue;
         borderRightColor?: import("react-native").ColorValue | undefined;
         borderStartColor?: import("react-native").ColorValue | undefined;
         borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
@@ -622,10 +627,10 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
+        alignItems: import("react-native").FlexAlignType;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
-        aspectRatio?: string | number | undefined;
+        aspectRatio?: number | string | undefined;
         borderBottomWidth?: number | undefined;
         borderEndWidth?: number | undefined;
         borderLeftWidth?: number | undefined;
@@ -646,7 +651,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
         height?: DimensionValue | undefined;
-        justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+        justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
         left?: DimensionValue | undefined;
         margin?: DimensionValue | undefined;
         marginBottom?: DimensionValue | undefined;
@@ -661,11 +666,11 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         maxWidth?: DimensionValue | undefined;
         minHeight?: DimensionValue | undefined;
         minWidth?: DimensionValue | undefined;
-        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        overflow: "visible" | "hidden" | "scroll";
         padding?: DimensionValue | undefined;
         paddingBottom?: DimensionValue | undefined;
         paddingEnd?: DimensionValue | undefined;
-        paddingHorizontal?: DimensionValue | undefined;
+        paddingHorizontal: DimensionValue;
         paddingLeft?: DimensionValue | undefined;
         paddingRight?: DimensionValue | undefined;
         paddingStart?: DimensionValue | undefined;
@@ -675,7 +680,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         right?: DimensionValue | undefined;
         start?: DimensionValue | undefined;
         top?: DimensionValue | undefined;
-        width?: DimensionValue | undefined;
+        width: DimensionValue;
         zIndex?: number | undefined;
         direction?: "inherit" | "ltr" | "rtl" | undefined;
         shadowColor?: import("react-native").ColorValue | undefined;
@@ -686,27 +691,24 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        transformMatrix?: Array<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;
-        textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
-        verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
-        includeFontPadding?: boolean | undefined;
     };
     modalTitle: {
         color: import("react-native").ColorValue;
         fontFamily?: string | undefined;
         fontSize: number;
         fontStyle?: "normal" | "italic" | undefined;
-        fontWeight: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+        fontWeight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
-        textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
         textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
-        textDecorationStyle?: "solid" | "dotted" | "dashed" | "double" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
         textDecorationColor?: import("react-native").ColorValue | undefined;
         textShadowColor?: import("react-native").ColorValue | undefined;
         textShadowOffset?: {
@@ -748,10 +750,10 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
-        aspectRatio?: string | number | undefined;
+        aspectRatio?: number | string | undefined;
         borderBottomWidth?: number | undefined;
         borderEndWidth?: number | undefined;
         borderLeftWidth?: number | undefined;
@@ -772,7 +774,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
         height?: DimensionValue | undefined;
-        justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
         left?: DimensionValue | undefined;
         margin?: DimensionValue | undefined;
         marginBottom: DimensionValue;
@@ -812,14 +814,14 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
         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;
+        transformMatrix?: Array<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;
-        textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
-        verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
         includeFontPadding?: boolean | undefined;
     };
     timerPickerStyles: {
@@ -854,10 +856,10 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
             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;
+            alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
             alignItems?: import("react-native").FlexAlignType | undefined;
             alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
-            aspectRatio?: string | number | undefined;
+            aspectRatio?: number | string | undefined;
             borderBottomWidth?: number | undefined;
             borderEndWidth?: number | undefined;
             borderLeftWidth?: number | undefined;
@@ -878,7 +880,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
             flexShrink?: number | undefined;
             flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
             height?: DimensionValue | undefined;
-            justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
             left?: DimensionValue | undefined;
             margin?: DimensionValue | undefined;
             marginBottom?: DimensionValue | undefined;
@@ -918,31 +920,33 @@ export declare const generateStyles: (customStyles: CustomTimerPickerModalStyles
             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;
+            transformMatrix?: Array<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;
-        disabledPickerItem?: TextStyle | undefined;
-        durationScrollFlatList?: ViewStyle | undefined;
-        durationScrollFlatListContainer?: ViewStyle | undefined;
-        durationScrollFlatListContentContainer?: ViewStyle | undefined;
-        labelOffsetPercentage?: number | undefined;
-        pickerAmPmContainer?: ViewStyle | undefined;
-        pickerAmPmLabel?: TextStyle | undefined;
-        pickerGradientOverlay?: ViewStyle | undefined;
-        pickerItem?: TextStyle | undefined;
-        pickerItemContainer?: (ViewStyle & {
-            height?: number | undefined;
-        }) | undefined;
-        pickerLabel?: TextStyle | undefined;
-        pickerLabelContainer?: ViewStyle | undefined;
-        selectedPickerItem?: TextStyle | undefined;
-        text?: TextStyle | undefined;
-        theme?: "light" | "dark" | undefined;
+        backgroundColor?: string;
+        disabledPickerContainer?: ViewStyle;
+        disabledPickerItem?: TextStyle;
+        durationScrollFlatList?: ViewStyle;
+        durationScrollFlatListContainer?: ViewStyle;
+        durationScrollFlatListContentContainer?: ViewStyle;
+        labelOffsetPercentage?: number;
+        pickerAmPmContainer?: ViewStyle;
+        pickerAmPmLabel?: TextStyle;
+        pickerColumnWidth?: import("../TimerPicker/styles").PerColumnValue;
+        pickerGradientOverlay?: ViewStyle;
+        pickerItem?: TextStyle;
+        pickerItemContainer?: ViewStyle & {
+            height?: number;
+        };
+        pickerLabel?: TextStyle;
+        pickerLabelContainer?: ViewStyle;
+        pickerLabelGap?: import("../TimerPicker/styles").PerColumnValue;
+        selectedPickerItem?: TextStyle;
+        text?: TextStyle;
+        theme?: "light" | "dark";
     };
 };